網(wǎng)站建站中面包屑設(shè)計(jì)技巧全面總結(jié)

面包屑導(dǎo)航的總要性，對(duì)于一個(gè)對(duì)用戶(hù)體驗(yàn)與過(guò)研究的都知道一個(gè)面包屑的作用是很大的

面包屑導(dǎo)航可以使用戶(hù)實(shí)時(shí)都能了解到他們處在網(wǎng)站的一個(gè)什么位置。那成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)的小編就來(lái)簡(jiǎn)單介紹一下11個(gè)面包屑導(dǎo)航的設(shè)計(jì)技巧做一個(gè)總結(jié)。

網(wǎng)站建設(shè)PC端

1. 不要用面包屑代替導(dǎo)航頁(yè)簽網(wǎng)站導(dǎo)航和面包屑也許看起來(lái)有些相似，但是功能與使用場(chǎng)景完全不同，不應(yīng)該以簡(jiǎn)化頁(yè)面為目的只保留其中一個(gè)。

2. 面包屑應(yīng)該用來(lái)展示系統(tǒng)層級(jí)，而不是歷史記錄如果用戶(hù)是從首頁(yè)層層深入，系統(tǒng)層級(jí)與歷史記錄是沒(méi)有區(qū)別的，但是如果用戶(hù)從外部鏈接進(jìn)入，這兩個(gè)差別就大了。為了給用戶(hù)提供真正有用的信息，面包屑展示的不應(yīng)該是歷史記錄，而應(yīng)該是系統(tǒng)層級(jí)。

3. 如果網(wǎng)站有兩個(gè)父層級(jí)（如兩個(gè)同級(jí)首頁(yè)），應(yīng)該只展示一個(gè)有的網(wǎng)站可能有兩個(gè)平級(jí)的首頁(yè)，這種情況下一定要選擇其中一個(gè)作為面包屑的第一項(xiàng)，同時(shí)列出兩個(gè)是不可取的。

4. 當(dāng)前頁(yè)一定是面包屑的最后一項(xiàng)不要覺(jué)得在面包屑上再寫(xiě)一遍當(dāng)前頁(yè)的標(biāo)題就重復(fù)了信息，面包屑的最后一項(xiàng)如果不是當(dāng)前頁(yè)，是會(huì)讓用戶(hù)產(chǎn)生困惑的。

5. 面包屑中最后一項(xiàng)（當(dāng)前頁(yè)）不需要鏈接到自身面包屑的每一項(xiàng)都要放鏈接的，除了最后一項(xiàng)，因?yàn)榉乓粋€(gè)指向當(dāng)前頁(yè)的鏈接不但沒(méi)有必要，還會(huì)讓用戶(hù)懷疑最后一項(xiàng)到底和當(dāng)前頁(yè)是不是同一頁(yè)。

6. 面包屑的層級(jí)應(yīng)該是網(wǎng)站的頁(yè)面層級(jí)，而不是分類(lèi)層級(jí)，也不應(yīng)該包括無(wú)內(nèi)容的導(dǎo)航頁(yè)邏輯上的父級(jí)（如商品上級(jí)分類(lèi)），除非有真實(shí)的頁(yè)面存在，否則不需要放在面包屑里。此外，諸如網(wǎng)站地圖一類(lèi)可有可無(wú)的層級(jí)，也最好不要加到面包屑里。

7. 如果網(wǎng)站層級(jí)不多或沒(méi)有分支，就不需要面包屑了如果面包屑只有兩級(jí)，或者根本沒(méi)有分支，那么它存在的必要性就很小了。再考慮到網(wǎng)站簡(jiǎn)潔美觀性，這時(shí)還不如不要面包屑。

8. 面包屑的第一項(xiàng)應(yīng)該鏈接首頁(yè)面包屑的第一項(xiàng)如果不是首頁(yè)，用戶(hù)可能會(huì)有疑問(wèn)這個(gè)面包屑不可信或者該網(wǎng)站根本沒(méi)有首頁(yè)。

網(wǎng)站建設(shè)手機(jī)端

1. 不要把面包屑分行就算面包屑有點(diǎn)長(zhǎng)，分行也絕對(duì)不是一個(gè)好的主意。

2. 不要用太小的文字縮小文字也許能夠展示更長(zhǎng)的信息，但是用戶(hù)如果點(diǎn)擊不到或者看不清，面包屑存在的意義就沒(méi)有了。

3. 可以考慮只保留上一級(jí)面包屑考慮到手機(jī)用戶(hù)的使用習(xí)慣和使用需求，可以不用把面包屑完整列出。

面包屑對(duì)用戶(hù)查找欄目?jī)?nèi)容起到了非常重要的作用，尤其是從外部鏈接進(jìn)入到網(wǎng)站對(duì)應(yīng)的頁(yè)面時(shí)，用戶(hù)能夠清晰的看到當(dāng)前處于什么位置，使用戶(hù)能夠快速的找到相對(duì)于的層級(jí)關(guān)系。移動(dòng)端的面包屑的展示有很多種方式，也可以根據(jù)內(nèi)容來(lái)縮短面包屑的長(zhǎng)度。

標(biāo)題名稱(chēng)：網(wǎng)站建站中面包屑設(shè)計(jì)技巧全面總結(jié)
當(dāng)前網(wǎng)址：http://www.bm7419.com/news/49991.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、建站公司、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)