在后台产品设计中，数据列表页是非常常见的页面。本文将讨论如何对这类页面进行设计，让你避免其中可能存在的坑!

　　在后台产品设计中，数据列表页是非常常见的一个页面，该页面负责展示数据，并提供搜索查询功能来供用户查询数据。在数据非常多的情况下，如何让用户快速地找到自己想要的数据，成为设计数据列表页的一个重要原则。

　　数据列表页通常可以分为两部分：搜索查询区域、数据列表区域。搜索查询区域通过提供一些查询条件来让用户快速找到自己想要的数据;数据列表区域则负责展示数据的信息。该页面的常见布局如下图所示：

　　下面，将对“搜索查询区域”、“数据列表区域”这两部分进行详细说明。

　　搜索查询区域

　　搜索查询区域包括各种供查询的字段，其作用是帮助用户快速找到所需的数据。

　　如何确定把哪些字段放到搜索查询区域? (what)

　　可以按照以下两步来进行：

　　1、第一步，首先要获取放到搜索查询区域字段的候选项。因为我们是要对数据进行搜索查询，要用到数据的属性，因此在这一步将新建数据时涉及的字段全部列为候选项;

　　2、第二步，对这些字段候选项进行筛选过滤。因为数据的字段可能会有很多，如果把所有的字段都列出来供查询，不但占用空间，而且用户使用起来也不太方便，会降低操作效率。那么如何进行筛选过滤呢?有以下几个原则：

　　选择可唯一确定数据的字段，这样可以让用户快速定位到自己想要的数据;如数据的id、邮箱账号;

　　选择用户可方便记忆内容的字段，在数据的id比较长的情况下，用户更倾向于使用自己能记住的内容;如一个商品名称为“苹果SE手机”、商品ID为“7438935293845”，相比较来说，用户更加能记住商品名称。

　　需要注意的是，这个跟第一条并不冲突，而是应用于不同的场景，第一条适用于精确定位数据;第二条适用于模糊查询。

　　选择用户比较重视的数据属性字段。因为用户会对数据的某些字段属性比较重视，数据变多之后就需要根据这些字段来查询数据。这就需要在前期跟后台用户沟通好，然后将这些字段放到搜索查询区域。比方说，后台用户会查询某种分类下的数据情况，那么就需要在搜索查询区域将“分类”字段加上。

　　尽量多使用提供选项的筛选字段。手动输入的筛选字段可以适当使用，但是不要过多，否则没有意义。

　　如何把字段放到搜索查询区域?(how)

　　在上一步，我们获得了要把哪些字段放到搜索查询区域。接下来，我们就要讨论在将字段放到搜索查询区域时的一些注意事项。

　　1、搜索字段的设计

　　搜索字段可以灵活方便的对数据进行查询，一般来说搜索字段至少要支持对数据id和数据名称的搜索;如果能支持更多字段的搜索则更好。最好的情况是各种字段都支持，那么只需要这一个搜索字段就行了，不过这需要强大的搜索技术支持，需要评估成本和收益。

　　建议支持同时输入多个数据id、数据名称(以某种符号分割)进行查询;可以事半功倍提升用户效率。

　　2、提供选项的筛选字段的设计

　　将这些字段放到搜索查询区域时，要保证提供的选项要和新建数据时该字段的选项一致，这样才能保证查询的准确性。举例：比如说一个商品数据在新建时，“适合年龄”选项为“0-3岁”、“4-8岁”、“9-16岁”、“17岁及以上”;那么在将此字段作为搜索查询项时，也要将选项设置为“0-3岁”、“4-8岁”、“9-16岁”、“17岁及以上”。唯一的不同，在于作为搜索查询项时，还要增加一个“全部”选项，作为默认选择，因为在默认情况下，展示的数据是全部年龄段的数据。

　　3、时间筛选字段的设计

　　时间筛选字段一般是对某个时间段的查询，要有开始时间和结束时间。

　　时间筛选字段的时间选择维度要大于等于新建数据时记录的时间维度。举例：比如说新建数据时时间记录精确到了秒，那么时间筛选字段可以精确到秒，也可以上卷到分钟、小时等大维度;但是反过来：如果新建数据时记录精确到了小时，但是时间筛选字段精确到了分钟或者秒，就会造成数据查询不准确。