電子商務(wù)網(wǎng)站設(shè)計(jì)分析之面包屑導(dǎo)航(3)
以一號(hào)店為例,電子商務(wù)網(wǎng)站的主導(dǎo)航基本都有下拉擴(kuò)展分類的功能,所以,面包屑導(dǎo)航如果也采用相同的形式就會(huì)變得很重復(fù),而在實(shí)際功能上其實(shí)差異也不大。
京東的網(wǎng)站就避免了這一點(diǎn),主導(dǎo)航是常規(guī)的下拉菜單形式,面包屑的設(shè)計(jì)也比較簡(jiǎn)單明了,沒有過多的功能。
7.盡量精簡(jiǎn)層級(jí)
精簡(jiǎn)面包屑導(dǎo)航層級(jí)原因不僅僅為了提升用戶體驗(yàn),也為了利于搜索引擎的抓取。盡量把面包屑控制在4個(gè)層級(jí)以內(nèi),對(duì)用戶視覺和SEO都有很大的好處。
唯品會(huì)的面包屑就顯得過于拖沓繁瑣了。雖然從分類上來說比較精細(xì),分門別類十分清晰,但是“傻瓜式”的面包屑更適合實(shí)際使用。
蘇寧易購(gòu)的面包屑與唯品會(huì)的風(fēng)格就完全不一樣,蘇寧易購(gòu)的面包屑默認(rèn)控制在4層以內(nèi),其他的多元化選項(xiàng)在另外一個(gè)區(qū)域中存在,降低了用戶在使用時(shí)的受干擾程度。
8.在面包屑中使用關(guān)鍵字
面包屑對(duì)于網(wǎng)站的SEO有著很大的影響作用,因此把握關(guān)鍵字的設(shè)置也許能為網(wǎng)站帶來更多的流量。
正如天貓的案例所示,在面包屑導(dǎo)航的第四層級(jí)中,用戶可以根據(jù)自己的時(shí)機(jī)需求篩選關(guān)鍵字,讓呈現(xiàn)出的產(chǎn)品更加準(zhǔn)確。
總結(jié):
AnyForWeb認(rèn)為,面包屑是每個(gè)電子商務(wù)網(wǎng)站的一個(gè)必備模塊,用戶體驗(yàn)是否過關(guān)在這里可以有很好的體現(xiàn)。所有的網(wǎng)站元素可能都講究創(chuàng)新改變,但是面包屑卻始終如一,用最簡(jiǎn)單的方式來滿足用戶的瀏覽需求。
學(xué)習(xí) · 提示
相關(guān)教程
- 經(jīng)驗(yàn)分享!如何準(zhǔn)確的向工程師傳達(dá)動(dòng)效設(shè)計(jì)?
- 聊聊界面設(shè)計(jì)過程中,遇到視覺BUG時(shí)的處理方法
- 排版布局,關(guān)于響應(yīng)式布局
- 視覺設(shè)計(jì)師怎樣讓前端100%實(shí)現(xiàn)設(shè)計(jì)效果?
- Duang!給設(shè)計(jì)稿特技加特技?
- 實(shí)用好文,介紹一些產(chǎn)品經(jīng)理快速找到順手圖片資源的小技巧
- 手機(jī)拍照也能高大上,盤點(diǎn)照片后期需要的技巧及經(jīng)驗(yàn)
- 設(shè)計(jì)建議,如何讓一個(gè)網(wǎng)站看起來高大上且更有設(shè)計(jì)感?
- 大數(shù)據(jù)時(shí)代的設(shè)計(jì)特點(diǎn),不了解這個(gè)你做不了今天的設(shè)計(jì)
- 素材知識(shí),教你如何找到高質(zhì)量的圖片素材
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 用戶體驗(yàn),如何讓用戶心動(dòng)?