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