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

聚美優(yōu)品的商品分類(lèi)其實(shí)并不算少，但他們?nèi)匀贿x擇使用定位式的面包屑設(shè)計(jì)。設(shè)計(jì)師將產(chǎn)品大分類(lèi)和用戶(hù)容易更改的部分做了一些小間隔，便于用戶(hù)對(duì)條件進(jìn)行修改。

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

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

1.關(guān)鍵詞統(tǒng)一，避免用詞重復(fù)

淘寶網(wǎng)中的面包屑就相對(duì)直觀。從“所有分類(lèi)”到“女裝”再到“羽絨服”，每一個(gè)大分類(lèi)都沒(méi)有重復(fù)性，讓用戶(hù)能在第一時(shí)間做出反應(yīng)。

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

2.顯示層級(jí)頁(yè)面的產(chǎn)品數(shù)量

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

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

　　那么是不是只有通過(guò)外部設(shè)備才可以拍攝，手機(jī)能不能實(shí)現(xiàn)高像素美顏?zhàn)耘�，我們�?guó)產(chǎn)的手機(jī)能不能做出來(lái)配備了美顏的手機(jī)呢？早在零幾年的時(shí)候美圖秀秀就推出了國(guó)產(chǎn)美顏手機(jī)，后來(lái)OPPO推出1300萬(wàn)像素可旋轉(zhuǎn)攝像頭手機(jī)N1，因此有了答案。除此之外有沒(méi)有前置像素超過(guò)500萬(wàn)的呢。聯(lián)想作為國(guó)產(chǎn)品牌的前輩，肯定不能落后，今天到我們?cè)u(píng)測(cè)室的就是這么一款前置800高像素自拍手機(jī)，它的名字為聯(lián)想筍尖S90，是聯(lián)想專(zhuān)為女性定制的一款自拍手機(jī)，下面我們來(lái)看它的具體性能如何。

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

　　在自拍手機(jī)中，很多人的第一反應(yīng)是卡西歐TR系列，該產(chǎn)品是一款被稱(chēng)之為自拍神器的相機(jī)。雖然它不是手機(jī)，但同手機(jī)一般大小，能連接手機(jī)，并且在不修整的情況下通過(guò)手機(jī)發(fā)送圖片，因?yàn)樗�拍攝出的圖片能讓自己瞬間變?yōu)榕�神，該瘦的瘦，該胖的胖，同時(shí)皮膚還白里透紅，根本無(wú)需后期就很讓人難以忘懷，瞬間給人留下深刻的印象，并隨之出現(xiàn)供不應(yīng)求的狀態(tài)，似乎成為了自拍的標(biāo)簽。

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

3.分類(lèi)少也能使用面包屑

4.使用具有指向性的符號(hào)

而魅力惠的面包屑符號(hào)就滿(mǎn)足了所有的標(biāo)準(zhǔn)，符號(hào)顏色和字詞相同，大小也很適中，讓用戶(hù)在有需要的時(shí)候能馬上找到它，但又毫不耀眼。

5.降低干

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

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

以一號(hào)店為例，電子商務(wù)網(wǎng)站的主導(dǎo)航基本都有下拉擴(kuò)展分類(lèi)的功能，所以，面包屑導(dǎo)航如果也采用相同的形式就會(huì)變得很重復(fù)，而在實(shí)際功能上其實(shí)差異也不大。

亞馬遜網(wǎng)站的面包屑在符號(hào)上用戶(hù)體驗(yàn)很不令人滿(mǎn)意，“：”既不能明確的顯示出字詞之間的概括性，指示性也遠(yuǎn)不如箭頭那么直接。

銀泰的面包屑設(shè)計(jì)不像大多數(shù)網(wǎng)站選擇全透明背景，而是使用了與周?chē)�背景色很相近的灰色。這種做法很容易讓面包屑就此融入全局中，不產(chǎn)生用戶(hù)使用時(shí)的任何困擾。

優(yōu)購(gòu)時(shí)尚商城的面包屑導(dǎo)航就注意到了這方面的小細(xì)節(jié)。系統(tǒng)會(huì)根據(jù)用戶(hù)對(duì)條件的篩選自動(dòng)抓取商品種類(lèi)的數(shù)量，讓用戶(hù)根據(jù)商品的實(shí)際情況進(jìn)行選擇。

AnyForWeb正式推出電子商務(wù)網(wǎng)站設(shè)計(jì)分析的系列文章，每月更新，本次主題為電商網(wǎng)站的面包屑導(dǎo)航設(shè)計(jì)，歡迎關(guān)注！

一級(jí)分類(lèi)和二級(jí)分類(lèi)分別為“家用電器”和“生活電器”，這兩個(gè)含義相近的詞匯增加了用戶(hù)的思考時(shí)間。因此，近義詞和平級(jí)詞匯應(yīng)該在面包屑中盡量避免。