最近正好關注了一下面包屑導航的問題，正好談談這個問題！

    先說結論：絕大多數手機網站中面包屑導航沒有存在的必要。

    一、需求分析

    1.面包屑導航是什么，有什么作用？

    面包屑是一種“歷史記錄”的應用方式，作用是幫助追溯來路、告訴訪問者他們目前在網站中的位置，以及如何返回。

    面包屑導航是一種線性的導航方式，顯示方式是“主分類>一級分類>二級分類>三級分類>……>最終內容頁面”這樣。

    面包屑導航是判斷頁面在整個網站結構中的位置的最好方法。它能誘惑首次訪問者在進入一個頁面后去瀏覽整個網站，降低網站的總體跳出率；增加網站的內部鏈接，提高用戶體驗。

    2用戶在什么情況下需要用面包屑導航？

    網站層級較多（ 3 層及以上），內容龐雜。主導航展示能力不足或者使用不便，無法滿足指引用戶的需求。

    用戶不熟悉網站，他們需要直觀清晰地了解目前所處的位置，以及當前頁面在整個網站中的位置、怎么回來。比如工信部官網有大量的新用戶訪問。

    用戶有讀完某一頁面的下級頁面的需求。比如學生依次閱讀重要的學校官網通知。

    用戶回到上一層級比較麻煩。比如容易誤操作、回退步驟多、缺乏上級頁面的快捷入口、或者用戶自身操作不便。

    3.面包屑導航適合哪些網站使用？

    面包屑導航適用于層級較深的網站，如果只有一級分類的話，通過主導航就已經能夠起到快速定位的作用，扁平型架構的網站就沒有使用面包屑導航的必要。

    由于面包屑導航路徑是線性結構的，即下一級分類必定只屬于上一級分類，因此網站內容必須劃分得非常清晰，且不存在交叉。否則，面包屑導航的路徑是不唯一的，同一個分類可能出現在不同的路徑中，讓用戶感到困惑。

    目前常見的該結構網站包括門戶類、電子商務類等層級較深，且內容的組織分類邏輯性強，獨立不交叉的網站。

    如圖，淘寶的二級頁面沒有面包屑，新浪在進入財經頻道后開始面包屑導航。

    如圖，新浪房產和新浪體育在UI上有較大的區別，用戶很少會感到困惑。

    從用戶需求的角度來講，大多數WAP站都沒有必要添加面包屑導航。

    在PC端，使用面包屑導航的主要是新聞網站、電商網站、官方網站。但是新聞網站和電商網站的趨勢是變得更加“頻道化”。為了將網站的縱深控制在三四個頁面，分別做不同主題的垂直網站。

    例如淘寶會將用戶分流到全球購、天貓超市、淘寶美妝等二級網站，而這些二級頁面和淘寶主站并不是非常緊密的連接；新浪也將用戶分流到新浪財經、新浪新聞等網站，而不強調它們與門戶的從屬關系。事實上，它的每個子網站的界面都不同，采用不同的信息組織方式，更像是彼此獨立的網站。

    在這種情況下，單一WAP站的層級自然變少了，不同的UI也提醒用戶分別處在門戶的不同頻道，添加面包屑的需求也就減少了。

    二、用戶體驗分析

    1.用戶在使用手機網站時有哪些習慣？

    時間更為碎片化。大多數時候，用戶沒精力系統閱覽整個網站的信息架構，WAP站隨之變得更為扁平化、垂直化

    瀏覽速度快，停留時間短。用戶使用手機上WAP站時，他們的下滑操作是很機械的，要不斷尋求新的視線著力點，而且只會把視線落在有實際內容的地方，導航作為輔助的功能一般退居其次。

    注意力不集中。對WAP站而言，頁面內容是否吸引、是否有“爆點”更加重要。用戶在使用手機時往往更容易喪失耐心，并且感受到冗余信息的困擾。所以應該留足頁面內容的空間，并把有用的東西排列好，除掉其他一切冗雜信息。

    不停地被打斷。用戶隨時被電話微信吸引走注意力，所以會傾向于使用簡單粗暴的方式回退。跳出率有一個天花板，所以就更不應該讓用戶停頓和學習怎么使用，不要讓他們困惑。

    2. 其他的回溯方式是否具備足夠的替代性？

    和手機返回鍵相比：比起使用面包屑導航，手機返回更方便、更深入人心。Android系統一般都給實體按鍵一個返回的功能，對用戶而言，只要在Android手機上，這個按鍵無論何時都是退回上層的意思。而iOS系統下，頁面左上角是預留的返回位置，沿用這種設計可以順利地契合用戶習慣。

    和瀏覽器返回按鈕相比：瀏覽器返回更方便、更快捷，學習成本更低。手機瀏覽器（包括app內嵌瀏覽器）都會有地址欄、收藏夾、返回鍵這些，在瀏覽WAP站頁面的過程中，底欄的返回鍵和頂欄的地址一直存在，用戶若要返回會首先使用瀏覽器的返回。

    如圖，百度和UC瀏覽器都在底欄放置了前進和后退按鈕。

    而微信的內嵌瀏覽器左上角有返回、關閉兩個按鈕；知乎的內嵌瀏覽器底欄有后退、前進兩個按鈕，同時頁面左上角可以退出內嵌瀏覽器。

    從用戶體驗的角度來講，WAP站自身幾乎沒有必要添加面包屑導航。

    絕大多數WAP站都將配合手機瀏覽器或APP內嵌瀏覽器使用，而幾乎所有的瀏覽器都會有很方便的回溯功能。

    隨著大數據的發展，網頁的推薦已經可以做到一定程度上貼近用戶，用戶更傾向于通過推薦內容擴展和接續閱讀行為而非回溯。

    4G和Wi-Fi網絡的發展已經大大提升移動網絡的速度，用戶的的閱讀行為也隨之變得更加任性而并非中規中矩地沿一條路線查看。

    社交網絡和分享功能的興盛讓我們越來越難以預測用戶是從何處進入某個WAP頁面查看的，那么接續閱讀最好的方法是基于人際互動的推薦（看過這篇文章的人也看過的、你的朋友也喜歡的、分享次數也很多的內容）而非回溯上級頁面。

    無論如何，WAP站的主導航依然存在，iOS等系統已經可以做到輕觸回到頂部主導航處，能比較快捷地滿足用戶導航的需求。

    三、網頁設計角度分析：

    1.面包屑導航的設計原則與WAP站的設計原則有沖突

    WAP站的頁面寬度較低，在WAP站的設計規范中，對每行字數上限做了限定。現今大多數的網站一行字數上限為 14 個中文字符

    面包屑導航只能逐層降級，不可跳級，文字必須橫排排列，且不可以省略字數和符號。一旦層級較多就很容易超限，但如果層級很少，又沒必要使用面包屑。

    展示在手機屏幕的WAP站首屏頁面非常珍貴，寸土寸金，應該把更多空間交給引爆用戶的內容而不是輔助型的導航

    面包屑導航條只能出現在頁面頭部和尾部，但手機瀏覽器的上下部分已經預留了按鍵：頭部有回退按鈕，尾部有回退按鈕或手機按鍵，所以面包屑導航條的必要性大大降低了

    面包屑導航需要持續使用，但只對三級頁面有較大的意義，相對成本高

    面包屑導航不應該過于顯眼，一般都比較小，但是手機字體本來就比較小，繼續變小的話，點按會變得十分困難，太大又會占用過多的地方

    2.不適合使用面包屑的WAP站：

    新聞類、電商類網站：目前多采用分頻道的方式區分二級站點和主站，減少層級，努力做到結構上的扁平化

    社交類網站：結構一般都比較扁平，層次也比較清晰，功能點較少不需要指引

    知識類、生活類網站：一般使用站點地圖來體現整個站點的結構，如同PC端一樣，他們更注重展示與內容，較少采用面包屑

    3.政府網站、官方網站：適合使用面包屑導航。

    查看政府網站和官方網站的人一般是新用戶，不夠了解該網站

    這些網站由于是 to B 的項目，其信息架構會受到乙方的較大干涉，會出現各不相同的狀態，就更容易讓用戶感到困惑

    官網的內容量比較少而且穩定，并不會像媒體類、電商類網站有海量信息，也不像UGC網站有許多用戶自擬的標簽。WAP設計者可以對之保持較高的控制力，將層級保持在合理的范圍內

    面包屑導航條利于搜索引擎優化，百度蜘蛛直接沿著導航鏈走就可以了，能更好地對網站內容進行抓取。而Google已經將面包屑導航整合到搜索結果里面，因此添加面包屑有利于官網的推廣，對企業是有好處的