面包屑(xie)導(dao)航是網(wang)站(zhan)(zhan)(zhan)(zhan)建設中一個(ge)重要的(de)技術,一般具有(you)兩個(ge)好(hao)處(chu)(chu),第(di)一個(ge)優(you)勢是用(yong)(yong)戶在訪問網(wang)站(zhan)(zhan)(zhan)(zhan)時,具有(you)面包屑(xie)導(dao)航的(de)網(wang)站(zhan)(zhan)(zhan)(zhan),用(yong)(yong)戶不容易(yi)迷路(lu),而(er)另一個(ge)好(hao)處(chu)(chu)就是,面包屑(xie)導(dao)航能夠很好(hao)的(de)引導(dao)搜索引擎對(dui)網(wang)站(zhan)(zhan)(zhan)(zhan)的(de)搜索,從而(er)利(li)于網(wang)站(zhan)(zhan)(zhan)(zhan)的(de)優(you)化推(tui)廣。
然(ran)而,網(wang)站(zhan)(zhan)發展(zhan)到(dao)今天,越來(lai)越趨向(xiang)于扁平化發展(zhan),就是(shi)(shi)(shi)說,很多(duo)網(wang)站(zhan)(zhan)為了(le)迎合手機用戶(hu)(hu)的(de)(de)閱(yue)讀習慣,排版都是(shi)(shi)(shi)長(chang)方形(xing)的(de)(de)版面(mian),甚至把廣告直接融入到(dao)內容(rong)中,以標題的(de)(de)形(xing)式(shi)存在。和過(guo)去網(wang)站(zhan)(zhan)多(duo)個(ge)分(fen)欄、多(duo)個(ge)版塊比較,一下(xia)子簡明多(duo)了(le),那么(me),對于面(mian)包屑(xie)導(dao)航(hang)來(lai)說,似乎不會起到(dao)太(tai)大的(de)(de)作用,不過(guo),用戶(hu)(hu)在閱(yue)讀某個(ge)感興趣的(de)(de)內容(rong)后,他(ta)們還(huan)是(shi)(shi)(shi)要回(hui)到(dao)首頁的(de)(de),所以面(mian)包屑(xie)導(dao)航(hang)對用戶(hu)(hu)還(huan)是(shi)(shi)(shi)很有(you)幫助(zhu)的(de)(de)。
什(shen)么網(wang)站需要面(mian)包(bao)屑(xie)導航呢?網(wang)站層次不較(jiao)多,機構(gou)(gou)(gou)(gou)目(mu)錄比較(jiao)深的(de)網(wang)站適合做面(mian)包(bao)屑(xie),網(wang)站結(jie)構(gou)(gou)(gou)(gou)相互獨立不交叉的(de)網(wang)站一(yi)般最(zui)適合使用(yong)面(mian)包(bao)屑(xie)導航。“面(mian)包(bao)屑(xie)”用(yong)來(lai)表達內容歸屬關系的(de)界面(mian)元素,也(ye)就是(shi)網(wang)站中常見的(de)“主(zhu)分(fen)類>一(yi)級(ji)分(fen)類>二級(ji)分(fen)類>三(san)級(ji)分(fen)類>……>最(zui)終內容頁面(mian)”這樣(yang)的(de)方式。一(yi)般網(wang)站目(mu)錄結(jie)構(gou)(gou)(gou)(gou)由3層結(jie)構(gou)(gou)(gou)(gou)組成。分(fen)別(bie)是(shi)首頁>欄目(mu)頁>內容頁。合理的(de)構(gou)(gou)(gou)(gou)結(jie)構(gou)(gou)(gou)(gou)可以讓用(yong)戶(hu)隨時隨地的(de)找到自己所在(zai)的(de)位置,同時又能(neng)讓用(yong)戶(hu)不產(chan)生(sheng)雜(za)亂的(de)感覺。
如何設(she)計面(mian)包屑導(dao)航(hang)?首(shou)選精準用(yong)字(zi),絕不含糊(hu)。面(mian)包屑的文(wen)本鏈接(jie)必(bi)須(xu)保持(chi)一(yi)致(zhi),避免(mian)使用(yong)模糊(hu)、重復的字(zi),保證每(mei)個分(fen)類都清(qing)晰(xi)明了,這樣用(yong)戶(hu)才能(neng)精準的進(jin)行搜索使用(yong)。
其(qi)次(ci),要注重(zhong)細節,正確分類(lei)。在產品分類(lei)時候(hou)一定要高(gao)度進行概(gai)括,如果導航(hang)設計(ji)(ji)分類(lei)過多(duo),容易讓用戶瀏覽(lan)產生疲(pi)勞,甚至會(hui)放棄(qi)瀏覽(lan),因(yin)此在對面(mian)包(bao)屑導航(hang)設計(ji)(ji)時候(hou)一定要精簡(jian),做好用戶體(ti)驗。
最后,大小(xiao)適中、擺放合理。一(yi)個面(mian)包屑導(dao)航(hang)(hang)的尺寸大小(xiao),只需(xu)可以(yi)傳(chuan)到(dao)足(zu)夠(gou)的信息給用戶(hu)足(zu)以(yi),因此可以(yi)很小(xiao),或者(zhe)比主(zhu)導(dao)航(hang)(hang)小(xiao)一(yi)些。面(mian)包屑導(dao)航(hang)(hang)通常顯示在頁面(mian)的上半部分,如果導(dao)航(hang)(hang)菜單(dan)使(shi)用的是水平方向(xiang)的話可以(yi)放在主(zhu)導(dao)航(hang)(hang)菜單(dan)下(xia)方。
在網站建(jian)設(she)技術(shu)不(bu)(bu)斷發(fa)展(zhan)的(de)今(jin)天(tian),滿足絕(jue)大多數(shu)的(de)用戶(hu)(hu)體驗才是(shi)最為正(zheng)確的(de)方向(xiang),有一(yi)(yi)些網站設(she)計者,故意(yi)把(ba)面(mian)包屑(xie)(xie)導航復(fu)雜化,以此來(lai)顯示自己網站建(jian)設(she)技術(shu)的(de)高超,這種做法(fa)對于(yu)移動互聯(lian)網來(lai)說,并不(bu)(bu)會(hui)給用戶(hu)(hu)帶來(lai)更好的(de)良性體驗,尤其(qi)是(shi)在移動互聯(lian)網,怎(zen)樣讓用戶(hu)(hu)用最少(shao)的(de)步數(shu)達看到自己需要的(de)內容,這是(shi)一(yi)(yi)個很關鍵的(de)技術(shu),用戶(hu)(hu)每多點擊一(yi)(yi)次,給用戶(hu)(hu)多設(she)計一(yi)(yi)個障礙,就意(yi)味了(le)一(yi)(yi)部分(fen)用戶(hu)(hu)會(hui)選擇離(li)開,所(suo)以,面(mian)包屑(xie)(xie)導航發(fa)展(zhan)到今(jin)天(tian),不(bu)(bu)是(shi)復(fu)雜化,而是(shi)越來(lai)越簡化,才符(fu)合當(dang)下網站的(de)發(fa)展(zhan)趨勢!