笔者通过调研B端后台系统的筛选场景应用，总结归纳了几种基础筛选、高级筛选及组合筛选的场景，基于此对自身产品的筛选场景应用进行分析、归纳最终输出优化设计方案，希望对你有所启发。

一、筛选场景介绍

在B端后台系统设计中，列表筛选的场景应用最为常见，筛选的作用一方面是为了帮助用户从众多信息中快速提取、定位，以提高效率为基准；另一方面是为了科学的概括列表所具备的功能，提供用户以相同特征的分类信息。

近期在研究B端产品领域后台系统的列表筛选场景设计，故希望通过此次设计分析，从产品易操作性角度展开设计优化实践，从而达到提升用产品满意度的目的。

二、筛选场景类型

筛选是将一类数据展示，同时一类数据隐藏。

常见的筛选形式有：分类筛选、关键字筛选（搜索）、条件筛选、组合筛选等。大体可分为基础筛选、高级筛选通常是多个筛选条件的多维度组合，其实有别于单一的搜索和导航。

三、竞品分析调研 1. 筛选的组成

图（1）

举例：腾讯云

图（2）腾讯云负载均衡实例

场景：适用于简单的查询搜索场景，用户快捷筛选，蕴含的逻辑是“且”

优点：搜索操作自如

缺点：不太适合复杂筛选场景

2. 高级筛选

图（3）

筛选关系：有并级“且”、交级“或”的关联关系

场景：满足更多用户场景，为用户提供多字段、多层筛选关系、多个操作

3. 组合筛选

（1）平铺型

平铺就是将所有筛选条件全部列出，B端产品场景应用较少，在C端产品中较为常见，便于用户直接获取选项内容，减少操作步骤等。

举例：在线购物类平台

图（4）京东在线购物商城

图（5）当当在线购物商城

图（6）腾讯云告警策略

应用场景：用户搜索结果数据量大，搜索结果不能满足用户预期，需要通过筛选对数据进行再次过滤，达到满足精准结果的目的

优点：引导用户快速理解筛选项目，帮助用户快速定位结果

缺点：控件占据页面空间较大，需要占据大面积展示平铺效果

通常为避免筛选项太多，会提供展开、收起操作，对应每个筛选条件进行收折

（2）收折型

举例：阿里云、腾讯云

图（7）阿里云云服务实例

图（8）腾讯云数据迁移

场景：在B端产品中，下拉框展开（高级筛选）对于用户而言认知成本较低，操作性强，较为简单

优点：常用使用频率较高的选项可优先快速筛选、减少页面占用空间

缺点：信息量大时，页面显示冗杂且占页面比例较大，平台通用性较差

4. 表头筛选型

是一种列表内置筛选形式，类似Excel表格的操作。点击表单进行筛选按钮，可以将筛选字段直接带入。

举例：阿里云、华为云、腾讯云等

图（9）阿里云云盘

图（10）来源华为云云监控

图（11）腾讯云数据库实例

优点：通过表头，用户更快捷进入筛选，一般情况下表单左侧数据筛选频次越高

缺点：筛选的图标各平台不一，对于首次使用者来说陌生，影响用户对表头的识别，交互形式需要学习成本

四、产品筛选场景设计优化实践

根据现有平台页面梳理，梳理出涉及筛选场景的页面，这里通过举一个典型场景分析和优化。（由于实际页面涉密，所以打马了）

图（12）模块原页面

之一步拆解：