列表页排序按钮修改的实际案例

　前段时间发了一篇浅谈客户体验的文章，被管理大大设置为“干货”。但是因为是“浅谈”，没有提到详细的案例，很多派友回复表示“不给力”。今天给大家发一个列表页排序按钮修改的实例，有详细的图文介绍。闲话不说，直接上图。（注意：我是用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 用绿色标示出现在所处的排序状态

以上是本人对这次按钮修改的一点心得，欢迎大家多发言多指教。另外，本人正在参与网站改版，更多干货会在年后放出，敬请期待。同时也欢迎其他有改版经验的派友分享自己的体会，多交流，多提高。