B端业务中，因其庞大的数据容量，需要有一定的形式对复杂的数据承载展现，那么一定就无法逃脱表格。表格大体上分三部分，即外部功能区，内部内容区，底部分页区；今天就着重探讨一下表格的外部功能区设计以及其强大的数据展示与搜索功能。

表格功能区组成

表格功能区是由标题、筛选、搜索、视图、新建等操作组成，而其中搜索和筛选正是体现表格三大功能之一的数据过滤功能。

筛选区可以看作表格的导航，由搜索和条件筛选两部分组成。搜索又分为单属性搜索、切换属性搜索（切换属性一般在搜索框前面做下拉选择）、多属性模糊搜索、多属性组合搜索；条件筛选包含了下拉选择器、单/复选框、日期选择器、标签切换等控件。

筛选器主要是针对内容较少的字段进行查找的一种方式， 通过筛选器的选择可以快速定位所需的数据，取消用户输入的过程，提升查找效率。

筛选区域的设计形式

录入展示式：可以兼容多种数据格式（数字、文本、标签、布尔值、枚举值等），包含了日期选择、标签切换、单/复选框选择等多个UI控件。

优点：筛选条件平铺展示，便于用户进行快速地筛选选择。

缺点：筛选项隐藏较深，难以知道备选项有什么；当筛选过多时，信息量过于冗杂繁多。

录入收折叠式：它是录入展开式的一种变形，高频筛选字段外露，低频筛选隐藏。

优点：高频筛条件可优先快速筛选、一定程度上减少用户的认知负荷，同时占用空间较小。

缺点：平台通用性较差，当高频筛选项过多时，页面同样会出现信息冗杂、空间占比大等问题。

矩阵式：矩阵式也称为平铺式，顾名思义就是将所有筛选项罗列出来平铺在页面上。

优点：用户能直接看到选项内容，方便用户识别选项，且提高了用户筛选的效率（节省了筛选操作）。

缺点：占据页面空间较大，此类型一般配合“勾选即执行”使用，因此在执行筛选的过程（动画或加载时长）可能分散用户精力。

如何合理的使用筛选项

在做筛选区的设计的时候，我们的产品经理往往喜欢按照业务逻辑去做梳理，将所有筛选都全部排上去，认为符合业务逻辑的变是对的。但是他们往往忽视了在实际使用场景的用户的使用习惯与形态，什么是高频的，什么又是很少去操作的，这一块往往很难被重点对待。因此我们在做筛选区的功能设计时候，应该是以用户目标为导向，以用户目标高于业务逻辑的方向出发。

在做筛选区设计的时候，我们需要考虑几个个关键问题：用户场景、目标有哪些？查询路径是什么？哪些检索频次高？依据从何而来呢？

当数据内容需要的筛选类目过多时，如何合理的摆放，才能提高用户的使用效率。

• 信息排序：基于用户使用场景，以目标导向为依据，将高频的筛选项排列到前面，低频的筛选项置于后面
• 
  
• 默认折叠低频筛选项：当筛选项过多时，会极大的占用界面空间，使用户在阅读数据时产生非常不好的用户体验，通过展示高频筛选项、隐藏低频筛选项，将更好的提升用户体验。
• 
  
• 所有筛选项都很低频：以点击高级筛选按钮的形式触发，将全部筛选项置于气泡或者弹窗之中。

Powered by Froala Editor