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

來源:UDC視覺 作者:AnyForWeb 學(xué)習(xí):4761人次

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

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

京東的網(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都有很大的好處。

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

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

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

蘇寧易購(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)站帶來更多的流量。

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

正如天貓的案例所示,在面包屑導(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í) · 提示

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

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

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