面包屑導(dǎo)航的總要性,對(duì)于一個(gè)對(duì)用戶體驗(yàn)與過研究的都知道一個(gè)面包屑的作用是很大的
面包屑導(dǎo)航可以使用戶實(shí)時(shí)都能了解到他們處在網(wǎng)站的一個(gè)什么位置。那上海網(wǎng)站建設(shè)公司助騰的小編就來簡單介紹一下11個(gè)面包屑導(dǎo)航的設(shè)計(jì)技巧做一個(gè)總結(jié)。
網(wǎng)站建設(shè)PC端
1. 不要用面包屑代替導(dǎo)航頁簽網(wǎng)站導(dǎo)航和面包屑也許看起來有些相似,但是功能與使用場(chǎng)景完全不同,不應(yīng)該以簡化頁面為目的只保留其中一個(gè)。
2. 面包屑應(yīng)該用來展示系統(tǒng)層級(jí),而不是歷史記錄如果用戶是從首頁層層深入,系統(tǒng)層級(jí)與歷史記錄是沒有區(qū)別的,但是如果用戶從外部鏈接進(jìn)入,這兩個(gè)差別就大了。為了給用戶提供真正有用的信息,面包屑展示的不應(yīng)該是歷史記錄,而應(yīng)該是系統(tǒng)層級(jí)。
3. 如果網(wǎng)站有兩個(gè)父層級(jí)(如兩個(gè)同級(jí)首頁),應(yīng)該只展示一個(gè)有的網(wǎng)站可能有兩個(gè)平級(jí)的首頁,這種情況下一定要選擇其中一個(gè)作為面包屑的第一項(xiàng),同時(shí)列出兩個(gè)是不可取的。
4. 當(dāng)前頁一定是面包屑的最后一項(xiàng)不要覺得在面包屑上再寫一遍當(dāng)前頁的標(biāo)題就重復(fù)了信息,面包屑的最后一項(xiàng)如果不是當(dāng)前頁,是會(huì)讓用戶產(chǎn)生困惑的。
5. 面包屑中最后一項(xiàng)(當(dāng)前頁)不需要鏈接到自身面包屑的每一項(xiàng)都要放鏈接的,除了最后一項(xiàng),因?yàn)榉乓粋€(gè)指向當(dāng)前頁的鏈接不但沒有必要,還會(huì)讓用戶懷疑最后一項(xiàng)到底和當(dāng)前頁是不是同一頁。
6. 面包屑的層級(jí)應(yīng)該是網(wǎng)站的頁面層級(jí),而不是分類層級(jí),也不應(yīng)該包括無內(nèi)容的導(dǎo)航頁邏輯上的父級(jí)(如商品上級(jí)分類),除非有真實(shí)的頁面存在,否則不需要放在面包屑里。此外,諸如網(wǎng)站地圖一類可有可無的層級(jí),也最好不要加到面包屑里。
7. 如果網(wǎng)站層級(jí)不多或沒有分支,就不需要面包屑了如果面包屑只有兩級(jí),或者根本沒有分支,那么它存在的必要性就很小了。再考慮到網(wǎng)站簡潔美觀性,這時(shí)還不如不要面包屑。
8. 面包屑的第一項(xiàng)應(yīng)該鏈接首頁面包屑的第一項(xiàng)如果不是首頁,用戶可能會(huì)有疑問這個(gè)面包屑不可信或者該網(wǎng)站根本沒有首頁。
網(wǎng)站建設(shè)手機(jī)端
1. 不要把面包屑分行就算面包屑有點(diǎn)長,分行也絕對(duì)不是一個(gè)好的主意。
2. 不要用太小的文字縮小文字也許能夠展示更長的信息,但是用戶如果點(diǎn)擊不到或者看不清,面包屑存在的意義就沒有了。
3. 可以考慮只保留上一級(jí)面包屑考慮到手機(jī)用戶的使用習(xí)慣和使用需求,可以不用把面包屑完整列出。
面包屑對(duì)用戶查找欄目內(nèi)容起到了非常重要的作用,尤其是從外部鏈接進(jìn)入到網(wǎng)站對(duì)應(yīng)的頁面時(shí),用戶能夠清晰的看到當(dāng)前處于什么位置,使用戶能夠快速的找到相對(duì)于的層級(jí)關(guān)系。移動(dòng)端的面包屑的展示有很多種方式,也可以根據(jù)內(nèi)容來縮短面包屑的長度。