淺談網站建設中面包屑導航的運用
發(fā)布日期：[2016/12/26] 編輯：奇億廣州網站建設
面包屑導航在網站建設中的作用即跟我們日常生活中的導航系統(tǒng)有著共性，所謂的面包屑導航一詞來自漢賽爾與格萊特（又譯糖果屋）童話故事中，主人公沿路丟下面包屑，形成一條小徑，從而指引其回到自己的家中。因此，運用在網站建設中，可以更好地指引用戶在網站上瀏覽內容，提高用戶體驗。
其實，和童話故事主人公一樣，網站用戶也需要知道其在網站層次結構中的位置，以使其在需要的情況下能直接瀏覽上一級頁面。
奇億網絡將和大家討論面包屑導航應用及其最佳實踐：什么是面包屑導航（What）、什么時候使用面包屑導航（When）和如何設計面包屑導航（How）。
一、面包屑導航有什么用？
面包屑導航作為有效的視覺輔助，能告訴用戶其在網站層次結構中的位置。這種特性對用戶來說是上下文信息的重要來源，可以幫助用戶找到以下問題的答案：
我在哪里？告訴用戶其在整個網站層次結構中的位置。
我能去哪里？用戶更能找到相關網站欄目和頁面。相比菜單欄，用戶通過清晰直觀的面包屑導航，更容易熟悉和了解網站結構。
我該去那里嗎？面包屑導航體現了網站的內容價值，能鼓勵用戶繼續(xù)瀏覽網站。比如，用戶打開電商網站某產品頁面時，該產品可能不是他想要的產品，但用戶也許想瀏覽其他同類產品。通過面包屑導航，就能相應地減少網站的總體跳出率。
1. 減少用戶行為次數
就適用性而言，面包屑導航減少了用戶訪問上一級頁面本應產生的行為次數。除了使用瀏覽器「后退」按鈕或網站主導航回到上一級頁面，用戶也可以使用面包屑導航。
2. 占用最少頁面空間
緊湊的結構，不占用過多頁面空間，面包屑導航是一條橫向文字連接。好處在于，如有內容過載的情況，其帶來的負面影響微乎其微。
3. 面包屑導航為用戶帶來零煩惱
人們可能沒有在意這個小小的設計元素，但沒人不明白面包屑導航，也沒人不會使用面包屑導航。
二、什么時候該用面包屑導航？
測試網站是否會得益于面包屑導航，有種好方法是構建網站導航結構的網站地圖或圖表，再分析面包屑導航是否能幫助用戶，提高其在同類或不同目錄下的導航能力。
你應該使用面包屑導航的前提是，有大量內容存在于有線性或層次結構的網站分類目錄中。所謂分類目錄，是指網站內容可以分類呈現，這些類別還可以繼續(xù)分為更多細分類別。典型例子正如將大量產品合理地進行分類的電商網站。
對于層次單一、沒有合理架構或分類的網站，則不推薦使用面包屑導航。
三、面包屑導航的分類
面包屑導航可以按位置、路徑和屬性分為3類。
1. 位置面包屑
位置面包屑導航體現的是網站結構。其能輔助用戶了解網站層次結構，并在有多層級（通常大于兩級）網站中導航。若用戶從別處鏈接（比如搜索引擎結果）進入網站深層次頁面，這對用戶來說非常有用。
2. 路徑面包屑
路徑面包屑（也稱「歷史痕跡」）顯示用戶瀏覽至某特定頁面的所有頁面路徑。這類面包屑導航鏈接通常是動態(tài)產生的。
有時，路徑面包屑很有用，但大多時候會令人困惑——因為用戶瀏覽網站可能會從一個頁面突然跳到另一個頁面，非常地隨意。
這類無規(guī)律的瀏覽路徑并不能為用戶提供太大幫助，但倒可以用瀏覽器「后退」按鈕來輕松取代。此外，若用戶直接進入某網站深層次頁面，那路徑面包屑也毫無用處。
3. 屬性面包屑
屬性面包屑對電商網站非常有用，其通過特定頁面或更常見的按產品類別將大量頁面進行分類。這類面包屑導航可以幫助用戶了解各類產品之間的關系，也提供了另外一種導航方式。
4. 層次結構還是瀏覽記錄？
面包屑導航的經驗法則是要展示網站層次結構，而不是用戶瀏覽記錄。因此，推薦使用位置面包屑導航或屬性面包屑導航，而不用路徑面包屑導航。
四、面包屑導航設計的最佳實踐
當設計面包屑導航時，要切記以下幾點：
1. 不要用面包屑導航替換主導航
面包屑導航應作為一項額外功能，其不能直接替換原本有用的主導航菜單。要切記，面包屑導航是一項便捷功能，是輔助導航手段，是網站導航的另一種方法。
2. 當前頁面的面包屑導航無須添加鏈接
面包屑導航（用戶當前位置）最后一項不一定要顯示——如果你想讓它顯示，務必保證其無法點擊或操作。由于用戶已經在當前頁面，在面包屑導航中再添加鏈接就顯得多此一舉了。
3. 使用分隔符
分隔面包屑導航各級文字鏈接最醒目的符號是「大于號（>）」。
通常，大于號（>）用來指代層次結構，就像父目錄>子目錄這類格式。其他可以使用的符號有右箭頭（→）、雙書名號（»）以及斜杠（/）。具體選擇哪個符號取決于網站設計美學和已使用的面包屑導航類型。
4. 選擇恰當的尺寸和內邊距
在設計時要仔細考慮目標尺寸和內邊距。面包屑導航各級文字間應該留有足夠空間，否則用戶可能會覺得不好用。同時，面包屑導航不能在頁面中起支配作用，因此其不能比主導航菜單更顯著。
5. 不要讓其成為設計焦點
不要使用花哨的字體或絢麗的顏色，因為這樣會喧賓奪主，畢竟面包屑導航其主要目的不在于此。
當確定面包屑導航的大小和風格時，經驗法則是要保證用戶進入頁面后的第一關注點不是面包屑導航。
6. 手機設備上不要使用面包屑導航
若你在手機設備上需要通過面包屑導航，也許你會發(fā)現會出現故障。就手機上使用面包屑導航和相應運行環(huán)境而言，其可能的原因在于網站的過度復雜（網站層次結構太深）。為解決這個問題，應該先思考如何簡化，然后你就不需要面包屑導航了。
總結：對于網站建設中整體架構復雜，內容層次多的情況下，設置一個面包屑導航是極其有必要的，它能夠幫助用戶更加快捷精準找到自己所在的網站位置，快速的瀏覽所需的內容，提高網站適用性以及體驗舒適度。
本文由奇億網站建設原創(chuàng)，原文地址：http://www.vlmasia.com/news/1694.html，轉摘請保留版權，謝謝。
從搜索引擎推廣現狀分析其2017年的發(fā)展趨勢 高顏值網站建設需要滿足的三個點 商城網站建設不用模板網站的三大理由 三方面解決網絡負面消息問題 百度最新算法下的網站優(yōu)化良方 APP運營如何利用消息推送功能？ 網站建設中容易犯的十大錯誤 網站優(yōu)化有效的外鏈渠道有哪些？ 網站推廣沒效果的五種解決思路 做不好微商，你可能忽略了五個問題 你做網站SEO為什么失敗？ 以黃色作主色調搭配的網站建設方法 B2B與B2C網站設計的五個不同點 如何運用自媒體做SEO？ 一個seoer的自助建站經驗 “藍天算法”下的網站索引變化分析 六種不同類型的社交網站建設分析 網站關鍵詞熱度及對應的優(yōu)化周期分析 創(chuàng)業(yè)型網站建設公司有哪些不足之處？ 理清供給關系是生鮮電商發(fā)展的突破口
