
你有沒(méi)有注意到一些網(wǎng)站的導(dǎo)航有多痛苦?事實(shí)上,即使是一些最著名的網(wǎng)站也很難找到您的出路。你知道你想要什么。你知道它一定在網(wǎng)站上的某個(gè)地方。但有時(shí),感覺(jué)網(wǎng)頁(yè)設(shè)計(jì)師故意讓東西很難找到。如果您堅(jiān)持使用導(dǎo)航不佳的網(wǎng)站,那么您就是少數(shù)。大多數(shù)人在放棄之前只會(huì)在網(wǎng)站上停留20秒。因此,如果您也是成都小程序開(kāi)發(fā),則無(wú)法保證訪(fǎng)問(wèn)者會(huì)像您一樣耐心。那么,精心設(shè)計(jì)的網(wǎng)站導(dǎo)航和難以逾越的迷宮之間有什么區(qū)別呢?好吧,良好導(dǎo)航的原則比您想象的更簡(jiǎn)單。這里有十個(gè)基本技巧,可讓您輕松瀏覽網(wǎng)站。
良好網(wǎng)站導(dǎo)航的第一步是設(shè)身處地為典型訪(fǎng)客著想。因此,與其將您認(rèn)為重要的內(nèi)容放在首位,不如考慮用戶(hù)希望發(fā)現(xiàn)您的內(nèi)容的順序。
請(qǐng)記住,您網(wǎng)站的新訪(fǎng)問(wèn)者并不像您那樣熟悉周?chē)沫h(huán)境。他們對(duì)您的品牌一無(wú)所知。因此,使用導(dǎo)航來(lái)引導(dǎo)人們進(jìn)行發(fā)現(xiàn)之旅。
例如,人們可能首先想知道是什么讓您的公司與眾不同,您的品牌價(jià)值是什么,當(dāng)然還有您銷(xiāo)售的產(chǎn)品。另外,他們會(huì)想知道他們可以信任您的公司。因此,您網(wǎng)站的“關(guān)于我們”頁(yè)面應(yīng)該很容易從訪(fǎng)問(wèn)者可能到達(dá)的任何著陸頁(yè)上找到。
帶有主頁(yè)、關(guān)于我們、聯(lián)系我們和常見(jiàn)問(wèn)題(常見(jiàn)問(wèn)題)選項(xiàng)的簡(jiǎn)單菜單可能看起來(lái)有點(diǎn)無(wú)聊。但這是人們習(xí)慣看到的,所以他們知道這些選項(xiàng)意味著什么。人們也習(xí)慣于在網(wǎng)站頂部的某個(gè)地方看到藍(lán)色的超鏈接和搜索框,那么為什么要重新發(fā)明輪子呢?
導(dǎo)航越直觀,人們就越快找到他們需要的東西。因此,通常最好不要對(duì)您的網(wǎng)站導(dǎo)航過(guò)于有創(chuàng)意。相反,堅(jiān)持人們已經(jīng)熟悉的約定。
改進(jìn)網(wǎng)站導(dǎo)航的一種簡(jiǎn)單方法是將用戶(hù)引導(dǎo)至頁(yè)面內(nèi)的相關(guān)內(nèi)容。這種類(lèi)型的導(dǎo)航可以通過(guò)超鏈接、號(hào)召性用語(yǔ)(CTA)或相關(guān)內(nèi)容小部件或插件來(lái)實(shí)現(xiàn)。
當(dāng)您有希望用戶(hù)閱讀的特定內(nèi)容時(shí),通常最好使用超鏈接和CTA。例如,可以使用超鏈接將用戶(hù)引導(dǎo)至某些支持信息。CTA將用于提示用戶(hù)采取行動(dòng),例如訂閱郵件列表或購(gòu)買(mǎi)產(chǎn)品。
相關(guān)內(nèi)容小部件或插件最好用于將用戶(hù)引導(dǎo)至與當(dāng)前頁(yè)面主題相關(guān)的其他頁(yè)面。例如,關(guān)于類(lèi)似主題的博客文章或在線(xiàn)商店中的類(lèi)似產(chǎn)品。
當(dāng)用戶(hù)無(wú)需采取任何操作即可看到所有選項(xiàng)時(shí),導(dǎo)航效果最佳。但是,某些網(wǎng)站的頁(yè)面和選項(xiàng)太多,以至于無(wú)法完全避免使用下拉菜單。盡管如此,還是建議盡可能避免使用多級(jí)下拉菜單,因?yàn)樗鼈兒茈y導(dǎo)航并且不是很直觀。
在理想情況下,您根本不會(huì)使用下拉菜單。相反,最好限制菜單項(xiàng)的數(shù)量,然后在用戶(hù)到達(dá)相關(guān)頁(yè)面時(shí)提供更多導(dǎo)航選項(xiàng)
如果您不了解周?chē)沫h(huán)境,即使是只有很少幾頁(yè)的網(wǎng)站也很難導(dǎo)航。因此,最好在網(wǎng)站上包含搜索功能。但是,某些內(nèi)容管理系統(tǒng)的標(biāo)準(zhǔn)搜索功能非?;A(chǔ)。例如,他們沒(méi)有自動(dòng)建議,也不包含縮略圖預(yù)覽。因此,通常最好使用自定義小部件或插件搜索功能來(lái)為用戶(hù)提供最佳體驗(yàn)。
面包屑是您可能在某些網(wǎng)頁(yè)頂部看到的主題類(lèi)別的蹤跡。面包屑的每一項(xiàng)都是一個(gè)文本鏈接,指向網(wǎng)站上的一類(lèi)頁(yè)面。這種類(lèi)型的導(dǎo)航設(shè)備通??雌饋?lái)像;網(wǎng)頁(yè)設(shè)計(jì)>用戶(hù)體驗(yàn)>導(dǎo)航>使您的網(wǎng)站易于導(dǎo)航的10個(gè)技巧。
面包屑占用的空間很小,不會(huì)影響內(nèi)容。而且它們很容易使用像Yoast這樣的插件來(lái)實(shí)現(xiàn)。更重要的是,許多用戶(hù)都熟悉面包屑,所以這個(gè)簡(jiǎn)單的網(wǎng)站添加是改進(jìn)導(dǎo)航的簡(jiǎn)單方法。面包屑也有利于搜索引擎優(yōu)化(SEO)。
站點(diǎn)地圖可能看起來(lái)有點(diǎn)過(guò)時(shí),您可能認(rèn)為人們不使用它們。但是布局合理的站點(diǎn)地圖可以很好地幫助導(dǎo)航。最好為用戶(hù)提供多種方式來(lái)瀏覽網(wǎng)站。
站點(diǎn)地圖充當(dāng)網(wǎng)站的目錄,當(dāng)其他導(dǎo)航方法失敗時(shí),某些用戶(hù)將訪(fǎng)問(wèn)該網(wǎng)站。站點(diǎn)地圖也有利于SEO。因此,如果您對(duì)站點(diǎn)地圖進(jìn)行一些思考并對(duì)其進(jìn)行格式化以使其易于使用,它將幫助用戶(hù)瀏覽您的站點(diǎn)。例如,按主題將內(nèi)容分組在一起,而不是僅僅按日期順序列出頁(yè)面。并包括一個(gè)HTML站點(diǎn)地圖以供用戶(hù)使用,以及一個(gè)XML站點(diǎn)地圖以供搜索引擎使用。
所有導(dǎo)航選項(xiàng)必須易于查找和閱讀。因此,例如,避免在菜單上使用小字體。并為超鏈接和號(hào)召性用語(yǔ)使用對(duì)比色。導(dǎo)航也應(yīng)分為邏輯組。
導(dǎo)航項(xiàng)的標(biāo)題和懸停描述應(yīng)該是明確的,當(dāng)然也應(yīng)該是準(zhǔn)確的。而且最好使用文本而不是圖標(biāo)。事實(shí)上,在網(wǎng)站導(dǎo)航方面,簡(jiǎn)單總是最好的。
就像網(wǎng)站上的所有內(nèi)容一樣,最好不要假設(shè)您會(huì)在第一時(shí)間獲得正確的導(dǎo)航。因此,測(cè)試您所有的導(dǎo)航選項(xiàng)并嘗試以用戶(hù)的方式查看您的站點(diǎn)?;蛘撸玫霓k法是讓不熟悉您網(wǎng)站布局的人為您測(cè)試導(dǎo)航。
并且不要忘記在各種設(shè)備上測(cè)試導(dǎo)航。例如,在桌面上看起來(lái)很棒的菜單在移動(dòng)設(shè)備上可能會(huì)變形。而且,如果您將導(dǎo)航項(xiàng)放置得太近,它們可能難以在平板電腦或手機(jī)上使用。
總結(jié)以上內(nèi)容的最佳方法是;成都小程序開(kāi)發(fā)要保持簡(jiǎn)單并使其直觀。因?yàn)槟^不希望用戶(hù)在您的網(wǎng)站上感到困惑或迷路。因此,如果可以的話(huà),請(qǐng)限制導(dǎo)航選項(xiàng)的數(shù)量,并在必要時(shí)引導(dǎo)用戶(hù)進(jìn)行下一步。永遠(yuǎn)不要假設(shè)您的用戶(hù)會(huì)知道下一步要去哪里。相反,為訪(fǎng)問(wèn)者提供多種方式來(lái)瀏覽您的網(wǎng)站。