编辑导语：企业级中后台产品通常大量使用表格来展示结构化的数据，对表格数据进行检索，是一个常用功能；所以，一个体验感良好的数据检索功能是非常重要的，本文作者详细分析了关于表格数据检索，我们一起来学习一下。

在日常设计工作中，我们经常不加思考便产出一个个带有表格数据检索功能的页面；然而，体验良好的表格数据检索功能，需要充分考虑用户的需求和具体的场景，选择合适的数据检索方式及数据检索模式。

关于表格数据检索，我将分两个维度进行探讨：

• 一个是较细粒度的方面，围绕搜索、筛选、排序这三种「数据检索方式」展开；
• 在另一个维度，将围绕表格数据检索这个功能进行，来探讨一些常见的「数据检索模式」。

整体的大纲概览如下：

本节主要着眼点在于表格数据检索功能较细粒度的方面，主要是围绕搜索、筛选、排序这三种「数据检索方式」来探讨一些基础问题点，知“人”善用，就要从基础开始。

一、搜索、筛选和排序

搜索、筛选和排序，是不同粒度的数据检索方式，从用户的角度出发，分别对应不同程度的用户目标：

• 搜索：当用户有相对明确的检索目标时，搜索可以帮助用户快速而准确的定位到目标数据。
• 筛选：当用户的目标相对比较模糊，游离于一个大概的范围时，筛选可以帮助用户缩小数据范围，逐步找到想要的内容；或者当用户的目标就是查看某一范围的数据时，筛选将是一种十分快捷的方式。对于企业级中后台产品，筛选的使用场景通常是后一种。
• 排序：通过排序，用户能够将数据按照一定的规律进行排列，以满足特定的数据检索需求。

从数据的角度来看，搜索、筛选和排序，也并不是任何数据都适合任何一种检索方式：

• 搜索：适于进行搜索的数据，通常是多且杂乱无规律，对于企业级中后台产品来说，适于搜索的数据通常是具有唯一性的。
• 筛选：适于进行筛选的数据，通常是一些重复字段，或者是具有清晰的分类，并且一定是可枚举的。
• 排序：能够进行排序的数据，通常是具有数值大小规律，或者有日期远近规律的。按首字母排序时要慎重衡量使用的意义及效率。

二、关于搜索的一些基础问题

1. 精确搜索和模糊搜索

精确搜索：单属性搜索，且需保证搜索关键字的完整性，如果不完整则搜不到包含此关键字的数据；精确搜索能够快速精准定位，无需二次查找，通常用于有明确搜索目标，且已知信息完整的场景。

模糊搜索：即搜索结果可能是不精确的，需要通过二次查找定位到目标数据，这通常有两种情况：

• 由于已知信息不充足，输入的搜索关键字不完整，导致搜索结果不精确；
• 由于搜索目标相对不明确，输入的搜索关键字的属性不确定，导致搜索结果不精确；通常为了保证易用性，大多不要求输入完整的关键字。

2. 单关键字搜索和多关键字搜索

单关键字搜索：即一次搜索的目标为一条数据，例如搜索编号为“1”的数据。搜索通常默认为单关键字搜索。

多关键字搜索：即一次搜索的目标为多条数据，例如搜索编号为“1”和“2”的数据；多关键字搜索会增加输入操作的复杂度，如果在实际业务场景中确实需要，应给出明确易懂的操作提示。

3. 搜索触发方式

搜索按钮：在用户输入搜索关键词后，需点击搜索按钮来获取搜索结果；对于依赖鼠标的用户来说，通过搜索按钮来触发搜索更符合预期，操作流更明确。

回车：在用户输入搜索关键词后，需按回车键来获取搜索结果；对于熟悉键盘操作的用户来说 ，点按回车进行搜索十分方便。

即时：在用户输入搜索关键词的同时，实时预测用户输入的内容，并动态给出搜索结果；优势在于每次输入无须通过额外动作触发搜索，搜索结果会自动、实时的更新，平均每次搜索可节省2-5秒钟，使搜索结果更早呈现给用户；需要斟酌的问题在于，在搜索过程中会出现大量无用信息，对于目标明确的用户反而是一种干扰。

对于企业级中后台产品而言，用户通常是目标导向且效率至上的，建议同时使用搜索按钮和回车触发搜索的方式，以满足不同操作习惯的用户。

4. 理解用户的搜索意图

关键字联想：：通过关键字联想来自动补全或匹配预设值，能够帮助用户降低输入负荷，提升填写效率，同时也能为搜索目标不明确的用户提供适当帮助。

搜索历史：如果有重复搜索的场景，则通过记录用户由近及远的搜索关键词，能够提高用户在重复搜索过程中的效率。

其他：诸如分词、自动纠错、同义词扩展、拼音转文字、繁体转简体等；对于搜索需求相对比较简单的管理平台类产品来说，通常不需要过度投入。

三、关于筛选的一些基础问题

1. 下拉菜单式和平铺式

下拉菜单式：如果筛选项的属性值比较多，且用户的筛选目标比较明确时，使用带搜索功能的下拉菜单将十分便捷，下拉菜单的方式相对于平铺式更节省页面空间。

平铺式：平铺方式使筛选项的属性值直接暴露，更直观，操作也更简单；尤其当用户的筛选目标不明确，需要多次切换属性值时，平铺方式将提高易用性。

但使用平铺方式时的筛选项，属性值不宜过多，否则将失去直观与便捷的优势。

2. 单选和多选

筛选可以是单选也可以是多选，具体视业务需求而定。

对于单选和多选，应有所示能，让用户能够明确感知得到这是单选还是多选，尤其对于单选与多选同时存在的场景。

• 可以通过视觉进行区分，如使用复选框或对勾来标识多选状态；
• 对于下拉菜单式的筛选，可以通过交互进行区分；如单选时，在选中某一属性值后，下拉菜单会自动收起，而多选时则不会自动收起。

3. 筛选触发方式

筛选按钮：在组合筛选或多选时，用户目标比较明确，希望一次性筛选出目标数据；应考虑使用确定按钮来触发筛选，以避免无意义的频繁刷新。

即时：如果用户的目标不是十分明确，需要逐步进行筛选，或者用户每次仅对一个筛选项进行操作时；使用选定某一属性值后即时触发筛选的方式，效率更高

四、关于排序的一些基础问题

1. 表头/非表头排序

对于有表头的表格数据进行排序时，通常使用表头排序，但表头排序项仅限于当前表格中的内容。

对无表头的内容进行排序时，可设置单独的排序项，这些排序项可以是当前表格中所没有的内容。

2. 热区范围

表格排序通常使用箭头型图标来指示升序、降序这两个相反的顺序，我们通常会遇到的问题是热区范围比较小，难以点击。

• 如果表头区域高度有限，建议将整个表头作为点击区域，按照升序-降序-取消排序进行响应，两次轻松的随意点击胜过一次费力的精准点击；同时可配合文字提示工具为每一次的排序操作作出提示。但需留意，应将用户大多场景下的排序预期作为第一响应值。
• 如果表头区域高度比较充足，可将表头分为上下两个热区，分别对应升序-取消升序和降序-取消降序；这样可在保证点击命中率的同时，减少操作次数。

3. 明确标识排序项

对于被激活的排序项，应当有明确的标示，使用户清晰感知到当前数据所呈现的规律。

对于表格，排序的列和不排序的列应有所区分，以加深用户的感知。

4. 回到初始排序

表格通常会预判一个可能的需求，作为默认排序。

用户按照自己的意愿将数据重新排序后，应为用户提供回到初始排序的方式，可能是一个重置/取消排序的按钮，或者初始时，就有一个高亮的排序项。

五、小结

一个体验良好的表格数据检索功能，来源于对搜索、筛选、排序这三种数据检索方式的细节把握。

在实际应用时，可通过对需求的分析，选择合适的数据检索方式；或者将他们进行灵活组合，形成功能完善的数据检索模式。

本文由@三多的设计笔记 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议