在網站設計中使用面包屑導航的概念對于許多設計師來說都是陌生的。他們中仍有相當多的人仍然不相信面包屑導航是設計的組成部分。他們把它當作附屬物，唯一的目的就是以某種方式填補設計中的空白。但是，如果使用得當，面包屑導航可以通過多種方式提高用戶體驗和網站的可訪問性。 面包屑導航可作為視覺指南，向受眾告知其在網站上的確切位置，以使他們在瀏覽時不會感到迷路。它增強了他們的信心，也為他們提供了一種瀏覽網站的替代方法。 面包屑導航廣泛用于內容繁重的網站或具有分層內容結構的網站。

　　在基于電子商務的網站中，面包屑導航可用于使人們更容易地有效定位產品。大多數人沒有他們想要的產品的確切名稱。而是他們使用面包屑導航來找到滿足其確切要求的產品。 但是，面包屑導航并不需要始終具有相同的無聊結構。它可以是以下三種類型： 基于位置的面包屑 基于位置的面包屑導航在Web設計師中非常流行，因為它直接影響訪問者的瀏覽體驗。這使得訪問者可以很清楚地知道訪問者在網站上的位置或頁面在網站層次結構中的位置。基于位置的面包屑導航用于內容級別超過2的網站。

　　這種面包屑類型的目的是幫助導航。 基于路徑的面包屑 這是另一種常見的導航導航類型，指示用戶訪問當前頁面必須執行的步驟。這種面包屑導航通常在訪問者需要填寫跨越兩個或更多頁面的表單的網站上看到。在這種面包屑式導航類型中，訪問者將可以看到他們之前訪問過的頁面的鏈接，這可以確保他們朝著正確的方向前進。但是，事實是，基于路徑的面包屑并不像“前進”和“后退”按鈕那樣受歡迎。 基于屬性的面包屑導航 基于屬性的面包屑并非始終都遵循單個路徑。它僅用于描述特定頁面的屬性。這種面包屑式導航廣泛用于電子商務網站，在該網站上可以通過不同的路徑訪問單個產品頁面（也稱為分面導航）。

　　例如，可以通過三種或四種方式訪問​​電子商務網站上冒險書籍的登錄頁面，因此，您根本無法信任靜態面包屑導航，而是需要選擇基于歸因的面包屑導航。 面包屑導航的好處
＃1方便導航 面包屑導航使用戶可以輕松導航網站。有些人甚至將其視為第二層導航系統。通過單擊它，訪問者可以從一頁移動到另一頁，而無需他們一次又一次地使用“前進”和“后退”按鈕。
＃2更好的用戶體驗 面包屑導航以積極的方式增加了整體用戶的體驗。您不必花費數小時來微調主導航，也不必對網站的主導航做一些根本性的事情，以使訪問者可以輕松訪問所有頁面，因為有了面包屑式導航即可處理這個問題。
＃3增加平均在網站上花費的時間 由于面包屑包含指向同一層次結構中其他頁面的鏈接，因此訪問者很可能會發現它們很有趣，值得簽出。這將大大增加用戶在網站上花費的時間。正如一些專家所相信的那樣，Google和其他搜索引擎正在使用跳出率，平均在頁面上花費的時間等數據來確定網站的質量，這意味著面包屑可以幫助您以一種或另一種方式在網上獲得更好的可見性。
＃4減少無用的頁面瀏覽量 瀏覽量越多越好，對嗎？好吧，你不能再錯了。我們需要更加關注平均在頁面上花費的時間，而不是無用的頁面瀏覽量。現在，如果我們沒有面包屑導航，人們將不得不從一個區域跳到另一個區域，而無需他們瀏覽中間的某些頁面。這將減少有時會干擾分析數據的無用頁面視圖的數量。
＃5低跳出率 當人們找不到他們一直在尋找的產品時，他們會感到惱火。如果網站導航無法幫助人們找到信息，則可能導致訪問者從網站反彈回來。解決跳出率低的問題的有效方法之一是合并面包屑導航的想法。
＃6反映了網站的層次結構 有時，人們無法識別頁面在網站層次結構中的位置。大多數網站的主要導航都沒有提供有關頁面位置的任何提示，這就是我們應該使用面包屑導航的原因。
＃7有趣的視覺 面包屑導航不僅使人們更容易輕松地瀏覽網站，而且在美學方面也做出了巨大貢獻。

它不占用設計的大量空間，如果可以明智地使用它，則可以使界面看起來更加優雅和優美。 使用面包屑的缺點 好吧，每件好事都有陰暗面，面包屑導航也不例外。它也有自己的缺點。
＃1令人困惑的 某些網站根本不需要另一層導航。是的，有些網站的導航是如此出色，以至于不需要面包屑導航。例如，一個簡單的博客不需要面包屑，因為它的大多數文章都可以通過主導航或搜索框進行訪問。
＃2 笨拙當您在平板電腦，智能手機等較小型設備上訪問站點時，面包屑導航通常看起來很笨拙。這會增加視覺上的混亂和笨拙，尤其是在觸摸電話設備上。
＃3需要定期更新 如果基于Web應用程序的網站包含面包屑式導航，可能會遇到麻煩。由于這些類型的網站總是會更改其層次結構，因此面包屑可能會導致鏈接斷開或導航不一致。

使用面包屑導航之前我們需要考慮的因素

＃1太大太大 了面包屑導航的目的是方便導航，因此，它不應主導設計。因此，您不應使其看起來太大，否則可能使頁面的其他設計元素黯然失色。不要同時突出它。有些網站甚至使用灰色來使面包屑看起來不太突出，以免干擾界面的其他元素。
＃2一致性 面包屑導航的設計和結構應在整個站點范圍內保持一致，理想情況下，面包屑導航也應與網站的現有設計和主題保持一致。面包屑的不一致使用只會使訪客感到困惑。
＃3不要看起來 花哨的字體不應使用花哨的字體，鮮艷的顏色或怪異的分隔符，因為它們會超出使用面包屑導航的目的。不要將其作為設計的重點；只需確保很容易找到就可以了。無需過度設計。
＃4使用分隔符 不同的面包屑級別之間應該有足夠的間隙，否則人們可能會發現很難通過它導航。大多數設計師使用分隔符，例如Arrow，正斜杠，大于字符等，他們通過幫助人們識別不同的面包屑級別而又不費力地斜視，而做得很好。 ＃5不要將當前頁面包含在導航中 由于頁面上已經有人，因此將當前頁面的鏈接添加到面包屑導航沒有任何意義。這樣做弊大于利，因為它會使讀者感到困惑。 因此，在嘗試為網站設計面包屑導航時，需要考慮這些因素。