網站菜單導航欄設計准則及設計技巧

 　　網絡中每天都有海量的內容被發布，隨之而來的問題是如何對這些內容分類，而內容和分類最終將導致導航問題。有時，當導航有太多選項時將會是個令人頭疼的問題。

　　所以，治療導航欄綜合症(cure the navigation-itis syndrome)是非常重要的，使得導航欄對用戶友好並容易操作。

　　本文提供了一些設計導航欄的技巧。幫助你解決導航問題並體統清晰的用戶體驗，並用真實的例子教你如何治愈導航炎綜合症。

　　但首先，是這些技巧。

　　設計導航欄的技巧

　　當我們撰寫這篇文章之前，Jon (SpyreStudios founder) 和我交換了一些想法，總結出了關於導航欄應該如何放置、如何作用和表現。

　　1.堅持一個導航菜單

　　通常一個導航菜單就足夠了。不要增加不必要的導航條，而用下拉菜單代替。

　　2.清晰、簡單、明顯的菜單選項

　　使用清晰、簡單易懂的文本，盡可能簡單並能表達清楚。這樣用戶不會感到困惑，且知道他們點擊的是什麼。

　　3.保持導航看起來是菜單

　　一個導航菜單應該看起來像一個導航菜單。沒有必要重新發明輪子。如果沒壞，就不要修。基本上，你的創意應該來自內容，而不是如何呈現內容。相比如何到達內容人們更關心內容本身。所以讓人們通過一個不用大驚小怪、可立即識別的過程來得到它。

　　4.不要使用多於兩級的下拉菜單

　　不要使用多於兩級的下拉菜單，除非特別必要。如果你需要使用多於三層的下拉菜單，那你可能需要重新返回繪圖板。減少菜單項目——大膽裁員。你是否真的需要那兩個分類或者頁面，也許合二為一更好?這都是關於如何對你的內容做出更好的分類。

　　5.下拉菜單中不要多於10-12個選項

　　切勿在下拉菜單中放置多於10-12個選項。如果這樣打不到你的要求，請重回繪圖板，像第4條中那樣。

　　6.最小化下拉菜單

　　將下拉選項保持在最小狀態。如果可能，避免使用大型的下拉菜單。更多的選擇往往意味著更少的動作。別讓用戶不知道如何如何在菜單中選擇，結果導致用戶離開網站。

　　7.不要只往菜單上放一個圖標

　　圖標是很重要的，但是如果菜單上只有圖標的話，不是每個人都了解圖標的含義。三十歲的人會知道閃存的圖標代表“保存”。而小孩兒可能會不明白這個含義。

　　8.不要設計垂直導航欄

　　雖然設計一個垂直的導航欄沒有那麼難，但是在網頁上使用水平導航欄是更加容易並且司空見慣的。垂直導航欄會很不方便，會讓一部分用戶望而卻步，而且會浪費寶貴的屏幕空間。水平導航欄會為網頁錦上添花，而垂直導航欄會給你的用戶帶來麻煩。另外，垂直導航欄會需要更多的空間來讓自身變得醒目。這也因項目而異。

　　9.讓你的設計方便觸摸屏用戶使用

　　觸摸屏技術已經被廣泛采用，所以你要讓自己的導航欄方便觸摸屏電子產品(比如IPAD)用戶的使用。尤其對於下拉菜單而言，讓它們更加容易被點擊，而不是只能使用光標停留。

　　治愈“導航欄迷戀症”：一個實例

　　看看美國國家地理的網站，數一數這個網頁有幾個導航欄呢?

　　有三個，是的!對於訪客是不是有點多呢?如何避免在一個網頁上使用三個導航條呢?事實上，把三個導航條合並成一個導航條也是可能的!

　　1.設置下拉菜單

　　最最重要的是，這個三級菜單的次級菜單(第二級菜單和第三級菜單)可以放到下拉菜單中。這樣既可以節省空間，又可以讓用戶的選擇更加明了。比如說如果你對攝影感興趣的話，你將鼠標懸浮便可以看到關於攝影的所有內容。

　　2 把搜索框放入現有的導航欄

　　把搜索框單獨拉出來是不合理的做法。如果把搜索框放進導航欄，可以節省更多的空間。這樣做，呈現給用戶單一又實用的導航欄。

　　3 減少給用戶的選擇

　　從菜單中砍掉一部分內容會讓你的導航欄既方便又實用。如果點擊logo可以轉到主頁的時候還需要再單獨做一個主頁的鏈接嗎?做次級菜單的時候也要考慮到這一點。

　　解決導航問題，提供清晰的用戶體驗

　　如果用戶不能訪問到，有再好的內容也只是一文不值。好吧，他們最終將找到並訪問它。但是很多用戶會變得沮喪或者放棄並離開網站，如果他們不能輕易的找到或者因不必要的選擇而不堪重負。所以，為什麼不更好的提供便利。

　　讓用戶方便使用和分享內容是治療導航欄綜合症的最好方法。解決了網站的導航問題能給用戶提供更清晰的用戶體驗，讓更多用戶閱讀使用並分享網站的內容而使你快樂