怎樣規劃出 “明晰,簡略,共同” 的導航呢?“一個多用户沒有必要記住他在你的網頁運用上閲讀的辦法,導航應該是在最前面的,而且應該十分明顯。” 一般,在整個 Web App 中都有一個靜態大局導航 (Global Navigation),其他首要部分都有一個子導航欄。為答覆怎樣創立眾所周知的 “明晰、簡略、共同” 的導航,wordpress 站羣總結了以下網絡的根本導航常規:
Web 規劃人員運用 “耐久化導航”(或大局導航) 來描述在運用站羣程序的每個頁面上出現的導航元素調集。耐久的導航——用一種安靜、理性的聲響説:“這個元素在這兒。有些部分會依據你在網頁運用中的方位而有所改動,但它會一向在這兒,而且總是以相同的辦法引導多用户。”
只需導航出現在每個頁面的相同方位,而且保持共同的外觀,就能夠當即確認你仍然在同一個運用站羣程序中——這比你幻想中的更為重要,在整個運用站羣程序中保持共同意味著你只需求知道它是怎樣作業的。要害部分——有時被稱為 “主導航”——是運用站羣程序首要部分的鏈接,也是運用站羣程序的層次結構的第一流。
在某些規劃中,耐久導航還將包含顯現二級導航的空間:當時部分中的末節列表。在其他狀況下,指向一個稱號或點選它會顯現一個下拉選單。而在某些狀況下,單擊它將帶你到該部分的主頁,在那裏你會發現輔佐導航。麪包屑導航——您的導航攻略就像 “你在這兒” 的指示器相同,麪包屑導航會通知你你在運用站羣程序的具體方位。其效果當然是不言而喻的,不佔用太多空間,卻供給了一個便利和共同的辦法來做你最需求做的兩件工作:回到上一個頁面或許主頁。
他們之所以被稱為麪包屑,是由於它們讓人想起漢斯在樹林裏墜落的麪包屑,使得他和格萊特爾能夠找到回家的路。麪包屑向您顯現從主頁到您地點的方位的途徑,讓你輕鬆地在運用站羣程序中移回到更高的層次結構。很長一段時間,麪包屑導航是一個奇怪的現象,只在運用站羣程序中才有很多的資料,但現在它們在 UI/ UX 中是必不可少的。以下是一些最佳實踐辦法:
1 、置頂
麪包屑導航在置頂中似乎是做的最好的,我想這可能是由於把它們邊際化了——讓它們看起來像一個附屬品,就像書或雜誌裏的頁碼相同。
2. 運用>層級
實驗和過錯似乎標明,層級之間的最佳分隔符是“大於”符號(>),可能是由於它將向下移動視覺化。
3 、最終一項運用粗體
列表中的最終一個專案應該是當時頁面的稱號,並使其為粗體,以傑出其應有的重要性。 由於這是當時運用頁,天然它不是一個鏈接。
選項卡是少量幾個在多用户介面中選用暗喻的比如之一。就像一個三環的活頁夾裏的檔案相同,它們會把東西分紅不同的部分。經過點選它的標籤 (或許,在 Web 上點選它) 來開啓內容是很簡略的。瞭解導航可能是困難的,完成它或許愈加困難。可是不管你做什麼,你都必須保證你完成的導航是終端多用户想要看到的。這十分重要,由於多用户比你幻想中的更想快速的找到自己想要的東西。