譯者:@陳子木
優(yōu)質的網(wǎng)頁設計通常都有著相當不錯的導航設計來支撐。如果你的網(wǎng)站有著有趣的內容和受歡迎的視覺設計,那么一個體驗良好,可用性優(yōu)異的導航欄無疑是必須的??捎煤鸵子靡恢笔歉咝Ы换サ暮诵?,也是激發(fā)創(chuàng)意、創(chuàng)造高效設計和 視覺設計的基礎。所以說,是時候重新審視你的菜單和導航設計,盡量以簡約的方式將它們重新組織起來。
導航是必不可少的。高素質是網(wǎng)站導航是讓網(wǎng)站從不錯走向卓越的必經(jīng)之路。在今天,千變萬化的網(wǎng)頁導航設計開始趨于系統(tǒng)化、規(guī)則化,網(wǎng)頁導航的更佳 實踐也并非虛無縹緲的都市傳說,而今天我們要聊的也就是這個。
完美導航設計的重要性
更佳 實踐(best practice),是一個管理學概念,認為存在某種技術或者方法使生產管理實踐的結果達到更優(yōu) ,并減少出錯的可能性。也就是我們常說的“更佳 解決方案”。
易于使用的網(wǎng)站導航是成功設計的典范,也是導航設計更佳 實踐的核心組件。這類導航設計有著一致的鏈接和清晰的內容劃分,可以引領著用戶探索到網(wǎng)站更深入的地方,以真正歡迎的姿態(tài)讓用戶待的更久。
與此同時,如果你將整個操作流程設計為復雜的模式,那么這意味著可能需要一系列無關的操作來達成目標,用戶一旦無法快速找到目標,離開是必然的結果。
好的導航欄菜單的設計就像設計 的交通標識,簡明清晰,指明方向,讓人可以更方便更直接地找到目標。當然,用戶需要了解的 件事就是他們所處的位置,這樣可以確定下一步要做什么。這也是為什么將導航設計視為用戶體驗的基本要素。
現(xiàn)當前,導航欄菜單的設計已經(jīng)和以往大不相同,其中許多都有著創(chuàng)意十足的原創(chuàng)設計。但是要挑選一款足夠漂亮但是又足夠高效的導航欄設計依然是一件非常困難的事情。
不過,導航欄的設計趨勢正在慢慢改變,從視覺主導,逐步轉變?yōu)楝F(xiàn)代網(wǎng)頁導航更佳 實踐。最典型的就是使用漢堡菜單來收納導航元素,一個點擊便可打開。
一致的結構
為了不讓你的用戶感到迷惑,你應當引入簡約的元素和符合邏輯的結構。用戶理應不經(jīng)延遲、無需復雜操作就訪問到他們想要的的內容。因此,務必保持簡單!不要讓用戶花時間去思考怎么找內容,如何操作才夠快。實現(xiàn)這一點更好 的辦法是將內容進行劃分和組織,讓它們根據(jù)不同的主題分割成不同的列表,從最寬泛的品類逐步梳理到最 更具 體的品類。按照字母順序排列、目錄索引、關鍵詞和術語表也會有助于內容的劃分和索引。
沒有導航欄和菜單,用戶會怎么辦?導航欄和菜單是用戶訪問網(wǎng)站之后會立刻下意識尋找的組件,它們展現(xiàn)了一系列可供選擇的操作和入口,這也意味它們將會領著用戶前往內容。
可用性
漢堡菜單是一個控制容器,它至少包含了兩個項目,并且通過點擊按鈕來觸發(fā)。
菜單通常包含不同的項目,這些項目通常會觸發(fā)不同的動作或者操作,進而導向不同的元素、應用或者網(wǎng)站。更好 的導航菜單設計會根據(jù)當前的位置和狀態(tài),動態(tài)顯示相關內容,提醒用戶。
項目
每個導航菜單都有個基本限制,那就是每個操作或者條目,通常都會用一行或者單個文本來進行描述。并且,這個描述(或者說名稱)要足夠清晰,足以說明它的屬性、功能或效果。
因此,通常這個描述用的句子或者單詞都很短,但是也可以有圖標或者額外的解釋、快捷方式來對它的概念進行說明、強化。
靜態(tài)的導航菜單是最常見的一種,設計師會將最常觸發(fā)的按鈕置于開始的位置。
動態(tài)的導航菜單則不然,最近用過的項目會被置于優(yōu)先位置,并且會根據(jù)訪問者的行為修改順序。