原文:http://www.qianduan.net/?p=6351 譯自:http://www.smashingmagazine.com
一般的網(wǎng)站會有很多頁面,面包屑導(dǎo)航可以大大改善用戶尋找他們的路徑的方法。就可用性而言,面包屑可以減少一個網(wǎng)站的用戶返回上一級頁面的操作次數(shù),而且他們可以提高網(wǎng)站部分和頁面的可查找性。他們還是在網(wǎng)站層次中指示用戶所在位置的有效的視覺助手,這使之成為承接頁面上下文信息的很棒的根源。
什么是面包屑?
面包屑(或稱為面包屑路徑)是一種顯示用戶在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的二級導(dǎo)航方案。這個術(shù)語來自于神話故事《奇幻森林歷險記》,故事的兩個小主人公丟下一條面包屑路徑,然后順著這條路徑回到了家中。就像這個故事一樣,在現(xiàn)實世界的應(yīng)用程序中,面包屑為用戶提供一種追蹤返回最初訪問頁面的方式。
Delicious.com網(wǎng)站的面包屑
你通?梢栽谟写罅康陌匆欢ǖ燃壗M織的內(nèi)容的網(wǎng)站上找到面包屑。你也可以在有多于一個步驟的網(wǎng)絡(luò)應(yīng)用上見到它們,這個時候他們的功能類似于進(jìn)度條。最簡化的方式是,面包屑就是水平排列的被大于號" > " 隔開的文本鏈接;這個符號指示該頁面相對于鏈接到它的頁面的深度(級別)。
在本文中,我們將探索面包屑在網(wǎng)站上的用法,并討論在你自己的網(wǎng)站中應(yīng)用面包屑路徑的一些最佳實踐方法。
什么時候使用面包屑?
面包屑導(dǎo)航用于大型網(wǎng)站和按分級排列頁面的網(wǎng)站。一個典型的案例就是電子商務(wù)網(wǎng)站,在這類網(wǎng)站中,大量的產(chǎn)品被按照邏輯分類分組。
你不必在沒有邏輯等級或分組的單級網(wǎng)站上使用面包屑。一個決定是否使用面包屑導(dǎo)航的方法是建立一個網(wǎng)站地圖或結(jié)構(gòu)圖來描述網(wǎng)站的導(dǎo)航結(jié)構(gòu),然后分析面包屑是否能提高用戶在類別內(nèi)和類別之間的定位能力。
面包屑導(dǎo)航應(yīng)該作為擴(kuò)展的額外的功能,而不能替代有效的主要導(dǎo)航菜單。它是一個方便的功能;一個允許用戶定位他們在哪里的二級導(dǎo)航方案;一個定位你的網(wǎng)站的可選擇的方法。
面包屑的種類
面包屑主要分為三類。
基于位置
基于位置(Location-based)的面包屑向用戶顯示他們在網(wǎng)站的哪一個級別頁面。它們一般典型的用于有多個級別(一般是多于兩級)的導(dǎo)航方案。在下面的例子中(來自于SitePoint),每一個頁面的文本鏈接表示它比它右邊的文本鏈接高一級。
基于特性
基于特性(Attribute-based)的面包屑路徑顯示一個特定頁面的特性。例如,在Newegg,面包屑路徑表示在一個特定頁面顯示的特性內(nèi)容。
這個頁面顯示所有擁有由Lian Li制造并有MicroATX微塔式因素的電腦機(jī)箱。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 下一頁 網(wǎng)站設(shè)計中的面包屑 [2]
|