萬劍歸宗！值得(de)學習總結的網頁導航設計最佳實踐

譯者：@陳子木

優質的網頁設計通常都(dōu)有着相(xiàng)當不錯的導航設計來(lái)支撐。如(rú)果你(nǐ)的網站有着有趣的内容和受歡迎的視覺設計，那麽一個體(tǐ)驗良好，可(kě)用性優異的導航欄無疑是必須的。可(kě)用和易用一直是高效交互的核心，也是激發創意、創造高效設計和優秀視覺設計的基礎。所以說(shuō)，是時候重新審視你(nǐ)的菜單和導航設計，盡量以簡約的方式将它們重新組織起來(lái)。

導航是必不可(kě)少的。高素質是網站導航是讓網站從(cóng)不錯走向卓越的必經之路(lù)。在今天，千變萬化的網頁導航設計開始趨于系統化、規則化，網頁導航的最佳實踐也并非虛無缥缈的都(dōu)市傳說(shuō)，而今天我們要聊的也就(jiù)是這個。

完美導航設計的重要性

最佳實踐(best practice)，是一個管理(lǐ)學概念，認爲存在某種技術(shù)或者方法使生(shēng)産管理(lǐ)實踐的結果達到最優，并減少出錯的可(kě)能性。也就(jiù)是我們常說(shuō)的“最佳解決方案”。

易于使用的網站導航是成功設計的典範，也是導航設計最佳實踐的核心組件(jiàn)。這類導航設計有着一緻的鏈接和清晰的内容劃分(fēn)，可(kě)以引領着用戶探索到網站更深入的地方，以真正歡迎的姿态讓用戶待的更久。

與此同時，如(rú)果你(nǐ)将整個操作(zuò)流程設計爲複雜的模式，那麽這意味着可(kě)能需要一系列無關的操作(zuò)來(lái)達成目标，用戶一旦無法快(kuài)速找到目标，離(lí)開是必然的結果。

好的導航欄菜單的設計就(jiù)像設計優秀的交通标識，簡明清晰，指明方向，讓人(rén)可(kě)以更方便更直接地找到目标。當然，用戶需要了解的第一件(jiàn)事(shì)就(jiù)是他(tā)們所處的位置，這樣可(kě)以确定下一步要做什麽。這也是爲什麽将導航設計視爲用戶體(tǐ)驗的基本要素。

現如(rú)今，導航欄菜單的設計已經和以往大(dà)不相(xiàng)同，其中許多都(dōu)有着創意十足的原創設計。但(dàn)是要挑選一款足夠漂亮但(dàn)是又足夠高效的導航欄設計依然是一件(jiàn)非常困難的事(shì)情。

不過，導航欄的設計趨勢正在慢(màn)慢(màn)改變，從(cóng)視覺主導，逐步轉變爲現代網頁導航最佳實踐。最典型的就(jiù)是使用漢堡菜單來(lái)收納導航元素，一個點擊便可(kě)打開。

一緻的結構

爲了不讓你(nǐ)的用戶感到迷惑，你(nǐ)應當引入簡約的元素和符合邏輯的結構。用戶理(lǐ)應不經延遲、無需複雜操作(zuò)就(jiù)訪問(wèn)到他(tā)們想要的的内容。因此，務必保持簡單！不要讓用戶花時間去(qù)思考怎麽找内容，如(rú)何操作(zuò)才夠快(kuài)。實現這一點最好的辦法是将内容進行劃分(fēn)和組織，讓它們根據不同的主題分(fēn)割成不同的列表，從(cóng)最寬泛的品類逐步梳理(lǐ)到最精确最具體(tǐ)的品類。按照(zhào)字母順序排列、目錄索引、關鍵詞和術(shù)語表也會有助于内容的劃分(fēn)和索引。

沒有導航欄和菜單，用戶會怎麽辦？導航欄和菜單是用戶訪問(wèn)網站之後會立刻下意識尋找的組件(jiàn)，它們展現了一系列可(kě)供選擇的操作(zuò)和入口，這也意味它們将會領着用戶前往内容。

可(kě)用性

漢堡菜單是一個控制容器，它至少包含了兩個項目，并且通過點擊按鈕來(lái)觸發。

菜單通常包含不同的項目，這些項目通常會觸發不同的動作(zuò)或者操作(zuò)，進而導向不同的元素、應用或者網站。最好的導航菜單設計會根據當前的位置和狀态，動态顯示相(xiàng)關内容，提醒用戶。

項目

每個導航菜單都(dōu)有個基本限制，那就(jiù)是每個操作(zuò)或者條目，通常都(dōu)會用一行或者單個文本來(lái)進行描述。并且，這個描述（或者說(shuō)名稱）要足夠清晰，足以說(shuō)明它的屬性、功能或效果。

因此，通常這個描述用的句子或者單詞都(dōu)很短(duǎn)，但(dàn)是也可(kě)以有圖标或者額外的解釋、快(kuài)捷方式來(lái)對它的概念進行說(shuō)明、強化。

靜(jìng)态的導航菜單是最常見(jiàn)的一種，設計師(shī)會将最常觸發的按鈕置于開始的位置。

動态的導航菜單則不然，最近用過的項目會被置于優先位置，并且會根據訪問(wèn)者的行爲修改順序。

文章(zhāng)内容及圖片來(lái)自(zì)網絡，如(rú)果侵權，請(qǐng)聯系：901070669@qq.com，我們将及時處理(lǐ)；