電子商務(wù)網(wǎng)站設(shè)計(jì)分析之四：面包屑導(dǎo)航

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

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

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

1.樞紐詞同一，避免用詞重復(fù)

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

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

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

傳統(tǒng)意義上都建議當(dāng)網(wǎng)站的層級分類良多的時(shí)候可以使用面包屑，假如網(wǎng)站分類較少就可以省去這個(gè)部門。但筆者以為，面包屑還能有助于用戶明確產(chǎn)品定位。當(dāng)用戶對產(chǎn)品沒有目標(biāo)性時(shí)，定位式面包屑就能讓用戶擁有更加順暢的購物體驗(yàn)。

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

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

5.降低干擾

面包屑導(dǎo)航的設(shè)計(jì)應(yīng)該始終遵循這樣一個(gè)經(jīng)驗(yàn)法則：它不應(yīng)該捉住用戶的留意力。一個(gè)稱職的面包屑一定不能起到主宰頁面的作用，低調(diào)的扮演著協(xié)助主導(dǎo)航的角色，讓用戶在購物時(shí)完全不受到它的干擾。
 

6.避免重復(fù)主導(dǎo)航的形式

現(xiàn)在的電商網(wǎng)站都很熱衷于在小細(xì)節(jié)上做文章，他們的起點(diǎn)是但愿在細(xì)節(jié)中體現(xiàn)出優(yōu)良的用戶體驗(yàn)，就好比在原本簡樸的面包屑中添加下拉菜單。網(wǎng)站方以為這樣做能讓用戶在更短的時(shí)間內(nèi)找到自己需要的商品，但實(shí)在意義并不大。
 

7.盡量精簡層級

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

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

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

總結(jié)：

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