??1.大型電商內容頁（基于路徑+屬性的面包屑導航），例如：天貓??優點：??讓用戶直觀的了解自己所在的位置，并且便于用戶返回上級，減少返回的操作次數，是向用戶展示產品類型，層級一目了然，讓用戶短時間快速了解網站的組織方式，并能在第一時間進行反應做出操作。? ? ? 缺點：
? ? ? 用詞方面有要求，高度提煉歸類。各分類層級太過接近，概念模糊會產生歧義，命名時最好避開近義詞和平級詞，且一不小心容易喧賓奪主，與主導航重復。
??2.政府相關及新聞網站（基于位置的面包屑導航），例如：搜狐網??優點：對于這類中規中矩的網站模式，直觀的定位，上下級所屬關系明顯，讓用戶直觀了解當前頁在整個網站的位置，更有利于用戶操作，占空間小，干擾性小。??缺點：當用戶層級少分類少的情況，面包屑就相當雞肋，冗余累贅。??3.操作系統（基于路徑的面包屑導航），例如：百度網盤??沒錯，各類文件管理器的導航就是面包屑導航，也許你覺得這個不需要設計，那么看看下面的百度網盤導航，依然是面包屑導航。非常直觀，無論是上翻還是進入下一文件夾都很是順手，很好用。
? ? ? ?一個不可操作的進度展示塊條，未完成為灰色部分完成的為彩色部分。
??優點：向用戶展示這個任務的全部流程，展示任務已經完成的進度，當前的流程點，以及讓用戶清楚的明白下一步是什么。??缺點：網頁端多為靜態，就對界面美化的要求比較高，并且導致進程概念被削弱，甚至會產生用戶焦慮。??2.復合面包屑導航,包含篩選項和搜索框??面包屑總的來說它分為三類：定位，層級區分和操作路徑和瀏覽歷史（這一塊外文有描述，但很遺憾我并未找到案例）。它的作用其實也不少：??1.利于SEO優化??2.精準定位，方便前后級跳轉，減少不必要操作??3.體現當前架構層級??4.占比小，干擾性小，作為次級導航做好了輔助的角色??其實面包屑最開始很長一段時間應用于移動端，但為提高用戶體驗，做到短小精悍，面包屑已經退出移動端的舞臺，至于網頁端，面包屑也慢慢在演變，信息層級扁平化，增加了廣度卻減少了縱向的深度，層級復雜度降低。??由此猜想：不久后面包屑會不會徹底退出導航的舞臺？還是繼續精簡優化，成為更高效有用的變種面包屑？誰都無法預料，提高用戶體驗，一切皆可能。
