電子商務網站設計分析之四：面包屑導航

網站中的面包屑導航(Breadcrumb Navigation)導航是一種作為輔助和增補的導航方式，它能匡助用戶明的當下所在的網站內位置，并快捷返回之前的路徑。

面包屑的由來出自一個童話，兩個孩子為了不在森林里迷路，于是沿途灑下了面包屑作為標記，匡助自己能夠原路返回。通過這個故事我們可以看出，之所以被稱為面包屑導航，恰是由于它在網站中也起了相同的作用，讓用戶既能看清自己在網站中所處的位置，也能快速的找到其他同類型產品。

一個小小的面包屑是最能體現網站用戶體驗的部門之一。電商網站的子頁面數不勝數，而面包屑是指引用戶的一盞明燈，由此可見面包屑導航對于用戶瀏覽的重要性。

1.樞紐詞同一，避免用詞重復

面包屑導航的存在就是為了讓用戶能最直觀的了解自己所處的位置，因此，用詞精簡直接并且獨一，是面包屑必需遵守的原則。也就是說，每一個產品頁面都有屬于它的獨一導航，這樣能減少用戶在購物時產生的疑問。在用詞方面也要盡量避免有歧義的用詞.
2.顯示層級頁面的產品數目

用戶使用面包屑的目的主要有兩種，一種是想要返回上級，第二種就是查看頁面中展示產品的類型。在用戶的實際操縱中，這兩種需求的重要程度不分上下，但是大多數電商網站都忽略了后者。實在，這方面的改善并不難題，只要在層級頁面的分類中展現出商品的數目，用戶就能很清楚的看到所需商品的種類數目，便于用戶挑選。

3.分類少也能使用面包屑

傳統意義上都建議當網站的層級分類良多的時候可以使用面包屑，假如網站分類較少就可以省去這個部門。但筆者以為，面包屑還能有助于用戶明確產品定位。當用戶對產品沒有目標性時，定位式面包屑就能讓用戶擁有更加順暢的購物體驗。

4.使器具有指向性的符號

面包屑的從用戶體驗上來說是一個“重要的小角色”，既要讓用戶看得清晰，又不能太醒目，因此，在色彩上主要以黑、灰為主，外形上可以采用單獨連接符號，多考慮樞紐字之間的包含關系，并且具有指示性。
 

5.降低干擾

面包屑導航的設計應該始終遵循這樣一個經驗法則：它不應該捉住用戶的留意力。一個稱職的面包屑一定不能起到主宰頁面的作用，低調的扮演著協助主導航的角色，讓用戶在購物時完全不受到它的干擾。
 

6.避免重復主導航的形式

現在的電商網站都很熱衷于在小細節上做文章，他們的起點是但愿在細節中體現出優良的用戶體驗，就好比在原本簡樸的面包屑中添加下拉菜單。網站方以為這樣做能讓用戶在更短的時間內找到自己需要的商品，但實在意義并不大。
 

7.盡量精簡層級

精簡面包屑導航層級原因不僅僅為了晉升用戶體驗，也為了利于搜索引擎的抓取。盡量把面包屑控制在4個層級以內，對用戶視覺和SEO都有很大的好處。

8.在面包屑中使用樞紐字

面包屑對于網站的SEO有著很大的影響作用，因此掌握樞紐字的設置也許能為網站帶來更多的流量。

總結：

筆者以為，面包屑是每個電子商務網站的一個必備模塊，用戶體驗是否過關在這里可以有很好的體現。所有的網站元素可能都講究立異改變，但是面包屑卻始終如一，用最簡樸的方式來知足用戶的瀏覽需求。