面包屑是作為輔助和補充的導(dǎo)航方式(secondary navigation scheme),它能讓用戶知道在網(wǎng)站或應(yīng)用中所處的位置并能方便地回到原先的地點。 最常見的面包屑的樣式是:橫向的文字鏈接,由大于號“>”分開,這個符號也暗示了它們的層級關(guān)系。
【 面包屑的分類】
1.基于用戶所在的層級位置。(Location-based)
基于位置的面包屑用于告知用戶在當(dāng)前網(wǎng)站中所在的結(jié)構(gòu)層級。用在具有多級導(dǎo)航(通常具有2級以上導(dǎo)航)的網(wǎng)站中。
2.基于產(chǎn)品的屬性。(Attribute-based)
這種類型的面包屑常出現(xiàn)在具有大量類別產(chǎn)品和服務(wù)的網(wǎng)站中,如電子商務(wù)網(wǎng)站,網(wǎng)上教學(xué)服務(wù)等。
3.基于用戶的足跡。(Path-based)
顯示用戶瀏覽的軌跡,面包屑之間沒有明顯的層級關(guān)系。
Why? 為什么使用面包屑(面包屑的好處)
1.面包屑作為用戶尋找路徑的一種輔助手段,能方便他們定位和導(dǎo)航。
2.面包屑可以減少的用戶返回上一級頁面的所需的操作次數(shù)。
3.臨時性,動態(tài)性,占用屏幕空間小,干擾性小。
4.降低網(wǎng)站訪問者的總體跳出率。(當(dāng)用戶從別處鏈接到網(wǎng)頁,或者從搜索引擎查找到網(wǎng)頁,則面包屑的存在能幫助用戶快速了解當(dāng)前的層級位置,并引導(dǎo)用戶查看網(wǎng)站的其余部分。減少了看完直接跳走的用戶數(shù)量。)
When? 何時使用面包屑
1. 存在大量的分級內(nèi)容的網(wǎng)站中。
大型的電子商務(wù)網(wǎng)站是典型的例子,里面有大量的產(chǎn)品分別歸屬于不同的大類別及細(xì)分類別。
2. 在一些引導(dǎo)性的網(wǎng)絡(luò)應(yīng)用或者軟件安裝進程中,面包屑也常被用來指示當(dāng)前以及剩余的操作步驟。類似于進程條的變種。
3. 層次簡單的頁面中一般不使用面包屑,但是當(dāng)面包屑能顯著幫助到瀏覽并提高他們定位能力時,也建議采用面包屑。
相冊瀏覽就是一個典型的例子,結(jié)構(gòu)層次并不復(fù)雜,但用戶在特定幾個頁面之間跳轉(zhuǎn)的頻率會比較高(如相冊首頁,相片縮略圖頁,相片瀏覽頁等),所以面包屑的存在對提高此處的瀏覽效率是很有幫助的。
注意點:面包屑不能替代有效的主導(dǎo)航,它是一個輔助功能;一個允許用戶定位他們在哪里的輔助導(dǎo)航方案。
How? 如何設(shè)計面包屑
【面包屑連接符的主要樣式】
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)(CNDESIGN)會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)