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

來源：UDC視覺作者：AnyForWeb 學習：4761人次

AnyForWeb正式推出電子商務網站設計分析的系列文章，每月更新，本次主題為電商網站的面包屑導航設計，歡迎關注！

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

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

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

1.關鍵詞統(tǒng)一，避免用詞重復

面包屑導航的存在就是為了讓用戶能最直觀的了解自己所處的位置，因此，用詞精簡直接并且唯一，是面包屑必須遵守的原則。也就是說，每一個產品頁面都有屬于它的唯一導航，這樣能減少用戶在購物時產生的疑問。在用詞方面也要盡量避免有歧義的用詞，京東的面包屑導航在這方面做的就不夠好（如下圖）。

一級分類和二級分類分別為“家用電器”和“生活電器”，這兩個含義相近的詞匯增加了用戶的思考時間。因此，近義詞和平級詞匯應該在面包屑中盡量避免。

淘寶網中的面包屑就相對直觀。從“所有分類”到“女裝”再到“羽絨服”，每一個大分類都沒有重復性，讓用戶能在第一時間做出反應。

2.顯示層級頁面的產品數量

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