一個好的用戶體驗（UX）是導航設置的關鍵。用戶依賴直觀的導航設計探索品牌網站有價值的信息，并作出購買決定。

很多讓人摸不到頭腦的導航，則讓用戶迷茫最終導致關閉網站。UX專家通過了解消費者的行為習慣，通過數據分析，判斷設計師在設計導航時應該匹配哪些元素，提升用戶在網站中的停留時間。設置合理的導航設置為無線端和PC端提升用戶體驗，從而提升業務成交量。

一致性是關鍵

在一個方案中，導航的一致性是關鍵，導航需要在每一個頁面乃至整個網站保持一致性。

混亂的導航會導致網站的混亂，用戶不應該為了尋找導航而感到頭疼，焦慮。無論選擇什么類型的導航，您必須優先考慮“一致性”。

主要體現在以下幾個方面：

1. 菜單應該出現在每一頁，不要讓用戶被困在一個頁面上沒有出路。如果菜單的選項存在多個層級，用戶可以看到網站的多層次結構。

2. 讓每一個菜單項在操作的方式上保持一致。如果用戶在操作某項時，用了某一個操作方式，那么在操作其他導航時，也應該用相同的操作方式。

3. 導航上設置的元素，應該直觀的。網站設計的元素,是讓用戶產生直接的聯想。例如，我們設置一個箭頭“↓”，意味著用戶能夠理解這是下來菜單的意思。合理的元素設計，能夠幫助用戶在導航上了解到，他們能在網站上該如何操作，能夠從網站上了解到什么內容。

“大腦依靠線索來激活記憶，從而檢索有價值的信息，而非通過記憶?！?/p>

在使用導航時，用戶應該依靠線索識別，而非記憶。

當你在設計元素時保持一致，越來越多的用戶了解元素代表的意義，這將讓用戶瀏覽網站時感到容易，從而體會到設計者從用戶的角度出發，讓用戶有更好的用戶體驗。

清晰、簡潔的標簽

導航不是發揮你幽默的地方，也不需要將過多的內容在導航里展現出來。用戶依賴菜單的原因是——用戶能夠快速、準確的通過菜單在網站中找到訪問的目的。它不需要發揮幽默感，也無需用復雜的設計，對用戶的視覺造成沖擊。

菜單標簽應該保持簡單、清晰和簡潔。大多數網站在不同的地方，使用一個相同的詞匯作為標簽，是有原因的。用戶將會更容易的熟悉菜單里的每一個選項，能夠快速的和產品產生聯系。他們知道標簽的意思,當他們選擇一個菜單選項更容易明白，能達成怎樣的目的。

1.替代漢堡菜單

“漢堡”菜單圖標，是三個疊加在一起的水平線。設計師最初使用它,因為它能夠節約較小的手機屏幕空間。

還記得2014年移動網站設計中，著名的“漢堡菜單討論事件”嗎?

許多手機端網站，仍然使用實用的漢堡菜單，因為這是大多數手機用戶習慣的菜單方式，用戶能夠下意識的找到菜單。

然而，今天許多設計師正在尋找和使用漢堡菜單的替代品,如:

○ 選項卡

○ 可滾動導航

○ 底部導航

○ 顯示更多選項

○ 內聯列表標題

○ 分段控制

很多網站在替代“漢堡菜單”上，取得了成功。特別是那些少量的選項，許多設計師達成了共識：將導航顯示出來，將內容展現出來。

可滾動導航菜單的例子

有時候這是不容易實現的，特別是在手機屏幕較小的空間里，展示多個菜單選項，而適當的展現出來一小部分的內容，則容易被接受。

菜單樣式的選擇往往取決于你將要展示的內容數量，和你的用戶群體。

例如，年紀大的用戶群體，能夠接受固定展示的菜單欄，而難以接受，將內容隱藏起來的漢堡菜單。嘗試不同的菜單格式，找到一個能夠讓用戶群體容易接受的，可以達到提高轉化的目的。

顯示更多選項的例子

2.搜索框

設計菜單欄的功能，不僅僅是為了讓用戶一目了然，和表達一致性，還需要最大限度的提高網站的實用性。

YouTube搜索欄

通過一個搜索圖標，能夠提高實用性(搜索欄一般會用一個放大鏡的標志)。當用戶并不十分需要搜索欄，用戶將直接忽略搜索欄，甚至直接跳失掉。

《紐約時報》搜索欄

當用戶找不到自己想要的內容時，搜索欄就能夠幫客戶解決問題，能夠更直接為用戶搜索關鍵詞相關的內容。如果沒有搜索欄，會讓客戶因為找不到需要的內容，而離開網站，所以我們在設置時，每個頁面的搜索欄，都會在同一個位置，讓用戶很明確的知道應該在哪里找到自己想要的內容。大部分用戶會在右上角，接近菜單的位置，看到這個網站的搜索欄。

3.旋轉木馬式菜單

旋轉木馬式菜單已經越來越流行了，網站一般用來展示定期更新的內容，和最新資訊。

“旋轉木馬式菜單”是指在頁面最頂部顯示出來的，網站最近發布的文章。通常這些資訊會用縮略圖的形式，以走馬燈的形式來吸引用戶的眼球，讓用戶更容易閱讀到其中的內容。

時尚旋轉木馬菜單

“旋轉木馬式菜單”的選項卡有時也是一個文章的標題，或者一個簡單介紹，來描述這個版塊主要講什么內容，通常以幻燈片的形式展現，以輕松的方式吸引用戶點擊鏈接瀏覽。這種菜單欄會展示最新的內容，并讓用戶一眼能夠看到該網站的有趣之處，獲取更準確的資訊。

3.大型菜單

而還有一種正在席卷網站設計的導航方式——大型菜單。顯而易見，這種菜單欄的展現方式是占用頁面大幅的空間。這樣的菜單欄，在資訊類的網站被流行起來。

超級菜單是多級導航網站的理想選擇，與之用十幾個下拉菜單，讓用戶看的頭暈眼花，還不如用一個占據大半個屏幕的大型菜單來的直接，用戶能夠在相應的菜單結構里，更容易找到自己需要瀏覽的內容。

超級菜單的例子

4.固定導航欄

這樣的導航方式，在社交媒體類網站和移動網站中非常受用。就像Facebook，它的格式是，用戶可以無限下拉，伴隨著下拉頁面，用戶能夠看到不斷更新的內容，直到到達頁面底部。

動動大拇指就能無限下拉的移動端用戶，選擇一個與網站的功能更匹配的導航，就成了問題。這時，設計師會選擇一種能夠始終讓用戶看到的導航欄，方便客戶在滾動頁面的時候找到自己需要的內容，這個時候，選擇“固定導航欄”就非常有必要了。

固定導航的例子

固定導航欄會在用戶向下滾動菜單時，始終保持在頁面上。這種導航樣式，也被稱為“粘性導航”，是最常見的導航欄樣式。

這個時候，我們能看到“用戶”這個版塊，總是存在在頁面里，Facebook使用的就是這樣的形式，它讓用戶能夠在滾動頁面閱讀新資訊時看到他們的資料。

當你的網站是一個社交型的網站或社會新聞類網站時，這樣的導航樣式就非常的適用。

總結

最后，毫無疑問，一個網站用戶體驗的好與壞，導航起著關鍵性作用。在PC端和無線端，不妨用最新的導航趨勢優化你的網站，能夠使用戶有更全面的體驗，更好的提升網站的停留時間，促進業務的轉化。

作者：Stephen Moyers

翻譯：肆非