您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 交互设计 >> 浏览设计教程

时尚电商网站交互分析(2)

 

 

韩国、日本的知名购物搜索比较网站也同样采用了“左侧类目+属性导航”的布局方式:

 

 

为了能让用户更快捷的到达他要找的类目或商品,这些网站还会在靠近搜索结果的区域上方,放置一些导购性质的导航入口。

例如:Ebay针对包、鞋等类目的导航做了可视化的设计处理,通过图形加类目名的方式,便于用户进行判断和快速筛选。

  默认状态:

 

选中后:

 

在ebay搜索“iphone4s”后,会出现和这款机型关联最高的运营商、容量、颜色这三个常用属性给到用户,进行快速筛选定位。

选中属性后:

 

同时在当前模块中还提供了iphone其它型号下的下拉菜单,便于用户进行快速切换:

 

http://www.ebay.com/sch/Cell-Phones-Smartphones-/9355/i.html?_nkw=iphone4

 

 

在Amazon 搜“Dresses“后,当用户选中了女装下的连衣裙子类目后,会在右侧搜索结果区域上方提示要不要先选个款式给到用户。

 

 

在右侧面包屑导航中,高亮显示了当前类目,还提供了鼠标Hover后删除当前类目的操作。

默认状态:

 

鼠标Hover后:

http://www.amazon.com/s/ref=sr_nr_n_0?rh=n%3A1036592%2Ck%3Adresses%2Cn%3A%211036682%2Cn%3A1040660%2Cn%3A1045024&bbn=1040660&keywords=dresses&ie=UTF8&qid=1348465871&rnid=1040660

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/id1216.html
交互网页设计实例:你好,对话框
关于注册登录的设计原则之二:让注册过程更加轻松 (by: adaptive path \ 翻译搬运:HuJiping)
图趣网微信
建议反馈
×