面包屑包含三種:
1、定位面包屑路徑
面包屑路徑中最常見(jiàn)的一種。當(dāng)前頁(yè)面路徑在商城有唯一的位置。
基于位置(Location-based)的面包屑向用戶顯示他們?cè)诰W(wǎng)站的哪一個(gè)級(jí)別頁(yè)面。它們一般典型的用于有多個(gè)級(jí)別(一般是多于兩級(jí))的導(dǎo)航方案。在下面的例子中(來(lái)自于SitePoint),每一個(gè)頁(yè)面的文本鏈接表示它比它右邊的文本鏈接高一級(jí)。
舉例(來(lái)自藍(lán)色理想論壇):http://www.sitepoint.com/article/introducing-joomla/
A 表明當(dāng)前在網(wǎng)站內(nèi)的位置。
B 提供指向先前訪問(wèn)過(guò)的頁(yè)面(或網(wǎng)站)和其他區(qū)域的捷徑。
本質(zhì)上,它是網(wǎng)站結(jié)構(gòu)的線性表示。Web上的定位面包屑路徑所展示的不是導(dǎo)航的歷史,而是在整個(gè)網(wǎng)站中某個(gè)固定的位置。就是說(shuō),不管用戶是如何到達(dá)location 頁(yè)面,面包屑路徑都是一樣的。
2、路線面包屑路徑
路線面包屑是動(dòng)態(tài)的。當(dāng)前頁(yè)面路徑是根據(jù)用戶的點(diǎn)擊產(chǎn)生的。
根據(jù)到達(dá)方式的不同,特定頁(yè)面上的面包屑路徑也不同;诼窂(Path-based)的面包屑路徑顯示用戶到達(dá)特定頁(yè)面的操作步驟,它們顯示用戶在到達(dá)當(dāng)前頁(yè)面之前訪問(wèn)過(guò)的頁(yè)面。
舉例:http://www.epicurious.com/舊版 qzone舊版路徑
3、屬性面包屑路徑
當(dāng)前頁(yè)面可以通過(guò)N條路徑找到。 屬性面包屑是描述一個(gè)頁(yè)面的方式,不是它在網(wǎng)站中的位置,也不是訪問(wèn)的路徑,而是它在某種元數(shù)據(jù)方案中的位置,這種方案往往是主題層級(jí)的。 基于特性(Attribute-based)的面包屑路徑顯示一個(gè)特定頁(yè)面的特性。
舉例:
A、在Newegg,面包屑路徑表示在一個(gè)特定頁(yè)面顯示的特性內(nèi)容。 這個(gè)頁(yè)面顯示所有擁有由Lian Li制造并有MicroATX微塔式因素的電腦機(jī)箱。
B、amazon ,面包屑表達(dá)的是物品所屬類別,并允許點(diǎn)擊類別名稱訪問(wèn)上級(jí)的類別。整條路徑提供了最低一級(jí)的頁(yè)面。也就是說(shuō)提供了多條通往結(jié)點(diǎn)頁(yè)面的情況。
很多數(shù)據(jù)來(lái)自網(wǎng)絡(luò)和其他各位的心得。
經(jīng)典論壇交流: http://bbs.blueidea.com/thread-2930499-1-1.html
本文鏈接:http://www.95time.cn/design/doc/2009/6770.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 簡(jiǎn)單解讀面包屑 [1] 下一頁(yè)
|