很久很久以前，在大森林的邊上住著一個(gè)貧窮的樵夫，他妻子和兩個(gè)孩子與他相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來(lái)樵夫的妻子去世了，他又給孩子們?nèi)⒘艘粋€(gè)后母。后母計(jì)劃把兩個(gè)孩子帶到森林的深處，然后趁他們睡著的時(shí)候跑掉。漢賽爾無(wú)意中知道了后母的計(jì)劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時(shí)地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時(shí)候溜掉了，漢賽爾和格萊特醒來(lái)已是一片漆黑。漢賽爾安慰他的妹妹說(shuō)：“等月亮一出來(lái)，我們就看得見(jiàn)我撒在地上的面包屑了，它一定會(huì)指給我們回家的路。”但是當(dāng)月亮升起來(lái)時(shí)，他們?cè)诘厣蠀s怎么也找不到一點(diǎn)面包屑了，原來(lái)它們都被那些在樹(shù)林里、田野上飛來(lái)飛去的鳥(niǎo)兒一點(diǎn)點(diǎn)地啄食了。

　　這是《格林童話》中所描述的與面包屑有關(guān)的故事。不知道從哪一天開(kāi)始，漢賽爾的面包屑開(kāi)始悄悄地出現(xiàn)在某個(gè)網(wǎng)站的導(dǎo)航位置上，然后迅速地撒遍了全世界，變成了今天大家所熟知的“面包屑導(dǎo)航”。

　　在童話里，面包屑是漢賽爾在進(jìn)入森林的路中偷偷撒下的，這是一種“歷史記錄”的應(yīng)用方式，目的是幫助你追溯來(lái)路，因而它應(yīng)該是一種線性的導(dǎo)航方式。不過(guò)在網(wǎng)頁(yè)的應(yīng)用中，“追溯來(lái)路”這件事瀏覽器已經(jīng)做得足夠好了，所以“面包屑”慢慢地就變成用來(lái)表達(dá)內(nèi)容歸屬關(guān)系的界面元素，也就是我們經(jīng)?？吹降摹爸鞣诸?gt;一級(jí)分類>二級(jí)分類>三級(jí)分類>……>最終內(nèi)容頁(yè)面”這樣的東東。

　　那么這種元素還具有導(dǎo)航作用嗎？如果用于導(dǎo)航，它有什么問(wèn)題嗎？為什么我覺(jué)得它應(yīng)該“倒(dǎo)掉”呢？

　　再回頭看看所謂面包屑的來(lái)歷和它采用的形式吧，它是漢賽爾沿路撒下的一個(gè)個(gè)“點(diǎn)”，然后連成的“線”，這在信息架構(gòu)中稱為“線性結(jié)構(gòu)”。一對(duì)比就知道，撒到網(wǎng)站上的面包屑是有先天缺陷的，這個(gè)先天缺陷正是這個(gè)“線性”。用“線性”的方式去表達(dá)本應(yīng)該是“樹(shù)形”甚至是“矩陣形”的結(jié)構(gòu)，就好像讓三歲的小朋友做詩(shī)寫(xiě)文章一樣，結(jié)果不是把小朋友逼瘋就是把家長(zhǎng)急瘋。

　　可能有人會(huì)說(shuō)，面包屑不僅僅是用來(lái)表示信息的層級(jí)關(guān)系，它還能給用戶位置的指示，同時(shí)引導(dǎo)用戶點(diǎn)擊更高層次的頁(yè)面。如果你這么說(shuō)，那么恭喜你，你和可用性之父Jakob Nielson想得差不多（Breadcrumb Navigation Increasingly Useful）。在這篇文章里，Jakob認(rèn)為面包屑還有點(diǎn)作用的主要原因，是因?yàn)樗且患銎饋?lái)不太費(fèi)力、占用面積很小、沒(méi)有什么學(xué)習(xí)成本的事情。

　　但是所有的這些，都是建立在信息架構(gòu)足夠清晰、足夠穩(wěn)固同時(shí)又足夠靈活的基礎(chǔ)之上的。

　　如果網(wǎng)站信息太豐富、太復(fù)雜，有些內(nèi)容不能明確劃分到某個(gè)類別中，面包屑就會(huì)變成雞肋。這方面的典型就是門戶網(wǎng)站，比如說(shuō)這個(gè)： 娛樂(lè)圈10大發(fā)嗲美女 ，很明顯就是為了面包屑而面包屑。

　　如果你的網(wǎng)站信息內(nèi)容屬性不明確，大部分信息都同時(shí)屬于多個(gè)類別，面包屑就會(huì)變成一個(gè)涉及到復(fù)雜判斷和算法的技術(shù)問(wèn)題。這種情況的代表就是電子商務(wù)、社區(qū)類網(wǎng)站（沒(méi)找到例子，因?yàn)橐獙?shí)現(xiàn)太難了）。

　　如果你的網(wǎng)站結(jié)構(gòu)夠清晰，內(nèi)容也夠穩(wěn)定，那么極有可能是企業(yè)或個(gè)人網(wǎng)站（比如UCDChina或你自己的博客）。而這樣一個(gè)網(wǎng)站，不管規(guī)模大小，用主導(dǎo)航就能解決位置感的問(wèn)題，也沒(méi)有必要單獨(dú)留出一行來(lái)放置面包屑。這方面做得比較好的例子是微軟和蘋(píng)果（這么大的公司都放棄面包屑了，還不能說(shuō)明問(wèn)題嗎？），反面例子就可以看看這個(gè)： IBM Support & downloads - Documentation - United States ，面包屑沒(méi)有幫助我找到想找的東西，反而讓我更糊涂了。

　　不過(guò)，關(guān)于“打倒面包屑”這件事仍然有一個(gè)前提，那就是你的主導(dǎo)航要做得足夠好。之前提到的IBM網(wǎng)站，最大的問(wèn)題就是沒(méi)有在主導(dǎo)航上標(biāo)明當(dāng)前位置（技術(shù)問(wèn)題？設(shè)計(jì)問(wèn)題？）。由于這個(gè)原因，不得不增加面包屑來(lái)表示層級(jí)關(guān)系。在面包屑的先天缺陷和主導(dǎo)航設(shè)計(jì)缺失的雙重努力下，用戶點(diǎn)擊“Support & downloads”以后迅速丟失了上一個(gè)頁(yè)面“Documentation”的位置（不信你在 這個(gè)頁(yè)面上 試一下回去的難度）。在這個(gè)例子中，面包屑還不如URL本身來(lái)得清楚。

　　反過(guò)來(lái)再想，我們其實(shí)可以有這樣一個(gè)大膽的推論：凡是出現(xiàn)面包屑的網(wǎng)站，基本上都是導(dǎo)航系統(tǒng)設(shè)計(jì)得比較差勁的。

　　一直我們都認(rèn)為，改進(jìn)措施≠做加法，設(shè)計(jì)是“越減越妙”的，面包屑就是應(yīng)該第一個(gè)從導(dǎo)航設(shè)計(jì)中減掉的元素。我相信，隨著技術(shù)的發(fā)展、信息架構(gòu)和用戶需求的多樣化，面包屑最終會(huì)悄悄地退出歷史舞臺(tái)。