設計一個優秀的導航菜單并不是那么困難，但仍然需要把握以下這些關建點：
1. 容易找到
視覺上要容易區分并且能讓用戶一眼就能找到，導航文本與你的正文文本不要使用相同的顏色，字體和大小。導航文本應該突出和顯眼。對于菜單按鈕，使用高對比度顏色和清晰的文字。導航區域要保持一定的大小，用戶容易發現。導航的位置要使用慣用的位置，例如頁面頂部，左側等。
2. 簡單
一定要簡單易操作，能夠幫助你的用戶快速查看哪些信息可用，以及在哪里可以找到所要查找的內容。用戶需要能夠預測你的網站的工作原理，而無需學習怎么做！如果他們需要考慮如何做，那么你已經失去了他們！避免讓用戶點擊一個很小的倒三角然后展開二級菜單的方式，他們可能根本找不到它。
3. 可點擊
確保所有導航中元素可點擊。在導航中使用多個分類目錄時，所有標題元素都應該是可點擊的鏈接。即使使用下拉菜單，點擊子類別鏈接也可能是訪問者的自然傾向。不要覺得這一條可笑，我經常發現有些網站的導航點擊后無法跳轉。
4. 一致性
盡量在所有頁面中使用相同的導航模式，這是非常重要的，因為沒有一致的設計，用戶可能會認為他在另一個網站。確保使用相同的導航模式，以便用戶可以輕松地訪問你的網站而不會丟失。
5. 清楚
你的菜單文本必須描述清楚，使用簡單明了的術語，不要讓用戶思考這里的文本意思是什么，保持你的文字簡短，具有描述性并且重點突出。如果需要五秒以上的時間來思考文本含義再去點擊鏈接，那么這將會造成糟糕的用戶體驗。
6. 保持簡潔
可以在垂直導航中添加更多的項目，但是主菜單中的項目不必過多，會分散用戶的注意力。一般最好不要超過8項。
7. 互動
反饋對于任何交互都是至關重要的。當人們點擊或鼠標懸停在菜單項時，請確保提供下一步操作的指示。及時給予用戶任何操作的反饋能讓用戶更愿意去點擊導航。你可以通過更改鏈接的文字顏色，背景顏色，或對其加粗，使其與其它內容不同。
8. 排序
需要確定網站提供的主要功能，最重要的是什么，將最重要的項目按照重要度放在主導航中，次要的項目可以放在二級導航中。
9. 風格
極簡主義仍然是網頁設計的趨勢，獨特視覺風格會使你的菜單看起來很酷，但要確保它與整個網站的整體設計相匹配。
10. 無障礙
網站可訪問性永遠是衡量一個網站質量的重要標準，請確保對障礙人士友好，如果你希望使用大量酷炫的 CSS 技術，請同時考慮對屏幕閱讀技術等的兼容。
下面是一個導航設計的檢查表，你可以按照下表對你的導航菜單進行檢查：
1. 導航位置在頁面上容易找到
2. 只需要使用鼠標滑過，鼠標點擊就可以操作整個導航菜單
3. 每一個菜單項都是可以點擊并正常跳轉的
4. 導航文字簡短清晰
5. 整個網站只使用一種導航菜單
6. 鼠標移到對應的菜單項上時能凸顯對應項
7. 導航的菜單項不超過8個
8. 導航的菜單項已按照重要度排序
9. 導航的風格和網站整體風格一致
10. 導航菜單項可以被屏幕閱讀器正確識別
我們將展示6個不同的精美導航菜單的網站，他們的風格和設計方法各不相同，希望大家可以從中獲得一些啟發，從而設計出有自己特點的導航菜單。小貼士：大家可以挨個點擊以下導航菜單，看看他們是如何在瀏覽器上運作的。
以上文章內容轉載自網絡，版權歸原作者所有
文章轉載請保留網址：http://aberdeenanguscattle.com/news/industry/1809.html
