网站上筛选排序二三事——以淘宝为例
无论是设计后台网站还是设计一些互联网类(如购物、旅游等)总需要提供筛选和排序以便于用户迅速满足需求从而提高网站转化率。细想看似简单的筛选排序其实与网站的设计和用户体验息息相关。本文以典型的互联网网站为例,总结了在筛选排序设计时一些规律以供参考,当然文章纯属个人见解,欢迎批评指导。
1、抽屉式导航筛选
归类清晰(一级分类-二级分类);重要靠前;热点关键词指引;提供更多选项
看淘宝网提供的筛选关键词,就可以明显发现“万能的淘宝”这个关键词不是浪得虚名,为确保无误数了两遍,主题市场筛选楼层多达16楼,每一楼层有3位住户,即一个小小的抽屉就有48个关键词,再移入每一楼层,又按照住户关键词划分了20至30不等的关键词。其中点击每一个关键词均可跳转至与之对应的页面。关键词以流行热搜为主,同时针对性的对一些词汇标红,起到了提示和引导的作用。
2、列表关键词筛选
灵活(可展开、收起;可单选、多选;) 提供对非主流词汇更多筛选选项
在淘宝女鞋市场中输入“高跟”关键词进行筛选,按照品牌、选购热点、鞋码、帮面材质、筛选条件分类;其中筛选条件又分为风格、款式和闭合方式。 筛选条件中集合了比较小众的选择,每个条件下的子分类不多,这样设计不至于导致筛选条件过长造成视觉上的不协调。选购热点是一个比较有“心机”的分类,既符合从众的消费心理又能抓住当下主要的选择潮流。其他重要分类则尽可能提供比较详尽的选择以满足不同的需求。
3、通用筛选
抓住所有物品的共性 对常用的操作提供直接勾选的快捷操作方式
对所有的筛选均提供了“综合”、“人气从高到底”、“销量”、“价格”。下方还提供了“包邮”“七天内退货”等选项,属于用户密切关注的重点。特别地,当通用筛选选择“人气从高到底”时,筛选条件也相应改变,可见每一个关键词下都显露着用户的心理痛点需要细心体会。
4、标签下拉式导航筛选
横排式 多放置于页面顶部 分类全面 移入后显示子分类元素
5、吸附式分类导航筛选
随时查找筛选
6、底部形象化分类导航筛选
形象化 全面 中规中矩
在页面底部以图片视觉化的方式对该页面的内容进行分类标签展示,便于当用户仍找不到合适内容时的再次筛选查找。
7、主题词筛选
特殊化 热点化 图片化 吸睛
针对不同的用户,网站设置了不同的主题词筛选,同时以图片的方式展示单品,醒目直观。
总结:
1、在不同的位置要考虑不同的筛选设计方式
2、筛选主题词注意归类、易理解、全面性、互斥性等
3、醒目性:在位置上需做到重点靠前
4、不断优化:互联网类的产品筛选主题词会根据相关用户使用数据不断优化,ToB端的产品要注意深入了解业务,全面把握客户需求。