為用戶設計導航是每個應用程序設計者的首要責任。畢竟，一旦用戶迷路了，不管動態效果有多酷，內容有多有趣，都沒有意義。即使我們的網站有搜索功能，我們也不能把搜索框當作用戶導航的主要工具。大多數設計師已經意識到這一點，并在自己的網站上設計了導航菜單。

定義：導航菜單是網站的主要內容或功能的列表，通常由一組鏈接或圖標組成，在視覺風格上與網站的其他內容有著顯著的不同。

導航菜單的重要性不言而喻。我們遇到的每一個網站或軟件通常都有它的存在，但并不是所有的導航菜單都是準確設計的。我們經常會發現，由于導航設計不當，用戶感到困惑、操作困難，甚至不知道導航在哪里。

1、大屏幕中的導航菜單不能太小。如果有足夠的空間，不要隱藏菜單。

2、將導航菜單放在熟悉的位置。通常用戶會希望在他們訪問過的網站或應用程序中類似的地方（如網站頂部、左側等）找到他們想要的UI元素。

3、使菜單鏈接看起來是交互式的。如果菜單選項看起來不可單擊，則用戶可能無法將其識別為導航。如果我們的導航設計包含了太多的圖形，或者過于強調平面設計風格，會使它們看起來更像裝飾圖片或標題。

4、確保導航菜單具有足夠的視覺吸引力。許多導航菜單周圍都有一點空白，以便在視覺上突出顯示。但是，當網站的用戶界面元素擁擠時，如果導航菜單的視覺比例太弱，就會在各種圖形、促銷廣告、標題中丟失，不易被用戶識別。

5、菜單選項的顏色應與網站的背景色形成對比。令人驚訝的是，有許多設計師忽視了對比原則。

即使是熟悉上述規則的設計師設計的導航菜單也可能被用戶忽略，因為他們很難客觀地評價自己的作品——特別是當他們遇到更主觀的設計標準時，比如哪個UI元素應該具有更明顯的視覺效果。如果你知道你的導航菜單在哪里，你可以一目了然，因為它是由你設計的。因此，有必要讓用戶參與身份驗證。

6、告訴用戶當前的位置。用戶成功導航的一個基本的標準是他可以找到自己：“我在哪里？”通常選擇的菜單選項在視覺上與其他選項不同，這些選項可以幫助用戶知道它們在哪里（或瀏覽面包屑）。如果你不讓用戶確切知道他們在哪里，導致他們迷路，你將在網站設計中犯基本的錯誤。具有諷刺意味的是，用戶并不總是通過主頁到達目的地頁面，因此導航菜單對用戶意義重大。

7、使用易于理解的鏈接標簽。知道用戶在尋找什么，并使用類似和相關的類別標簽。記住，導航菜單不會用自己的語言和行話愚弄人。使用準確描述網站內容和功能的術語。

8、鏈接標簽應該易于閱讀。減少用戶閱讀菜單特定內容的時間，例如使用左對齊的垂直菜單或前置關鍵字。

9、對于大型網站，用戶可以通過導航菜單預覽子內容。對于喜歡挖掘網站各級內容的典型用戶，下拉菜單可以讓用戶快速瀏覽，節省時間。

10、為密切相關的內容提供本地導航。如果用戶喜歡經常比較一些相似的產品，或者在某個場景中完成多個任務，可以將這些相鄰的頁面做成本地導航菜單，這樣用戶就不需要在復雜的路徑中“上下跳躍”。

11、使用視覺傳達。圖片、顏色等元素可以幫助用戶了解菜單選項，同時也確保這些圖形起到了積極的作用（至少不會讓操作變得更加困難）。

12、菜單選項應該足夠大，以便輕松單擊。如果導航菜單選項過小或過于接近，會給移動用戶帶來很大的麻煩；如果大屏幕網站的導航菜單選項也采用這種方式設計，操作起來會比較困難。

13、確保下拉菜單不太大或太小。鼠標懸停觸發的下拉菜單渲染時間太短，無法給用戶帶來挫敗感，因為在用戶單擊菜單中的鏈接之前，下拉菜單將消失。另外，垂直導航菜單過長不利于底部選項的點擊，除非滾動屏幕。鼠標懸停觸發的下拉菜單不能太寬，否則用戶會誤以為是新頁面，想知道為什么在點擊前會出現一個新的“頁面”？

14、當頁面內容很長時，可以考慮使用吊頂（或固定底部）菜單。要返回到個屏幕，瀏覽到頁面底部的用戶需要反復滾動鼠標（移動端不斷向上移動屏幕）；如果導航可以暫停和吸收，用戶可以輕松切換其他菜單選項。這對小屏幕場景很好。

15、盡可能縮短導航菜單常用操作的物理距離。當有許多下拉菜單時，您可以通過將常單擊的鏈接放在離鼠標懸停選項近的位置（移動端類似）來縮短鼠標移動的距離。近，一些應用程序中流行的餅狀菜單圍繞著菜單的所有菜單選項（有些是半圓），因此每個選項鏈接的物理單擊距離短。

酷的效果不是我們的首要目標。對于用戶來說，讓他們印象深刻的是網站的精彩內容，以及熟悉易用的導航菜單。