列表页排序按钮修改的实际案例
[来源:] 2011-01-24 00:05:00 编辑:雷超南 点击: 次
前段时间发了一篇浅谈客户体验的文章,被管理大大设置为“干货”。但是因为是“浅谈”,没有提到详细的案例,很多派友回复表示“不给力”。今天给大家发一个列表页排序按钮修改的实例,有详细的图文介绍。闲话不说,直接上图
前段时间发了一篇浅谈客户体验的文章,被管理大大设置为“干货”。但是因为是“浅谈”,没有提到详细的案例,很多派友回复表示“不给力”。今天给大家发一个列表页排序按钮修改的实例,有详细的图文介绍。闲话不说,直接上图。(注意:我是用WINDOWS画图直接生成的图片,看着有点丑,请见谅啊)
图1 原始按钮和第一版设计的按钮
改版前,列表页的排序状态有六种。
1 默认排序(进入列表之后什么排序按钮都不点,这个时候的排序状态)
2 销量低到高排序
3 销量高到底排序
4 价格低到高排序
5 价格高到低排序
6 上架时间从最晚到最早(新品排前面)
最初要修改的时候,发现了第一个问题:
问题:“销量低到高排序”有没有必要?
答案是 没有。顾客买东西,肯定愿意看畅销的东西。除非你明确告诉他“不畅销的产品会打折”,否则“不畅销产品排行榜”就没有价值。
所以,我决定把三个按钮换成四个,如图1下面的样式,不展示销量低到高排序的状态。
但是,随后又发现原来按钮的第二个问题
问题:原来按钮有歧义
看下图,回答问题:下面这个图表示的是什么排序状态?A 销量高到底 B价格高到底 C默认排序 D上架时间从最晚到最早
图2 歧义的按钮
公布答案,如果不看到图上的“500件”,恐怕很多人不会选择A的。实际上ABCD四个排序形式下,几个按钮的样式都是一样的,没有任何差别。
最终,排序按钮改成了以下的形式
图3 默认排序的样式
图4 点击“价格升序”之后的样式
从图3图4可以看到,每种排序状态和按钮的形式是一一对应,客户一看按钮形式就能明白现在处于什么排序状态
两点小结:1 列表页排序方式,一定是利于客户选择产品;2 一定要用某种形式提醒客户,他现在正处在什么排序状态。
另外,大家再看看当当的列表排序按钮,同样也体现了上面两点。
图片5 当当图书的列表页排序按钮
1 排序方式:销量和评分都是高到低单向排序,其他是双向排序
2 用绿色标示出现在所处的排序状态
以上是本人对这次按钮修改的一点心得,欢迎大家多发言多指教。另外,本人正在参与网站改版,更多干货会在年后放出,敬请期待。同时也欢迎其他有改版经验的派友分享自己的体会,多交流,多提高。
上一篇:京东越来越大,对消费者的尊重也越来越少! 下一篇:谈谈当当与京东的用户体验
-
【转】设计用户体验,能
用户体验设计师能够影响用户的感
- 在京东网购容易出现售后问
- 苹果,奸商
- 社交网络应故意设计得“不
- 白鸦:对“消费分享社区”的
- 酒仙网找茬:我也来吐槽
- 都是淘宝惹的祸?有木有?
- 电商如何提高网站的用户体
-
用户体验,我们在路
昨天老邢让我做咱们paidai的用户体验斑竹,不胜惶...
- 用户体验,我们在路上
- 改版与老用户
- 8月28日,淘宝推出Safari版本淘宝
- 推荐一个很强大的真人试穿的内衣
- 如果让你来面试电子商务网站的UE
- 如何安全收货的思考
- 最新消息 Google发布Chrome浏览
- 今天早上淘宝首页出现严重问题