最近因?yàn)轫?xiàng)目關(guān)系，一直在跟網(wǎng)頁(yè)設(shè)計(jì)，發(fā)現(xiàn)了一個(gè)很有意思的導(dǎo)航——面包屑導(dǎo)航,一度是每一個(gè)一線SEO優(yōu)化人需要掌握的，曾經(jīng)也是風(fēng)靡一時(shí)，如今卻有衰敗之勢(shì)，在很多界面中逐漸看不到它的身影。我想好好了解下這個(gè)有意思的導(dǎo)航，于是翻閱了一些文獻(xiàn)，了解到它居然起源于一個(gè)童話故事。這是一個(gè)后母虐前妻孩子的故事。一個(gè)貧窮的樵夫再娶，后母計(jì)劃把倆孩子丟到森林深處，然后趁其不備偷跑掉，好巧不巧被漢塞爾聽(tīng)到，于是偷藏面包，邊走邊撒捏碎的面包，然后他們回到家過(guò)上幸?？鞓?lè)的生活并沒(méi)有，但這不重要，重要的是給了我們一個(gè)啟發(fā)。
面包屑可以做路標(biāo)指引，而且還不會(huì)占用太多空間，引導(dǎo)訪問(wèn)者在目前的網(wǎng)站中所處的位置并引導(dǎo)其順利返回,實(shí)乃高端輔助。
1.大型電商內(nèi)容頁(yè)（基于路徑+屬性的面包屑導(dǎo)航），例如：天貓
優(yōu)點(diǎn)：
讓用戶直觀的了解自己所在的位置，并且便于用戶返回上級(jí)，減少返回的操作次數(shù)，是向用戶展示產(chǎn)品類型，層級(jí)一目了然，讓用戶短時(shí)間快速了解網(wǎng)站的組織方式，并能在第一時(shí)間進(jìn)行反應(yīng)做出操作。

缺點(diǎn)：

用詞方面有要求，高度提煉歸類。各分類層級(jí)太過(guò)接近，概念模糊會(huì)產(chǎn)生歧義，命名時(shí)最好避開(kāi)近義詞和平級(jí)詞，且一不小心容易喧賓奪主，與主導(dǎo)航重復(fù)。

2.政府相關(guān)及新聞網(wǎng)站（基于位置的面包屑導(dǎo)航），例如：搜狐網(wǎng)
優(yōu)點(diǎn)：對(duì)于這類中規(guī)中矩的網(wǎng)站模式，直觀的定位，上下級(jí)所屬關(guān)系明顯，讓用戶直觀了解當(dāng)前頁(yè)在整個(gè)網(wǎng)站的位置，更有利于用戶操作，占空間小，干擾性小。
缺點(diǎn)：當(dāng)用戶層級(jí)少分類少的情況，面包屑就相當(dāng)雞肋，冗余累贅。
3.操作系統(tǒng)（基于路徑的面包屑導(dǎo)航），例如：百度網(wǎng)盤(pán)

沒(méi)錯(cuò)，各類文件管理器的導(dǎo)航就是面包屑導(dǎo)航，也許你覺(jué)得這個(gè)不需要設(shè)計(jì)，那么看看下面的百度網(wǎng)盤(pán)導(dǎo)航，依然是面包屑導(dǎo)航。非常直觀，無(wú)論是上翻還是進(jìn)入下一文件夾都很是順手，很好用。

一個(gè)不可操作的進(jìn)度展示塊條，未完成為灰色部分完成的為彩色部分。

優(yōu)點(diǎn)：向用戶展示這個(gè)任務(wù)的全部流程，展示任務(wù)已經(jīng)完成的進(jìn)度，當(dāng)前的流程點(diǎn)，以及讓用戶清楚的明白下一步是什么。
缺點(diǎn)：網(wǎng)頁(yè)端多為靜態(tài)，就對(duì)界面美化的要求比較高，并且導(dǎo)致進(jìn)程概念被削弱，甚至?xí)a(chǎn)生用戶焦慮。
2.復(fù)合面包屑導(dǎo)航,包含篩選項(xiàng)和搜索框
面包屑總的來(lái)說(shuō)它分為三類：定位，層級(jí)區(qū)分和操作路徑和瀏覽歷史（這一塊外文有描述，但很遺憾我并未找到案例）。它的作用其實(shí)也不少：
1.利于SEO優(yōu)化
2.精準(zhǔn)定位，方便前后級(jí)跳轉(zhuǎn)，減少不必要操作
3.體現(xiàn)當(dāng)前架構(gòu)層級(jí)
4.占比小，干擾性小，作為次級(jí)導(dǎo)航做好了輔助的角色
其實(shí)面包屑最開(kāi)始很長(zhǎng)一段時(shí)間應(yīng)用于移動(dòng)端，但為提高用戶體驗(yàn)，做到短小精悍，面包屑已經(jīng)退出移動(dòng)端的舞臺(tái)，至于網(wǎng)頁(yè)端，面包屑也慢慢在演變，信息層級(jí)扁平化，增加了廣度卻減少了縱向的深度，層級(jí)復(fù)雜度降低。

分享名稱：面包屑導(dǎo)航將退出歷史的舞臺(tái)
文章出自：http://aaarwkj.com/news/138185.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有面包屑導(dǎo)航等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)