網(wǎng)站設(shè)計(jì)菜單的10種方法

設(shè)計(jì)導(dǎo)航菜單有明確的對(duì)與錯(cuò)方法。網(wǎng)站的基本部分通常在設(shè)計(jì)過(guò)程中被忽略，并且在可用性方面表現(xiàn)出優(yōu)勢(shì)。

笨拙，擁擠或缺少導(dǎo)航是最常見(jiàn)的問(wèn)題，坦率地說(shuō)，它們會(huì)使您的網(wǎng)站變得很糟糕。不要成為那個(gè)男人（或女孩）。使用這些技巧可確保您在網(wǎng)站項(xiàng)目中使用現(xiàn)代導(dǎo)航模式，以獲取不會(huì)吸引人的炫酷，創(chuàng)意性導(dǎo)航元素。（并且非常有用。）

1.放棄超級(jí)菜單

超級(jí)菜單是客戶喜愛(ài)的設(shè)計(jì)時(shí)尚，即使設(shè)計(jì)師討厭它。包括“除了廚房水槽之外的所有東西”的超大菜單樣式對(duì)用戶來(lái)說(shuō)是不知所措，并且沒(méi)有提供任何實(shí)際價(jià)值。

只有少數(shù)主要零售商可以真正使用大型菜單，而這樣做的目的是顯示庫(kù)存規(guī)模。重載導(dǎo)航元素的有用性值得懷疑。

通常，會(huì)選擇一個(gè)大型菜單選項(xiàng)，因?yàn)楹茈y縮小導(dǎo)航欄中的內(nèi)容。做出艱難的選擇。深入分析以查看用戶的需求。坦白說(shuō)，大多數(shù)想要特定商品的用戶還是會(huì)通過(guò)搜索找到它。

2.突出搜索

說(shuō)到搜索：使其突出。搜索應(yīng)該在每個(gè)頁(yè)面上。它應(yīng)該在主導(dǎo)航中。而且它應(yīng)該很大并且易于訪問(wèn)。

一流的搜索功能是使用戶保持網(wǎng)站訪問(wèn)的鏈接。如果他們要找的東西不容易獲得，那么下一個(gè)選項(xiàng)可能會(huì)搜索它。（您可以感謝Google的這種搜索優(yōu)先的思考過(guò)程。）

不要試圖與之抗?fàn)帯?/span>與用戶合作，并將搜索作為主要導(dǎo)航的一部分。（并確保該框足夠大，可以在其中鍵入并完全看到常用短語(yǔ)。）

3.限制導(dǎo)航選擇的數(shù)量

預(yù)期用戶接下來(lái)將要訪問(wèn)哪些內(nèi)容是您的工作。將導(dǎo)航選項(xiàng)限制為網(wǎng)站設(shè)計(jì)中最流行的頁(yè)面和信息。

幾乎每個(gè)導(dǎo)航菜單都應(yīng)包含搜索，“關(guān)于”或“聯(lián)系”頁(yè)面，電子商務(wù)網(wǎng)站應(yīng)始終包含購(gòu)物車(chē)或“立即購(gòu)買(mǎi)”按鈕。之后，導(dǎo)航元素應(yīng)由網(wǎng)站內(nèi)容驅(qū)動(dòng)。

4.開(kāi)發(fā)智能導(dǎo)航菜單

良好的導(dǎo)航將幫助用戶從內(nèi)容的一點(diǎn)移到下一個(gè)邏輯點(diǎn)。該內(nèi)容通常在網(wǎng)站的不同部分上有所不同。

創(chuàng)建多個(gè)導(dǎo)航配置，以便用戶可以輕松訪問(wèn)內(nèi)容，這是其設(shè)計(jì)過(guò)程中下一步的邏輯步驟。盡管某些元素可能重疊，但其他元素可以幫助用戶并幫助他們更深入地設(shè)計(jì)。

我們正處在用戶期望某些個(gè)性化水平的時(shí)代。亞馬遜在導(dǎo)航元素方面做得很好，甚至可以按名稱呼叫用戶。下次登錄時(shí)仔細(xì)查看導(dǎo)航，以查看[此處您的名字]的Amazon.com。輔助導(dǎo)航包括諸如微笑用戶的年度捐贈(zèng)，最近的訂單歷史記錄，甚至還包括其他Amazon服務(wù)的貸方等信息。（此后的所有內(nèi)容也都非常個(gè)性化。）

5.故意訂購(gòu)導(dǎo)航元素

導(dǎo)航元素的順序與使用它們的決定一樣重要。導(dǎo)航元素開(kāi)頭和結(jié)尾的項(xiàng)目將是最有效，最常查看和最多點(diǎn)擊的項(xiàng)目。仔細(xì)使用這些位置。

甚至還有一些科學(xué)支持這一點(diǎn)。該系列位置效應(yīng)是一個(gè)人的回憶列表中的最一致的第一個(gè)和最后一個(gè)項(xiàng)目的傾向。此外，用戶傾向于最好地回憶最近的項(xiàng)目（新近度效果），并且列表中的前幾項(xiàng)要比中間元素（初等效果）要好。

查看網(wǎng)站分析中的用戶流模式，以幫助您準(zhǔn)確確定哪些頁(yè)面和元素應(yīng)放在最前面和最中心。包括用戶要從主頁(yè)轉(zhuǎn)到的頁(yè)面以及您希望用戶連接的內(nèi)容。消除不會(huì)推動(dòng)用戶流量的導(dǎo)航元素。

6.將粘性導(dǎo)航用于長(zhǎng)滾動(dòng)頁(yè)面

不要讓用戶迷失導(dǎo)航。無(wú)論是粘貼在屏幕的頂部，底部還是側(cè)面，任何長(zhǎng)滾動(dòng)格式的頁(yè)面都應(yīng)包含粘貼菜單。這背后的原因很簡(jiǎn)單：不要讓用戶繼續(xù)與您的網(wǎng)站進(jìn)行互動(dòng)。

移動(dòng)和體驗(yàn)內(nèi)容越容易，用戶越有可能做到這一點(diǎn)。用戶花在設(shè)計(jì)上的網(wǎng)站上的時(shí)間越長(zhǎng)，他們?cè)接锌赡苻D(zhuǎn)化為所需的用戶操作。

7.不要隱藏導(dǎo)航

微小的菜單項(xiàng)，隱藏在屏幕底部或僅位于頁(yè)腳中的鏈接以及隱藏在奇數(shù)球圖標(biāo)后面的彈出式導(dǎo)航以及內(nèi)部頁(yè)面上的導(dǎo)航不足，只會(huì)使用戶無(wú)法單擊。不要隱藏網(wǎng)站導(dǎo)航。它應(yīng)該在前面和中間。它應(yīng)該在每一頁(yè)上。

用戶可以通過(guò)多種方式訪問(wèn)您的網(wǎng)站。確保它們到達(dá)時(shí)有導(dǎo)航元素在等待著他們。

8.使用描述性標(biāo)簽

從導(dǎo)航詞到圖標(biāo)，每個(gè)元素都應(yīng)準(zhǔn)確告知用戶單擊將發(fā)生什么。使用常用的圖標(biāo)，例如購(gòu)物卡簽出或放大鏡進(jìn)行搜索，甚至使用漢堡包圖標(biāo)彈出菜單樣式。

然后，進(jìn)一步進(jìn)行操作，并使用文本標(biāo)簽準(zhǔn)確告訴用戶其中包含哪些信息。如果有一個(gè)詞可以更好地解釋內(nèi)容，請(qǐng)盡量避免使用過(guò)于籠統(tǒng)的標(biāo)簽，例如服務(wù)或產(chǎn)品。

9.考慮全頁(yè)導(dǎo)航

有時(shí)設(shè)計(jì)就是導(dǎo)航。如果有一些對(duì)用戶至關(guān)重要的關(guān)鍵元素，請(qǐng)通過(guò)全屏導(dǎo)航向他們展示。

盡管這并不適合每個(gè)項(xiàng)目，但對(duì)較小的網(wǎng)站，項(xiàng)目組合或項(xiàng)目工作可能會(huì)有效。

10.去垂直

垂直導(dǎo)航現(xiàn)在很流行，這是有充分理由的。因?yàn)橛行┎煌?，所以很容易看到并吸引眼球?/span>

網(wǎng)站設(shè)計(jì)制作要更多導(dǎo)航元素空間的網(wǎng)站，側(cè)面垂直導(dǎo)航是一個(gè)不錯(cuò)的選擇。通過(guò)更深層次的菜單，該設(shè)計(jì)可以容納更多的導(dǎo)航元素，而不會(huì)感到混亂，并在元素之間保持足夠的空間。