03交互学堂课程1034-专题设计排序sorting

1、讲一个复杂列表页的另外一个重要功能 排序筛选是为了解决”是否达到某个条件“的问题，是定性，是有无；排序是看 ”达到某一个条件的强弱程度“ 的问题，是定量，是好坏。筛选是为了找到，排序是为了比较，从用户的意愿上来看，排序比筛选的需求意愿更强举个小例子有么有灯泡？ 搜索有没有 型号的灯泡？ 筛选型号的灯泡？ 比较价格，可能去过不止一家店，也有可能上过淘宝以上理论纯属老* 的个人揣测，到现在为止没有经过验证，老* 以后的工作中就是要把自己的各种想法来验证一遍，这就是作为一个交互设计师的职业追求。近期验证了一个问题 “仅仅对页面视觉优化，做的高大上一点，会不会转化率”，扯得有点远，回来，周末的 ? 课

2、程上来给大家讲解验证结论，一一把泪验证出来的，怎么能轻易告诉，哼，先卖个关子，哈哈。具体来说 YUXZOTM 吧有什么用？很多信息排成个列表，怎么排？总得有个规则吧，一般都有一种默认的排序方式，搜索通常是按照相关性（会有一个比较复杂的模型来计算）来排的，有的是按照信息的产生时间，比如新的话题在上边，贴吧就是这样，来往扎堆也是这样。但是，如果用户对一种排序特别在意，比如说价格，希望能找到价格最低的，这个时候希望整个信息能够按照价格的顺序来排列，这个时候就要用排序（YUXZOTM）了。sorting 的逻辑是同一时间只能选择一种，是互斥的，不像筛选可以多选，符合这个要求的控件有 Radiobutt

3、on、Tab、下拉菜单等等-知道前边的控件课程是为了干啥的了吧。为什么不用Radiobutton 呢？因为太丑了，哈哈。同时也是因为Radiobutton 过于明显，但是在这里排序不应该是页面的视觉焦点。解决了功能必要性的问题，那么常见的几种设计形式是什么样的呢：一般有两种，一种是下拉选择框，一种是选项卡形式，这两种的区别以及设计要注意的点是什么呢？先来说下拉选择框吧，下图的这个样子， 把所有选项都做成下拉选项， 好处就是占地面积小，坏处就是不太引人注意，设计的时候需要把所有可能的状态完全罗列出来。那么，选项卡形式呢？如下图，就是把所有的排序项都直接出来，好处就是直观，坏处就是占地方。选项卡形

4、式交互上要注意的地方 是 一定要有一个默认排序的，作为功能上的reset，可以回到初始状态，上图中可以看到，第一个下边的一般都是综合排序，主要排序是相关性，有时候也为了兼顾公平性，当你选择了人气排行之后一定要可以返回到综合排序，切记。还有就是当前选中的排序规则需要能够明确的展示出来，让用户清晰的感知到，做到这个一是在排序区域要有明确的反馈，二是在列表区域排序因子比较明显，比如按照销量排序，那么在列表中的 item 就得有明显的销量信息如图 3 中的x已售。这个其实就是设计原则中的操作反馈原则。有的排序因子还是二元的，就比如价格排序可以从高到低也可以从低到高。但是有的因子就只有一个顺序就够了，比如销量，因为没人关注销量最少的有什么用。那种更好一些呢？国外的常用下来菜单样式的，国内的则相反，本来以为国外用户大多下拉菜单才导致也这么做的，不过等我亲自问了公司几个老