電子商務(wù)網(wǎng)站設(shè)計分析之面包屑導航(3)

來源:UDC視覺 作者:AnyForWeb 學習:4761人次

以一號店為例,電子商務(wù)網(wǎng)站的主導航基本都有下拉擴展分類的功能,所以,面包屑導航如果也采用相同的形式就會變得很重復(fù),而在實際功能上其實差異也不大。

電子商務(wù)網(wǎng)站設(shè)計分析之面包屑導航

京東的網(wǎng)站就避免了這一點,主導航是常規(guī)的下拉菜單形式,面包屑的設(shè)計也比較簡單明了,沒有過多的功能。

7.盡量精簡層級

精簡面包屑導航層級原因不僅僅為了提升用戶體驗,也為了利于搜索引擎的抓取。盡量把面包屑控制在4個層級以內(nèi),對用戶視覺和SEO都有很大的好處。

電子商務(wù)網(wǎng)站設(shè)計分析之面包屑導航

唯品會的面包屑就顯得過于拖沓繁瑣了。雖然從分類上來說比較精細,分門別類十分清晰,但是“傻瓜式”的面包屑更適合實際使用。

電子商務(wù)網(wǎng)站設(shè)計分析之面包屑導航

蘇寧易購的面包屑與唯品會的風格就完全不一樣,蘇寧易購的面包屑默認控制在4層以內(nèi),其他的多元化選項在另外一個區(qū)域中存在,降低了用戶在使用時的受干擾程度。

8.在面包屑中使用關(guān)鍵字

面包屑對于網(wǎng)站的SEO有著很大的影響作用,因此把握關(guān)鍵字的設(shè)置也許能為網(wǎng)站帶來更多的流量。

電子商務(wù)網(wǎng)站設(shè)計分析之面包屑導航

正如天貓的案例所示,在面包屑導航的第四層級中,用戶可以根據(jù)自己的時機需求篩選關(guān)鍵字,讓呈現(xiàn)出的產(chǎn)品更加準確。

總結(jié):

AnyForWeb認為,面包屑是每個電子商務(wù)網(wǎng)站的一個必備模塊,用戶體驗是否過關(guān)在這里可以有很好的體現(xiàn)。所有的網(wǎng)站元素可能都講究創(chuàng)新改變,但是面包屑卻始終如一,用最簡單的方式來滿足用戶的瀏覽需求。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!