发布时间：2022-5-5 分类： 电商动态
在后台产品设计中，数据列表页面是一个非常常见的页面。本文将讨论如何设计此类页面，以便您可以避免可能存在的坑！
在后台产品设计中，数据列表页面是一个非常常见的页面，它负责显示数据并提供搜索查询功能供用户查询数据。在大量数据的情况下，如何让用户快速找到他们想要的数据是设计数据列表页面的重要原则。
数据列表页面通常可以分为两部分：搜索查询区域和数据列表区域。搜索查询区域允许用户通过提供一些查询条件来快速找到他们想要的数据;数据列表区域负责显示数据。此页面的常见布局如下所示：
在下文中，将详细描述“搜索查询区域”和“数据列表区域”部分。
搜索查询区域
搜索查询区域包括用于查询的各种字段，用于帮助用户快速查找所需的数据。
如何确定要在搜索查询区域中放入哪些字段？ （什么）
您可以分两步完成此操作：
1，第一步，首先将候选者放在搜索查询区域中。因为我们想要搜索数据，所以我们需要使用数据的属性，因此新数据中涉及的所有字段都会在此步骤中列为候选字段;
2.第二步是过滤和过滤这些候选场。由于可能存在大量数据字段，如果列出所有字段进行查询，不仅占用空间，而且不方便用户使用，这会降低运行效率。那你如何过滤和过滤？有几个原则：
选择唯一标识数据的字段，以便用户快速找到所需的数据;例如数据的ID，电子邮件帐户;
选择用户可以轻松记住内容的字段。在数据id很长的情况下，用户更倾向于使用他能记住的内容;如产品名称为“Apple SE手机”，产品ID为“7438935293845”;相比之下，用户可以更记得产品名称。
应该注意的是，这与第一个不冲突，而是应用于不同的场景。第一个适用于精确定位数据;第二个适用于模糊查询。
选择用户更重要的数据属性字段。由于用户更加关注数据的某些字段属性，因此在数据变得更多之后，他们需要根据这些字段查询数据。这需要在早期阶段与后端用户进行通信，然后将这些字段放入搜索查询区域。例如，后台用户将查询某个类别下的数据，然后您需要添加“类别”。字段到搜索查询区域。
使用尽可能多的过滤字段来提供选项。手动输入的过滤器字段可以适当使用，但不能太多，否则没有意义。
如何在搜索查询区域中添加字段？ （如何）
在上一步中，我们将字段放入搜索查询区域。接下来，我们将讨论将字段放入搜索查询区域时的一些注意事项。
1.搜索字段的设计
搜索字段可以灵活方便地查询数据。通常，搜索字段至少应支持搜索数据id和数据名称;如果它可以支持更多字段的搜索，那就更好了。最好的情况是所有字段都受支持，因此您只需要这一个搜索字段，但这需要强大的搜索技术支持，并且需要评估成本和收益。
建议同时支持多个数据ID和数据名称（除以某个符号）进行查询;它可以通过一半的努力来提高用户效率。
2.设计提供选项的筛选领域
将这些字段放在搜索查询区域中时，请确保提供与新数据中的字段相同的选项，以确保查询的准确性。例如：例如，当新创建产品数据时，“适合年龄”选项为“0-3岁”，“4-8岁”，“9-16岁”，“17岁“及以上”;然后当使用此字段作为搜索查询项时，还将选项设置为“0-3岁>”，“4-8岁>”，“9-16岁”，“ldquo;&ndquo;&ndquo; 17岁及以上“rdquo;唯一的区别是，当您搜索查询项时，还需要添加< ;; All”选项作为默认值，因为默认情况下，显示的数据是所有年龄段的数据。
3.时间筛选领域的设计
时间过滤字段通常是特定时间段的查询，具有开始时间和结束时间。
时间过滤器字段的时间选择维度大于或等于创建新数据时记录的时间维度。例如，如果时间记录在新创建数据时精确到秒，则时间过滤字段可以精确到秒，或者可以累积到大尺寸，例如分钟和小时;但相反：如果记录精确到新创建数据的时间，但时间过滤器如果字段精确到分钟或秒，则数据查询将不准确。
考虑如何在执行时间过滤时默认处理开始和结束时间。您只需提醒用户缺少开始时间或结束时间，以便用户可以完成它。但是，我们有另一个更好的解决方案：当默认开始时间时，默认是第一次;当结束时间默认时，默认为最晚时间。这可以进一步提高用户的操作效率。
您可以提取用户经常使用的时间段作为选项，例如“今天”，“过去三天”，“上周”，“上个月”，用户点击快速设置时间段，方便。例如，当微信公众平台观看“用户分析”时， “添加用户”，支持此模式，如下所示。
4.隐藏的搜索查询字段设计
虽然我们最初过滤了搜索查询区域中的字段，但我们并未排除数据中涉及的字段太多，并且过滤后仍有许多字段。在这里，我们可以再次划分这些字段：在搜索查询区域中显示那些重要的，以用户为中心的字段，并隐藏搜索查询中那些不太重要，偶尔有趣的字段。区域并保持入口开关。这不仅会使页面看起来臃肿，还会支持一些特殊的搜索查询要求。例如：京东在“我的订单”页面上提供了一些简单的查询条件。如果用户想进一步查询，可以点击“&ndquo; Advanced”查询订单类型。
一些提示（
1.如果用户每次使用更多搜索查询字段并使用相同字段，则可以考虑添加一个函数来保存搜索查询条件，并将这些字段打包为快捷键。可以基于这些搜索查询字段快速查询密钥。
2.如果查询的条件每次都不同，并且每次使用搜索查询字段时，可以考虑添加批量清除功能，单击以快速将所选字段恢复到原始状态。例如：淘宝网“ldquo; “待售婴儿”;查询支持“清除条件”，所选搜索查询字段的内容将恢复为默认状态。
3.虽然我们在这里讨论搜索查询区域，但我们也可以在本节中增加“添加数据”的输入。因为在您无法找到符合要求的数据的情况下，您很可能接下来会添加符合条件的数据。新数据的输入位置通常位于查询按钮旁边。例如：“微信公众平台”“材料管理”就是这样一种设计。
数据清单区
数据列表区域用于显示数据的特定信息，其功能是让用户快速查看数据的相关信息。
如何确定要放入数据列表区域的字段？ （什么）
与上面的搜索查询类似，它也可以通过以下两个步骤完成：
1.第一步是首先获取数据列表区域中字段的候选者。因为我们正在显示数据的字段属性，所以在此步骤中创建新数据所涉及的所有字段都被列为候选字段;
2.第二步是过滤和过滤这些候选场。由于可能存在大量数据字段，如果列出所有字段进行显示，不仅占用页面空间，而且用户使用不方便，这会降低操作效率。那你如何过滤和过滤？有几个原则：
选择唯一标识数据的字段，允许用户快速区分数据，如数据ID，电子邮件帐户等;
选择用户更重要的数据属性字段。由于数据的字段可能很多，因此用户将更加关注某些字段属性。这需要在早期阶段与后端用户进行通信，然后将这些更重要的字段放入数据列表区域。例如，如果后台用户更加关注数据的分类信息，则需要在数据列表区域中添加“分类”字段。
对于那些用户不感兴趣且未显示在数据列表区域中的字段，您可以通过单击“查看”或“编辑”在“打开”页面中查看这些字段的特定信息。
虽然数据列表区域和搜索查询区域中的字段在某种程度上是相似的，但它们是不同的，您必须仔细了解两者之间的区别：前者更关注单个数据的信息查看;后者更关心所有数据的查询。搜索查询可以具有比数据列表区域更多的字段。
如何在数据列表区域中放置字段？ （如何）
在数据列表区域中放置字段时需要考虑几个因素。
1.用户关注需要放置在数据列表区域中的每个字段。在早期阶段，您需要与用户沟通关于领域的注意力，然后根据从高到低的关注程度进行安排。把球场高度注意到前方。
2，如果用户需要在数据列表中显示太多字段，则页面无法全部显示，可以像Excel表格一样“冻结拆分窗格”，固定显示一些重要的字段列，其他字段列可以通过左边和右键拖动鼠标进行查看。
3.在大量字段列的情况下，每列的宽度可能很小，因此某些内容的某些字段值无法完全显示。如果您想通过“查看”查看新页面，请执行以下操作：操作，它太麻烦了。如何应对这种情况？在这里，我们可以设计它以显示如果内容超出字段的宽度，那么多余的将显示为“…”鼠标悬停将显示所有内容。例如：淘宝的产品名称使用此设计。
4.由于数据越来越多，所有数据都无法在一个页面上显示，这需要分页设计。设计页面时需要考虑两件事：
每页显示的数据量。通常，每个页面上显示的数据最好显示在一个屏幕上，因此用户无需下拉即可查看。如果有特殊需要，每页显示的数据不能显示在一个屏幕上。如果需要下拉显示，则需要考虑冻结标题（表格的第一行，显示每列的字段值的名称），以便用户下拉。您还可以了解每个值的含义。更灵活的是，用户可以自定义每页显示的数据量，这可以根据特定的业务需求来确定。
页面选择和跳转。每个人都应该熟悉这一点。通过分页，您需要提供允许用户跳转到不同页码的功能。这里提供了一个小技巧：如果每页显示更多数据，请考虑提供页码选择并跳转页眉和页脚，这样可以提高工作效率。
在页码部分，至少显示当前页面的信息（当前页面正在打开），页码总数和总数据量（共享多少数据）。
5，排序功能。
如果用户需要按特定顺序排列字段的值，则可以为该字段列提供排序功能。应该注意的是，这种场的价值必须是可比较的，例如大小，早晚等。同时，我们需要提供三种排序方法：正向，反向和默认。
数据列表页面中的数据需要具有默认排序规则。这需要预先与用户清楚地通信，例如，按照创建时间的相反顺序，以更新时间的相反顺序，通过从大到小的字段值的顺序。
6，批量处理。
有时我们需要批量处理数据列表中的多个数据。在批处理之前，我们需要选择这些数据。这要求支持选择每行数据，并且所有选择按钮也可用。
应该注意的是，当前页面的所有数据都被选中，而其他页面的数据不能全部在当前页面中。
建议将批处理放置在页眉和页脚两者上，这样可以避免来回滚动并提高工作效率。
例如：QQ邮箱支持单选，所有选择和批处理操作都设置在页眉和页脚。
7.通常，如果要修改数据列表中的字段值，则需要单击“更改”以进入修改页面进行修改。但是，为了提高工作效率，如果字段的值不复杂，您也可以使用该数据。列表页面已修改。简单的操作，例如值的变化。
8，数据的常用操作
“查看”的操作。由于数据列表页面上显示的数据字段有限，因此无法显示所有字段信息，因此需要提供“查看”操作，打开页面查看数据的详细字段信息;注意：此处推荐“新开”页面“rdquo;查看数据，因为它可能涉及数据之间的比较。
“修改”的操作。如果要修改数据的字段信息，除了简单修改数据列表页面外，其他字段需要通过“修改”操作进行修改才能进入修改页面;
“操作日志”操作。操作日志非常重要，虽然不是很引人注目，但我们不能忽视它。因为它是从创建到当前时间的数据的详细记录，所以一旦数据异常，我们就可以通过操作日志快速找到问题。通常，操作日志中的信息越详细越好。
本文最初由@ MI的小铁匠出版。未经许可，禁止复制。
该地图来自unsplash，基于CC0协议
