最近因為項目關(guān)系,一直在跟
網(wǎng)頁設(shè)計,發(fā)現(xiàn)了一個很有意思的導(dǎo)航——
面包屑導(dǎo)航,一度是每一個一線
SEO優(yōu)化人需要掌握的,曾經(jīng)也是風(fēng)靡一時,如今卻有衰敗之勢,在很多界面中逐漸看不到它的身影。我想好好了解下這個有意思的導(dǎo)航,于是翻閱了一些文獻,了解到它居然起源于一個童話故事。這是一個后母虐前妻孩子的故事。一個貧窮的樵夫再娶,后母計劃把倆孩子丟到森林深處,然后趁其不備偷跑掉,好巧不巧被漢塞爾聽到,于是偷藏面包,邊走邊撒捏碎的面包,然后他們回到家過上幸福快樂的生活?并沒有,但這不重要,重要的是給了我們一個啟發(fā)。
面包屑可以做路標(biāo)指引,而且還不會占用太多空間,引導(dǎo)訪問者在目前的網(wǎng)站中所處的位置并引導(dǎo)其順利返回,實乃高端輔助。
1.大型電商內(nèi)容頁(基于路徑+屬性的面包屑導(dǎo)航),例如:天貓
優(yōu)點:
讓用戶直觀的了解自己所在的位置,并且便于用戶返回上級,減少返回的操作次數(shù),是向用戶展示產(chǎn)品類型,層級一目了然,讓用戶短時間快速了解網(wǎng)站的組織方式,并能在第一時間進行反應(yīng)做出操作。
缺點:
用詞方面有要求,高度提煉歸類。各分類層級太過接近,概念模糊會產(chǎn)生歧義,命名時最好避開近義詞和平級詞,且一不小心容易喧賓奪主,與主導(dǎo)航重復(fù)。
2.政府相關(guān)及新聞網(wǎng)站(基于位置的面包屑導(dǎo)航),例如:搜狐網(wǎng)
優(yōu)點:對于這類中規(guī)中矩的網(wǎng)站模式,直觀的定位,上下級所屬關(guān)系明顯,讓用戶直觀了解當(dāng)前頁在整個網(wǎng)站的位置,更有利于用戶操作,占空間小,干擾性小。
缺點:當(dāng)用戶層級少分類少的情況,面包屑就相當(dāng)雞肋,冗余累贅。
3.操作系統(tǒng)(基于路徑的面包屑導(dǎo)航),例如:百度網(wǎng)盤
沒錯,各類文件管理器的導(dǎo)航就是面包屑導(dǎo)航,也許你覺得這個不需要設(shè)計,那么看看下面的百度網(wǎng)盤導(dǎo)航,依然是面包屑導(dǎo)航。非常直觀,無論是上翻還是進入下一文件夾都很是順手,很好用。
一個不可操作的進度展示塊條,未完成為灰色部分完成的為彩色部分。
優(yōu)點:向用戶展示這個任務(wù)的全部流程,展示任務(wù)已經(jīng)完成的進度,當(dāng)前的流程點,以及讓用戶清楚的明白下一步是什么。
缺點:網(wǎng)頁端多為靜態(tài),就對界面美化的要求比較高,并且導(dǎo)致進程概念被削弱,甚至?xí)a(chǎn)生用戶焦慮。
2.復(fù)合面包屑導(dǎo)航,包含篩選項和搜索框
面包屑總的來說它分為三類:定位,層級區(qū)分和操作路徑和瀏覽歷史(這一塊外文有描述,但很遺憾我并未找到案例)。它的作用其實也不少:
1.利于SEO優(yōu)化
2.精準(zhǔn)定位,方便前后級跳轉(zhuǎn),減少不必要操作
3.體現(xiàn)當(dāng)前架構(gòu)層級
4.占比小,干擾性小,作為次級導(dǎo)航做好了輔助的角色
其實面包屑最開始很長一段時間應(yīng)用于移動端,但為提高用戶體驗,做到短小精悍,面包屑已經(jīng)退出移動端的舞臺,至于網(wǎng)頁端,面包屑也慢慢在演變,信息層級扁平化,增加了廣度卻減少了縱向的深度,層級復(fù)雜度降低。
由此猜想:不久后面包屑會不會徹底退出導(dǎo)航的舞臺?還是繼續(xù)精簡優(yōu)化,成為更高效有用的變種面包屑?誰都無法預(yù)料,提高用戶體驗,一切皆可能。
網(wǎng)站標(biāo)題:面包屑導(dǎo)航將退出歷史的舞臺?
URL分享:http://m.newbst.com/news/9653.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站營銷、面包屑導(dǎo)航等
廣告
聲明:本網(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)