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

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

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

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

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

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

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