面包屑導航設計

發布時間: 2015-04-18 13:10:09
浏覽次數: 6097

面包屑導航實施的(de)誤區

使用面包屑導航是一(yī)個相當簡單的(de)事情，讓我們一(yī)起來看看一(yī)些常見的(de)錯誤以避免今後使用中再次發生。

1、當你不需要使用面包屑

實施面包屑的(de)一(yī)個常見的(de)錯誤是：使用它們的(de)時候沒有意義。

在上面的(de)例子(zǐ)，SLICETHEPIE 網站讓用戶有太多的(de)導航選項。（1）（2）面包屑導航（3）輔助導航主導航，非常接近。在此應用程序的(de)痕迹線索，因為(wèi)坐在下方的(de)較低(dī)級别的(de)頁面的(de)二級導航，沒有使用戶更加方便。此外，在面包屑導航（"音樂(yuè)"）第二級鏈接上點擊帶您回到第一(yī)個選項卡（"聽"），錯誤地(dì)認為(wèi)，第一(yī)個選項卡上一(yī)個更高(gāo)的(de)水平比其他兩個是（"搜索"和(hé)"成名的(de)藝術家 "）。

2、作為(wèi)主要的(de)導航使用面包屑

如(rú)前所述，使用面包屑導航是作為(wèi)一(yī)個可(kě)選的(de)協助方式。

範例

在上面的(de)例子(zǐ)，MEFEEDIA不提供一(yī)個觀看影片的(de)主導航菜單。雖然有文本頁腳部分中的(de)鏈接導航，但沒有導航菜單在頁面的(de)內(nèi)容部分，使得它難以浏覽到網站的(de)其他部分。

範例

如(rú)果直接到達一(yī)個視(shì)頻網頁上 – 也就是說，通過谷歌搜索結果，例如(rú) – 唯一(yī)的(de)導航選項，你可(kě)能有痕迹線索。或者如(rú)果你已經在浏覽一(yī)個網站的(de)網頁，并達到一(yī)個頁面不顯示主導航菜單，你會點擊你的(de)浏覽器"返回"按鈕，進入主菜單。

3、當頁面有多個類别的(de)使用面包屑

面包屑導航有線性結構，因此，如(rú)果您的(de)網頁不能被整齊的(de)類别劃分，将很難使用它們。決定是否使用面包屑，在很大程度上取決于你如(rú)何設計你的(de)網站層級。當較低(dī)級别的(de)頁面（或可(kě)放）在多個父目錄，面包屑路徑無效的(de)、不準确，會給用戶造成混淆。

面包屑導航設計注意事項

當設計一(yī)個面包屑導航時，記住幾件事情。讓我們看看一(yī)些可(kě)能出現的(de)問題：

1、什麽應該使用單獨的(de)鏈接項目？

普遍接受的(de)和(hé)最知名的(de)分離(lí)痕迹徑路勁超鏈接的(de)象征符号（》）"大于"。通常情況下，》符号是用來表示層級結構，在父目錄的(de)格式》子(zǐ)目類。

範例

使用其他符号，箭頭指向正确的(de)，正确的(de)角度引号（"）和(hé)斜線（/）。

範例

不同符号的(de)選擇取決于該網站的(de)美學(xué)設計和(hé)使用的(de)痕迹。例如(rú)，面包屑過于醒目，幹擾到了主導航，反而減弱了主導航

2、應該有多大？

不讓你的(de)面包屑主宰頁面。面包屑導航的(de)功能，隻是作為(wèi)一(yī)個用戶（方便）的(de)協助，其大小應傳達給用戶。因此，比起主導航菜單至少應較小或者不太突出。