干货：浅析7类数据表格的筛选设计.docVIP

干货：浅析7类数据表格的筛选设计 　　最近一直在做To B的产品，对于To B类的产品，最多出现的就是表格，表格通常都会含有很多的数据项，不方便查看，这就需要增加一些筛选条件，方便用户查找，下面就讨论一下这个筛选条件的设计。 　　 　　1、以搜索的形式进行筛选 　　 　　输入框可以输入用户关心的内容，下面可以做到实时筛选，也可以触发点击。但是必须支持模糊查询，否则用户必须记住所有内容，才能查出要找的内容项，这样的记忆成本太高了。 　　好处：只要被打了标签的内容，都可以通过这种方式筛选。可以输入多个条件，同时筛选，取并集或取交集。 　　坏处：必须告知用户哪些内容可以输入，像实例中这个例子，用户并不知道可以输入什么，造成不能很好的筛选，可能出现很多不相关的内容，像你输的是id号，但是手机号相似的也被列出来了。 　　2、标签加搜索 　　 　　先选择要筛选的种类，然后输入内容。 　　好处：筛选的内容准确性更高。 　　坏处：每次只能对单一条件进行筛选。 　　3、搜索加高级选项 　　 　　点击更多，可以下拉出更多筛选条件，供用户选择。 　　好处：只是一个搜索框，可以满意大部分用户的需求，如果高级用户有更高的要求，可以在更多里得到满足，减少了更多条件对用户的干扰。 　　坏处：放在更多里面的条件必须是不常用的，否则就会增加用户的操作成本。 　　4、tab的形式切换 　　 　　将结果进行了分类，放在不同的tab下，通常有一定的时间顺序，并且没有交集的内容，通常用作不同状态的表格筛选。 　　好处：根据tab，可以很清楚知道划分，切换tab就可以筛选内容。 　　坏处：tab的分类必须覆盖所有情况，并且保证每一项没有交集，tab分类不能过多，9个已经是最大。 　　5、list筛选 　　 　　一项比较重要，作为默认显示，其他内容，相对重要级要低很多。 　　好处：将重要筛选进行默认，不重要进行隐藏，降低干扰。比tab占的空间小，可以放置更多筛选项。 　　坏处：用户不可感知哪些可以筛选，需要点击。 　　6、全部显示筛选 　　 　　通过对内容点击，就可以进行筛选，输入项相对很少。 　　好处：用户只需要点击就可以筛选，操作成本低。内容都显示，用户很清楚哪些内容可以筛选。 　　坏处：占用空间大，如果筛选项过多，会对用户造成干扰。 　　7、带标签多项筛选 　　 　　 　　这种方式通常对于复杂的内容进行筛选。鼠标点击，先选择标签，输入内容，然后继续选择标签，输入内容。 　　好处：使搜索内容更加精确，多项内容同时筛选。 　　坏处：操作复杂，如果用户只筛选一项或两项，增加了很大的操作成本。 　　结语 　　以上是对表格筛选的探讨，每一种形式都有其优缺点，这就要求我们在设计的时候，要根据用户的使用习惯去设计，要符合情景。