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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

分享文章：網(wǎng)站建站中面包屑設(shè)計(jì)技巧全面總結(jié)
URL地址：http://jinyejixie.com/news41/49991.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、品牌網(wǎng)站建設(shè)、做網(wǎng)站、服務(wù)器托管、標(biāo)簽優(yōu)化、動態(tài)網(wǎng)站

廣告

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