手機網(wǎng)站建設有必要做面包屑導航嗎?
發(fā)布日期:[2017/7/19] 編輯:奇億廣州網(wǎng)站建設
關(guān)于面包屑導航的問(wèn)題,有些運用在網(wǎng)站建設中確實(shí)能夠提高用戶(hù)體驗,但是并不是任何網(wǎng)站都需要面包屑導航,甚至運用不當會(huì )適得其反,那么,手機網(wǎng)站建設有必要做面包屑導航嗎?
奇億網(wǎng)絡(luò )在此先說(shuō)結論:絕大多數手機網(wǎng)站中面包屑導航?jīng)]有存在的必要。
一、需求分析
1.面包屑導航是什么,有什么作用?
面包屑是一種“歷史記錄”的應用方式,作用是幫助追溯來(lái)路、告訴訪(fǎng)問(wèn)者他們目前在網(wǎng)站中的位置,以及如何返回。
面包屑導航是一種線(xiàn)性的導航方式,顯示方式是“主分類(lèi)>一級分類(lèi)>二級分類(lèi)>三級分類(lèi)>……>最終內容頁(yè)面”這樣。
面包屑導航是判斷頁(yè)面在整個(gè)網(wǎng)站結構中的位置的最好方法。它能誘惑首次訪(fǎng)問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽整個(gè)網(wǎng)站,降低網(wǎng)站的總體跳出率;增加網(wǎng)站的內部鏈接,提高用戶(hù)體驗。
2.用戶(hù)在什么情況下需要用面包屑導航?
網(wǎng)站層級較多(3 層及以上),內容龐雜。主導航展示能力不足或者使用不便,無(wú)法滿(mǎn)足指引用戶(hù)的需求。
用戶(hù)不熟悉網(wǎng)站,他們需要直觀(guān)清晰地了解目前所處的位置,以及當前頁(yè)面在整個(gè)網(wǎng)站中的位置、怎么回來(lái)。比如工信部官網(wǎng)有大量的新用戶(hù)訪(fǎng)問(wèn)。用戶(hù)有讀完某一頁(yè)面的下級頁(yè)面的需求。比如學(xué)生依次閱讀重要的學(xué)校官網(wǎng)通知。用戶(hù)回到上一層級比較麻煩。比如容易誤操作、回退步驟多、缺乏上級頁(yè)面的快捷入口、或者用戶(hù)自身操作不便。
3.面包屑導航適合哪些網(wǎng)站使用?
面包屑導航適用于層級較深的網(wǎng)站,如果只有一級分類(lèi)的話(huà),通過(guò)主導航就已經(jīng)能夠起到快速定位的作用,扁平型架構的網(wǎng)站就沒(méi)有使用面包屑導航的必要。
由于面包屑導航路徑是線(xiàn)性結構的,即下一級分類(lèi)必定只屬于上一級分類(lèi),因此網(wǎng)站內容必須劃分得非常清晰,且不存在交叉。否則,面包屑導航的路徑是不唯一的,同一個(gè)分類(lèi)可能出現在不同的路徑中,讓用戶(hù)感到困惑。
目前常見(jiàn)的該結構網(wǎng)站包括門(mén)戶(hù)類(lèi)、電子商務(wù)類(lèi)等層級較深,且內容的組織分類(lèi)邏輯性強,獨立不交叉的網(wǎng)站。
從用戶(hù)需求的角度來(lái)講,大多數WAP站都沒(méi)有必要添加面包屑導航。
在PC端,使用面包屑導航的主要是新聞網(wǎng)站、電商網(wǎng)站、官方網(wǎng)站。但是新聞網(wǎng)站和電商網(wǎng)站的趨勢是變得更加“頻道化”。為了將網(wǎng)站的縱深控制在三四個(gè)頁(yè)面,分別做不同主題的垂直網(wǎng)站。
例如淘寶會(huì )將用戶(hù)分流到全球購、天貓超市、淘寶美妝等二級網(wǎng)站,而這些二級頁(yè)面和淘寶主站并不是非常緊密的連接;新浪也將用戶(hù)分流到新浪財經(jīng)、新浪新聞等網(wǎng)站,而不強調它們與門(mén)戶(hù)的從屬關(guān)系。事實(shí)上,它的每個(gè)子網(wǎng)站的界面都不同,采用不同的信息組織方式,更像是彼此獨立的網(wǎng)站。
在這種情況下,單一WAP站的層級自然變少了,不同的UI也提醒用戶(hù)分別處在門(mén)戶(hù)的不同頻道,添加面包屑的需求也就減少了。
二、用戶(hù)體驗分析
1.用戶(hù)在使用手機網(wǎng)站時(shí)有哪些習慣?
時(shí)間更為碎片化。大多數時(shí)候,用戶(hù)沒(méi)精力系統閱覽整個(gè)網(wǎng)站的信息架構,WAP站隨之變得更為扁平化、垂直化
瀏覽速度快,停留時(shí)間短。用戶(hù)使用手機上WAP站時(shí),他們的下滑操作是很機械的,要不斷尋求新的視線(xiàn)著(zhù)力點(diǎn),而且只會(huì )把視線(xiàn)落在有實(shí)際內容的地方,導航作為輔助的功能一般退居其次。
注意力不集中。對WAP站而言,頁(yè)面內容是否吸引、是否有“爆點(diǎn)”更加重要。用戶(hù)在使用手機時(shí)往往更容易喪失耐心,并且感受到冗余信息的困擾。所以應該留足頁(yè)面內容的空間,并把有用的東西排列好,除掉其他一切冗雜信息。
不停地被打斷。用戶(hù)隨時(shí)被電話(huà)微信吸引走注意力,所以會(huì )傾向于使用簡(jiǎn)單粗暴的方式回退。跳出率有一個(gè)天花板,所以就更不應該讓用戶(hù)停頓和學(xué)習怎么使用,不要讓他們困惑。
2. 其他的回溯方式是否具備足夠的替代性?
和手機返回鍵相比:比起使用面包屑導航,手機返回更方便、更深入人心。Android系統一般都給實(shí)體按鍵一個(gè)返回的功能,對用戶(hù)而言,只要在A(yíng)ndroid手機上,這個(gè)按鍵無(wú)論何時(shí)都是退回上層的意思。而iOS系統下,頁(yè)面左上角是預留的返回位置,沿用這種設計可以順利地契合用戶(hù)習慣。
和瀏覽器返回按鈕相比:瀏覽器返回更方便、更快捷,學(xué)習成本更低。手機瀏覽器(包括app內嵌瀏覽器)都會(huì )有地址欄、收藏夾、返回鍵這些,在瀏覽WAP站頁(yè)面的過(guò)程中,底欄的返回鍵和頂欄的地址一直存在,用戶(hù)若要返回會(huì )首先使用瀏覽器的返回。
而微信的內嵌瀏覽器左上角有返回、關(guān)閉兩個(gè)按鈕;知乎的內嵌瀏覽器底欄有后退、前進(jìn)兩個(gè)按鈕,同時(shí)頁(yè)面左上角可以退出內嵌瀏覽器。
從用戶(hù)體驗的角度來(lái)講,WAP站自身幾乎沒(méi)有必要添加面包屑導航。
絕大多數WAP站都將配合手機瀏覽器或APP內嵌瀏覽器使用,而幾乎所有的瀏覽器都會(huì )有很方便的回溯功能。
隨著(zhù)大數據的發(fā)展,網(wǎng)頁(yè)的推薦已經(jīng)可以做到一定程度上貼近用戶(hù),用戶(hù)更傾向于通過(guò)推薦內容擴展和接續閱讀行為而非回溯。
4G和Wi-Fi網(wǎng)絡(luò )的發(fā)展已經(jīng)大大提升移動(dòng)網(wǎng)絡(luò )的速度,用戶(hù)的的閱讀行為也隨之變得更加任性而并非中規中矩地沿一條路線(xiàn)查看。
社交網(wǎng)絡(luò )和分享功能的興盛讓我們越來(lái)越難以預測用戶(hù)是從何處進(jìn)入某個(gè)WAP頁(yè)面查看的,那么接續閱讀最好的方法是基于人際互動(dòng)的推薦(看過(guò)這篇文章的人也看過(guò)的、你的朋友也喜歡的、分享次數也很多的內容)而非回溯上級頁(yè)面。
無(wú)論如何,WAP站的主導航依然存在,iOS等系統已經(jīng)可以做到輕觸回到頂部主導航處,能比較快捷地滿(mǎn)足用戶(hù)導航的需求。
三、網(wǎng)頁(yè)設計角度分析:
1.面包屑導航的設計原則與WAP站的設計原則有沖突
WAP站的頁(yè)面寬度較低,在WAP站的設計規范中,對每行字數上限做了限定,F今大多數的網(wǎng)站一行字數上限為 14 個(gè)中文字符
面包屑導航只能逐層降級,不可跳級,文字必須橫排排列,且不可以省略字數和符號。一旦層級較多就很容易超限,但如果層級很少,又沒(méi)必要使用面包屑。
展示在手機屏幕的WAP站首屏頁(yè)面非常珍貴,寸土寸金,應該把更多空間交給引爆用戶(hù)的內容而不是輔助型的導航
面包屑導航條只能出現在頁(yè)面頭部和尾部,但手機瀏覽器的上下部分已經(jīng)預留了按鍵:頭部有回退按鈕,尾部有回退按鈕或手機按鍵,所以面包屑導航條的必要性大大降低了
面包屑導航需要持續使用,但只對三級頁(yè)面有較大的意義,相對成本高
面包屑導航不應該過(guò)于顯眼,一般都比較小,但是手機字體本來(lái)就比較小,繼續變小的話(huà),點(diǎn)按會(huì )變得十分困難,太大又會(huì )占用過(guò)多的地方
2.不適合使用面包屑的WAP站:
新聞類(lèi)、電商類(lèi)網(wǎng)站:目前多采用分頻道的方式區分二級站點(diǎn)和主站,減少層級,努力做到結構上的扁平化
社交類(lèi)網(wǎng)站:結構一般都比較扁平,層次也比較清晰,功能點(diǎn)較少不需要指引
知識類(lèi)、生活類(lèi)網(wǎng)站:一般使用站點(diǎn)地圖來(lái)體現整個(gè)站點(diǎn)的結構,如同PC端一樣,他們更注重展示與內容,較少采用面包屑
3.政府網(wǎng)站、官方網(wǎng)站:適合使用面包屑導航。
查看政府網(wǎng)站和官方網(wǎng)站的人一般是新用戶(hù),不夠了解該網(wǎng)站
這些網(wǎng)站由于是 to B 的項目,其信息架構會(huì )受到乙方的較大干涉,會(huì )出現各不相同的狀態(tài),就更容易讓用戶(hù)感到困惑
官網(wǎng)的內容量比較少而且穩定,并不會(huì )像媒體類(lèi)、電商類(lèi)網(wǎng)站有海量信息,也不像UGC網(wǎng)站有許多用戶(hù)自擬的標簽。WAP設計者可以對之保持較高的控制力,將層級保持在合理的范圍內
面包屑導航條利于搜索引擎優(yōu)化,百度蜘蛛直接沿著(zhù)導航鏈走就可以了,能更好地對網(wǎng)站內容進(jìn)行抓取。而Google已經(jīng)將面包屑導航整合到搜索結果里面,因此添加面包屑有利于官網(wǎng)的推廣,對企業(yè)是有好處的
總結得出,對于像政府網(wǎng)站或者官方網(wǎng)站,涉及到的內容層級可以適當減少,比較適合使用面包屑導航,其余的手機網(wǎng)站基本上沒(méi)有必要,大多可以從網(wǎng)站內容和結構設計上解決用戶(hù)體驗問(wèn)題!
本文由奇億網(wǎng)站建設原創(chuàng ),原文地址:http://www.lzsyr.com/news/1844.html 轉摘請保留版權,謝謝!



















