亚洲香蕉中文网_午夜成人精品福利网站在线观看_成年男女免费视频网站很黄的_熟女chachacha性少妇_色天天躁夜夜躁天干天干_曰批全过程免费视频在线观看无码

新聞動態
簽約信息
公司信息
行業資訊

11個面包屑設計技巧全面總結

 發布時間:2019-01-17     瀏覽次數:2.4k     作者:斑驢互聯

不論是手機還是 PC端,面包屑都是用來尋找路徑的重要組件,可以讓用戶了解當前頁面在整個網站結構的所處位置。

如果一個用戶從首頁一層一層抵達最終頁面,也許 TA 對自己身處何處還算有概念。但是如果用戶從外部鏈接或者快捷入口進來,可能對當前的頁面層級一無所知,此時面包屑就能引導他們快速了解網站架構。一個底層頁面所展示出來的信息也許是非常精準片面的,而面包屑則能展示更大門類的信息,從而將用戶引向上層頁面。下文會按照 PC端到手機端的順序,介紹十一條面包屑的設計指南。


PC端

1. 不要用面包屑代替導航頁簽

網站導航和面包屑也許看起來有些相似,但是功能與使用場景完全不同,不應該以簡化頁面為目的只保留其中一個。

2. 面包屑應該用來展示系統層級,而不是歷史記錄

如果用戶是從首頁層層深入,系統層級與歷史記錄是沒有區別的,但是如果用戶從外部鏈接進入,這兩個差別就大了。為了給用戶提供真正有用的信息,面包屑展示的不應該是歷史記錄,而應該是系統層級。

3. 如果網站有兩個父層級(如兩個同級首頁),應該只展示一個

有的網站可能有兩個平級的首頁,這種情況下一定要選擇其中一個作為面包屑的第一項,同時列出兩個是不可取的。

4. 當前頁一定是面包屑的最后一項

不要覺得在面包屑上再寫一遍當前頁的標題就重復了信息,面包屑的最后一項如果不是當前頁,是會讓用戶產生困惑的。

5. 面包屑中最后一項(當前頁)不需要鏈接到自身

面包屑的每一項都要放鏈接的,除了最后一項,因為放一個指向當前頁的鏈接不但沒有必要,還會讓用戶懷疑最后一項到底和當前頁是不是同一頁。

6. 面包屑的層級應該是網站的頁面層級,而不是分類層級,也不應該包括無內容的導航頁

邏輯上的父級(如商品上級分類),除非有真實的頁面存在,否則不需要放在面包屑里。此外,諸如網站地圖一類可有可無的層級,也最好不要加到面包屑里。

7. 如果網站層級不多或沒有分支,就不需要面包屑了

如果面包屑只有兩級,或者根本沒有分支,那么它存在的必要性就很小了。再考慮到網站簡潔美觀性,這時還不如不要面包屑。

8. 面包屑的第一項應該鏈接首頁

面包屑的第一項如果不是首頁,用戶可能會有疑問這個面包屑不可信或者該網站根本沒有首頁。

手機端
1. 不要把面包屑分行

就算面包屑有點長,分行也絕對不是一個好的主意。

2. 不要用太小的文字

縮小文字也許能夠展示更長的信息,但是用戶如果點擊不到或者看不清,面包屑存在的意義就沒有了。

3. 可以考慮只保留上一級面包屑

考慮到手機用戶的使用習慣和使用需求,可以不用把面包屑完整列出。

總結

面包屑是用戶尋找相關內容的輔助工具,對于從外部鏈接進入的場景十分有用。確保面包屑里每一項都可以點擊,并且可以查看同一層級的其它內容。在手機端,面包屑可能難以展示完全,可以根據用戶使用方式縮短其長度。


標簽: 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發/—斑驢互聯

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯在南昌一直向著“做業內一流互聯網設計團隊”這一愿景努力,不斷提升對網站高端設計,微信公眾號/小程序開發等產品的用戶體驗
400 0791 158
主站蜘蛛池模板: 国产私人尤物无码不卡 | 国产人妻精品午夜福利免费 | 大尺度AV无码污污福利网站 | JIZZJIZZ国产| 韩国女主播福利视频 | GOGOWWW人体大胆裸体 | 国产成人一卡2卡3卡四卡视频 | 毛片韩国| a级毛片黄 | 西西大尺度美軳人人体bt | 国产外围在线观看 | 一本一道色欲综合网 | 欧美日日 | 午夜精品久久久久久中宇 | 91麻豆免费视频 | 一级特黄免费 | 日本va欧美va | 99久久全国免费观看 | 亚洲AV超清无码不卡在线网络 | 91日日| 久久欧美国产伦子伦精品 | 在线视频一区二区 | 麻豆精品国产精华精华液好用吗 | 成人国产精品高清在线观看 | 久久久大片 | 52综合精品国产二区无码 | 蜜桃AV麻豆AV果冻传媒 | 中文字幕一二三 | 久久人人妻人人爽人人爽 | 亚洲AV成人片无码网站网 | 男人的天堂啪啪 | 国产成人精品aa毛片 | 欧美激情一区二区三区四区 | www.国产一区二区三区 | 人妻洗澡被强公日日澡 | 天堂国产一区二区三区 | 国产a区| 免费无码中文字幕A级毛片 精品日产一卡2卡三卡4卡自拍 | 国产精品一二二区 | 全部免费a级毛片 | 四虎影库久免费视频 |