一、什么是面包屑
創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù),團隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為眉山企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè),眉山網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application. The term comes from the Hansel and Gretel fairy tale in which the two title children drop breadcrumbs to form a trail back to their home. Just like in the tale, breadcrumbs in real-world applications offer users a way to trace the path back to their original landing point.
——《Breadcrumbs In Web Design: Examples And Best Practices》
[譯]一個“面包屑”(或“面包線索”)是一個類型為二級導(dǎo)航方案[1],揭示了網(wǎng)站或網(wǎng)頁應(yīng)用程序中用戶的所在位置。這個詞來自漢賽爾與格萊特童話故事[2]中,兩個孩子丟下面包屑,形成一條小徑回到自己的家。就像在童話,應(yīng)用面包屑在現(xiàn)實世界的用戶提供一種方法來跟蹤路徑返回到原來的著陸點。
——《在網(wǎng)頁設(shè)計面包屑:實例和做法》
面包屑是作為輔助和補充的導(dǎo)航方式(secondary navigation scheme)[3],它能讓用戶知道在網(wǎng)站或應(yīng)用中所處的位置并能方便地回到原先的地點。
二、 面包屑的現(xiàn)狀及分類
很多著名的互聯(lián)網(wǎng)公司在建站之初就采用了面包屑導(dǎo)航做為網(wǎng)站產(chǎn)品線的“標準配置”,現(xiàn)在被越來越多的行業(yè)網(wǎng)站所認可及采用。
1.基于用戶所在的層級位置(Location-based)
基于位置的面包屑用于告知用戶在當前網(wǎng)站中所在的結(jié)構(gòu)層級。用在具有多級導(dǎo)航中。
網(wǎng)易新聞中心的面包屑導(dǎo)航案例
2.基于產(chǎn)品的屬性(Attribute-based)
這種類型的面包屑常出現(xiàn)在具有大量類別產(chǎn)品和服務(wù)的網(wǎng)站中,如電子商務(wù)、購物網(wǎng)等。
阿里巴巴示例(所展示公司僅為案例,無其他用途)
3.基于用戶的足跡(Path-based)
顯示用戶瀏覽的軌跡,面包屑之間沒有明顯的層級關(guān)系,只是展示用戶從那個級別過來的。這種面包屑在一級導(dǎo)航方案不明確的網(wǎng)站適合,其他情況不建議采用。
三、 面包屑的好處
通過上面的案例研究以及面包屑的分類,我們可以看到采用面包屑功能的好處:
1.面包屑作為用戶尋找路徑的一種輔助手段,能方便他們定位和導(dǎo)航。
2.面包屑可以減少的用戶返回上一級頁面的所需的操作次數(shù)。
3.臨時性,動態(tài)性,占用屏幕空間小,干擾性小。
4.降低網(wǎng)站訪問者的總體跳出率。
當用戶從別處鏈接到網(wǎng)頁,或者從搜索引擎查找到網(wǎng)頁,則面包屑的存在能幫助用戶快速了解當前的層級位置,并引導(dǎo)用戶查看網(wǎng)站的其余部分,減少了看完直接跳走的用戶數(shù)量。
名稱欄目:網(wǎng)站面包屑(breadcrumb)設(shè)計
URL標題:http://m.rwnh.cn/article24/cjdcce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、微信公眾號、微信小程序、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)