在一堆大量的数据中选择出一些符合特定条件的数据
优点:搜索准确率高,所要即所得。
缺点:需要用户自己输入,然后进行查询。需要记忆搜索详细信息。输入框需要有提示输入的内容,方便用户填写,以及确认输入的类别或格式。
适用场景:适用于用户没有清晰的目标,只有模糊的概念或关键词时。当结果太多时搜索需要配合筛选固有类一起使用。
优点:搜索范围更固定,效率更高。
缺点:搜索只能针对固定的来源或页面,不是针对全局进行搜索,范围有限。
适用场景:适用于用户的目标明确有明确的来源或页面,在固定的范围进行搜索。
渐进呈现
可操作
结构化
可保存
优点:页面的空间利用率高,使用下拉选择器作为数据选项,节约空间。
缺点:由于下拉选择器的局限性无法观看到所有的筛选字段,需要点击操作点击查看。
适用场景:下拉的筛选适用与筛选精确且条件较多时使用,多个下拉筛选能够更精准匹配想要呈现的数据内容。下拉筛选条件通常不超过8个,当下拉筛选项较多时可将多余的筛选条件收起或让用户自定义展示那些下拉选项。
优点:通过表头的点击,简洁、直观的筛选当前表格列。
缺点:只能筛选当前列的内容,筛选字段比较少,筛选形式比较单一。筛选值展示不够直观,表头筛选也不是所有列都具有筛选功能,所以表头筛选并不是最好的筛选方式
适用场景:表头筛选类似Excel表格的操作,是一种相对高级的交互,适合表格列比较单一内容的筛选。 表头筛选优先级较低,如页面中有下拉筛选则优先满足下拉筛选。
优点:筛选通过Tab点击显示筛选内容,交互步骤少,一个Tab标签代表一个维度,学习成本低。
缺点:Tab标签筛选数量有限制,不超过5个,并且每一个Tab之间要能够互斥或业务上有关联性,如未查验、已查验。同时空间占用多、不够灵活,对用户自定义项支持也较差。
适用场景:Tab标签切换一般用于和时间、状态的流转有关,且没有交集的数据内容。选项值不超过5个。
上下布局水平筛选区
左右布局的垂直侧边筛选区
内嵌的表头筛选区
点击高级筛选会弹出对话框或者抽屉,对话框会承载所有的筛选条件
用户可根据自身使用场景配制出多种筛选条件配置方案
基础筛选+自定义筛选
数据实时更新反馈
手动更新反馈
如果是筛选注册用户邮箱不会重复很独立的信息就不适合用筛选组件去查找,用搜索会更好。
分类需符合大众认知的条件
要求筛选类目的名称要合理、避免晦涩难懂的文案,尽量符合当前业务中的业务名词
高频筛选怎么方便用户操作
筛选项过多怎么设计
筛选和搜索区别