一、描述，是什么

筛选常被认为和搜索是同一个数据逻辑。
但是从用户的角度来说，当想要找的内容清晰具体到某一类，某一细节上是，用户一般直接通过搜索框键入关键词的方式搜索。
而当用户游离在模糊的区间时，通常使用到筛选功能多维度寻找来聚焦。通过浏览过滤器（Filter）所提供的信息，逐级选择出想要的内容。

【筛选】实际上就是利用各种条件过滤信息，帮助用户快速定位到所需的信息范围的组合控件工具

二、目标，为什么使用

——减少操作成本，降低耗时，提升操作效率的快速的找到用户需要的东西

快速定位，帮助用户快速过滤数据
缩短时间，缩短用户查询目标信息的用时
满足实际场景，满足工作业务需求

三、痛点，常遇见什么问题
平台海量信息，查找费时费力

四、时机，什么时候使用

五、方案，如何使用

1、筛选类型

（1）基础筛选，一般是且的关系

一般为前期预设好的筛选字段，业务方常用到的，业务属性较强
交互设计时要注意设定好规则：

筛选条件：是指用户可以筛选的类别
筛选项：是指用户可以选择的选项
单选还是多选
已选项：是指用户已经选中的筛选项样式
备选项：是指用户还没有选择的筛选项样式

（2）高级筛选，一般含有运算符/包含条件关系

支持更多筛选对象，如：日期/数字/文件字段/需求分类/缺陷分类/迭代等。
支持更多筛选条件，如：等于/不等于/包含/不包含/有值/无值等。
支持选择取多个筛选条件的交集/并集/补集。

2、筛选的设计思考

筛选部分的设计应把重点放在筛选类目逻辑关系的梳理上。
在这一前提下匹配相应的筛选控件，深入思考以下三点：

（1）筛选类目和筛选值的设定是否符合用户预期

合理的分类
具有预测性
避免晦涩难懂的文案
突出优先级
界定筛选值的边界

（2）控件的选择是否合理

常见的控件：时间选择器、下拉列表、多选框、单选框、标签、开关、滑动输入条、步进控件等。
设计师依据筛选类别和筛选值的属性，将用户需求与筛选控件进行匹配。

（3）筛选值范围和取值来源

筛选值来源，系统内部写死的/系统配置/信息自定义的
可选范围，哪些是可以选择的，是否有权限禁用情况
根据业务场景，是否有前置预设，保存选择等情况

（4）多个筛选项间的联动关系
当筛选项是多维度的时候，需考虑筛选项间的联动关系。
并且在筛选的过程中给予用户及时的反馈。
包含关系
递进关系
并列关系
互斥关系

3、筛选的形式

（1）筛选交互类型

-动态筛选器

动态筛选器，是当用户选中了一个条件后，筛选器中所对应的筛选项消失，选中值展示在面包屑导航区域，并且筛选器中的其他筛选值根据已选项联动更新。

动态筛选器示例——淘宝

应用场景
动态筛选器在电商中应用广泛，如淘宝、天猫、京东、苏宁易购等主流电商，均采用的是动态筛选器。由于电商商品类目较多，且不同类目对应的筛选项也会不同，如，选择了”品牌“，与该品牌相关的选项会级联更新。为避免筛选项目过长，并为用户提供足够多的筛选选项和精确的结果，动态筛选器会更加合适。
优点
1）在选择的过程中，已选项会影响其余选项是否存在。因此，无交集的选项不会同时出现，可保证用户在筛选的过程中一定会有筛选结果。
2）筛选器中的选项会根据已选择的结果进行更新，筛选器的高度不会过长。
缺点
1）筛选器高度会在每次筛选结果后刷新变化，导致页面会出现跳动，且筛选项愈来愈少，需要用户不断适应。

2）如果需要调整选项，必须先取消已选选项，等页面刷新出其他选项后，才可重新选择。一旦用户需要频繁调整选项，体验的流畅度和满意度会降低。

-固定筛选器

固定筛选器，即筛选器的选项是固定的，各个筛选项之间是相互独立的。

固定筛选器示例——自如
应用场景
固定筛选器适用于分类比较明确，且筛选条件不超过10个的情况下。
优点

筛选切换方便，已选选项不会影响其他选项，因此在选择过程中页面会保持稳定。

选项固定页面文档——美团
缺点
1. 筛选项较多的情况下，筛选器的高度会较长。若做隐藏等处理，若用户不注意，可能会忽略掉部分筛选项。

隐藏部分筛选内容示例——文都网校
2. 由于各个选择之间是相互独立的，最后结果是各个选项的交集，会出现交集为空的情况，因此会有筛选结果无值的情况。当筛选条件越多，筛不到结果的情况就会越多，会给用户带来一定的挫败感。

筛选无结果(自如网)