网页电商筛选设计 第1篇
需求背景：客户需要同时满足根据名称和编号关键词搜索筛选、状态类型筛选、责任人/责任部门筛选、类型和时间区间筛选。也就是说客户想要将表格中所有的表头字段作为筛选条件。
设计要点：由于这里包含多种筛选类型，名称和编号是关键词筛选，发布状态和、责任人、责任部门、类型是选项筛选，发布日期是时间区间筛选。所以我们需要采用组合筛选的模式。
（右侧箭头：组合筛选占据空间较大，可考虑展开和收起筛选组件） 延展思考：这里的筛选条件都来自于表头，并且表头字段一屏能展示完整，我们也可以将表头部分字段筛选直接放在表头中，采用搜索筛选+表头筛选的模式组合。
（注：筛选类型选择需要根据实际业务场景而定，选择适合真实业务场景的，此处只是举例延展）
分类tab筛选在软件中一般是作为系统的全局搜索才会使用到，主要是通过搜索关键词后，分类展示不同类别下带有该关键词的数据信息。等同于全局搜索是一个大的漏筛，通过输入关键词后，将符合该范围内的数据筛选出来，并且分类展示，用户再到每个分类下再次通过其他条件筛选，从而得到自己的目标值。
（此类型案例不适用，另举例说明）
例如：在飞书文档中，通过搜索关键词后，分别展示该关键词在文档、表格、多维表格、思维笔记、文件五大类别中展示结果集，用户通过类别区分，再缩小范围寻找目标值。
筛选条件自定义组合（灵活且占空间小）。高级筛选占用空间比较小，用户可以根据需要自定义筛选条件，不必将所有筛选条件都展示在界面中。使用更灵活，界面更美观。
网页电商筛选设计 第2篇
方案二：条件组合式
通过自定义条件，并且自定义筛选结果值。
此次案例并非真实案例，只是为了方便大家理解每一种筛选类型而列举的简单案例，实际工作需要根据实际需求及业务场景而选择最适合需求的类型。
网页电商筛选设计 第3篇
需求背景：客户A想要快速筛选文件清单中发布状态为“审批中”的数据，希望能够直接看到文件的状态类型，快速选择类型。
为解决状态选项不直观的问题，我选择将状态选项直接平铺展示在外面，这样客户就可以直观的看到所有的选项。并且操作路径变成了：勾选审批中选项➡️搜索，操作路径和操作步骤也得到了优化。 3）表头筛选 将筛选选项内置在表头中（更好地利用页面空间，隐蔽不直观）。当页面空间有限时，可以考虑此方案。另外当表格表头字段数据较多时，需要横向滑动查看数据时，建议还是直接将筛选条件单独放在外面。或者当需要筛选的选项太多时，表头字段都能筛选时，也可以考虑放在表头中。