不看后悔(面包屑的使用方法和用量)面包屑的使用方法圖解,11個面包屑設(shè)計技巧全面總結(jié),
不論是手機還是 PC端,面包屑都是用來尋找路徑的重要組件,可以讓用戶了解當(dāng)前頁面在整個網(wǎng)站結(jié)構(gòu)的所處位置。NN昆山做網(wǎng)站/g 從1995年就開始推薦大家使用面包屑,因為它能在對界面設(shè)計產(chǎn)生極少影響的前提下,為用戶提供很多便利。
如果一個用戶從首頁一層一層抵達最終頁面,也許 TA 對自己身處何處還算有概念。但是如果用戶從外昆山做網(wǎng)站部鏈接或者快捷入口進來,可能對當(dāng)前的頁面層級一無所知,此時面包屑就能引導(dǎo)他們快速了解網(wǎng)站架構(gòu)。一個底層頁面所展示出來的信息也許是非常精準(zhǔn)片面的,而面包屑則能展示更大門類的信息,從而將用戶引向上層頁面。昆山做網(wǎng)站下文會按照 PC端到手機端的順序,介紹十一條面包屑的設(shè)計指南。
PC端
1.不要用面包屑代替導(dǎo)航頁簽,網(wǎng)站導(dǎo)航和面包屑也許看起來有些相似,但是功能與使用場景完全不同,不應(yīng)該以簡化頁面為目的只保留其中一個。昆山做網(wǎng)站
2.面包屑應(yīng)該用來展示系統(tǒng)層級,而不是歷史記錄,如果用戶是從首頁層層深入,系統(tǒng)層級與歷史記錄是沒有區(qū)別的,但是如果用戶從外部鏈接進入,這兩個差別就大了。為了給用戶提供真正有用的信息,面包屑展示的不應(yīng)該昆山做網(wǎng)站是歷史記錄,而應(yīng)該是系統(tǒng)層級。
3.如果網(wǎng)站有兩個父層級(如兩個同級首頁),應(yīng)該只展示一個,有的網(wǎng)站可能有兩個平級的首頁,這種情況下一定要選擇其中一個作為面包屑的第一項,同時列出兩個是不可取的。
4.當(dāng)前昆山做網(wǎng)站頁一定是面包屑的最后一項,不要覺得在面包屑上再寫一遍當(dāng)前頁的標(biāo)題就重復(fù)了信息,面包屑的最后一項如果不是當(dāng)前頁,是會讓用戶產(chǎn)生困惑的。
5.面包屑中最后一項(當(dāng)前頁)不需要鏈接到自身,面包屑的每一項都要放昆山做網(wǎng)站鏈接的,除了最后一項,因為放一個指向當(dāng)前頁的鏈接不但沒有必要,還會讓用戶懷疑最后一項到底和當(dāng)前頁是不是同一頁。
6.面包屑的層級應(yīng)該是網(wǎng)站的頁面層級,而不是分類層級,也不應(yīng)該包括無內(nèi)容的導(dǎo)航頁,邏輯上的昆山做網(wǎng)站父級(如商品上級分類),除非有真實的頁面存在,否則不需要放在面包屑里。此外,諸如網(wǎng)站地圖一類可有可無的層級,也最好不要加到面包屑里。
7.如果網(wǎng)站層級不多或沒有分支,就不需要面包屑了,如果面包屑只有兩級昆山做網(wǎng)站
8.面包屑的第一項應(yīng)該鏈接首頁,面包屑的第一項如果不是首頁,用戶可能會有疑問這個面包屑不可信或者該網(wǎng)站根本昆山做網(wǎng)站沒有首頁。
手機端
1. 不要把面包屑分行,就算面包屑有點長,分行也絕對不是一個好的主意。
2. 不要用太小的文字,縮小文字也許能夠展示更長的信息,但是用戶如果點擊不到或者看不清,面包屑存在的意義就沒有了。昆山做網(wǎng)站
3. 可以考慮只保留上一級面包屑,考慮到手機用戶的使用習(xí)慣和使用需求,可以不用把面包屑完整列出。