導航設計千變萬化，同時還需要兼備可用性和易用性，給用戶提供舒適順暢的網站用戶體驗。可靠的導航設計能幫助用戶找到想要的內容，提升頁面的轉化率;但設計不合理的導航對網站用戶體驗來說簡直就是一個災難，甚至間接影響網站的轉化率和用戶的留存率。

下面，Inspirr Creation將為大家分享最常見的導航錯誤設計，以及優秀導航設計案例，希望對各位有所幫助!

最常見的導航錯誤設計

錯誤設計一：菜單選項太多

當用戶花費很長時間來查看導航欄的菜單選項列表時，往往很難快速地進行選擇，這會讓他們感到困惑或不知所措!這時他們多半會直接放棄繼續瀏覽該菜單。因此，讓列表盡量短一些，能方便用戶可以快速查閱。

錯誤設計二：菜單沒有足夠的選項

菜單選項太多不好，菜單沒有足夠的選項，同樣會讓用戶難以理解在哪裡可以找到相關的功能，而失去耐心放棄使用你的APP/網頁，繼而投向競爭對手的懷抱。

錯誤設計三：菜單不見了

這種錯誤設計的代表作，首當其衝肯定就是漢堡包圖標。漢堡包圖標最大的問題在於將菜單隱藏在另一個點擊後的做法，隱藏菜單會導致用戶迷失方向找不到想要的東西，當用戶無法找到想要的菜單或界面，就會開始胡亂點擊或滑動，因而感到非常煩躁。

錯誤設計四：視圖重製導航規則

不尋常的導航規則可能看起來非常有創意，但對用戶來說可能並不直觀。在APP應用中，大部分用戶已經習慣某些元素或圖標固定在某些地方，如果要調整這些規則，除非這些用戶有極好的冒險精神和耐心，否則他們不會花太多時間去尋找他們需要的界面。

錯誤設計五：使用不熟悉的圖標

正如用戶習慣傳統的菜單一樣，他們同樣習慣認定的圖標設計，或許不太熟悉的圖標設計具有一定的創造性，但它們會讓用戶覺得像身處異國他鄉一樣不太自在，這是導致導航困難的一個非常常見的錯誤，同時也是最差的UX設計。

錯誤設計六：沒向用戶顯示當前位置

這是APP設計中最常見的錯誤，顯示用戶的當前位置，能有助於保持導航清晰明了，不複雜，同時還可以避免用戶在使用APP時出現一些不必要的猜測。

優秀導航設計案例鑒賞

雖然現在很多APP都出現這些常見的導航設計錯誤，但仍有不少APP可以把導航和菜單設計得很優秀，下面我們來看看：

優秀導航設計一：Tastemade

Tastemade是一個美食視頻應用，房屋式的主頁按鈕、形狀像放大鏡的搜索按鈕、以及經典的書籤按鈕和個人資料按鈕，這四個圖標顯示出UI設計師完美地把控了平衡。熟悉的符號能確保用戶返回應用程序的其他主要功能。

優秀導航設計二：Duolingo

雖然學習教育類APP中包含着大量的內容，但Duolingo仍然沒有隱藏起菜單，而是採取在底部導航菜單設置5個灰色圖標，當選擇一個圖標時，圖標顏色變成藍色，界面名稱則顯示在其下方。這種設計方式不僅使界面保持簡潔，還幫助新用戶了解應用程序。

優秀導航設計三：Airbnb

Airbnb的APP採用五個明顯易懂的圖標，避免用戶打開數十個瀏覽器標籤來查看搜索結果的麻煩。另外，Airbnb最明智的導航設計，是將整個用戶瀏覽軌跡分成幾個獨立界面，以合理的順序顯示每個界面的圖標。

市場上的同類型APP多不勝數，要脫穎而出！這就必須確保你的用戶能夠在你設計的APP中輕鬆點擊和滑動。此外，您還需要花一點時間進行換位思考，考慮用戶的使用習慣。