時尚電商網(wǎng)站交互分析(2)
2012/11/4 11:29:12來源:一淘ux
韓國、日本的知名購物搜索比較網(wǎng)站也同樣采用了“左側(cè)類目+屬性導(dǎo)航”的布局方式:
為了能讓用戶更快捷的到達他要找的類目或商品,這些網(wǎng)站還會在靠近搜索結(jié)果的區(qū)域上方,放置一些導(dǎo)購性質(zhì)的導(dǎo)航入口。
例如:Ebay針對包、鞋等類目的導(dǎo)航做了可視化的設(shè)計處理,通過圖形加類目名的方式,便于用戶進行判斷和快速篩選。
默認(rèn)狀態(tài):
選中后:
在ebay搜索“iphone4s”后,會出現(xiàn)和這款機型關(guān)聯(lián)最高的運營商、容量、顏色這三個常用屬性給到用戶,進行快速篩選定位。
選中屬性后:
同時在當(dāng)前模塊中還提供了iphone其它型號下的下拉菜單,便于用戶進行快速切換:
http://www.ebay.com/sch/Cell-Phones-Smartphones-/9355/i.html?_nkw=iphone4
在Amazon 搜“Dresses“后,當(dāng)用戶選中了女裝下的連衣裙子類目后,會在右側(cè)搜索結(jié)果區(qū)域上方提示要不要先選個款式給到用戶。
在右側(cè)面包屑導(dǎo)航中,高亮顯示了當(dāng)前類目,還提供了鼠標(biāo)Hover后刪除當(dāng)前類目的操作。
默認(rèn)狀態(tài):
鼠標(biāo)Hover后:
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1216.html
本文地址:http://irelandcustomcontracting.com/tutorial/id1216.html
這些是最新的
最熱門的教程