后台产品PRD系列（1）：如何设计优秀的数据报表？

在后台产品中，数据报表的重要性是毋庸置疑的，但优秀的数据表并不少见，所以本文将讨论如何从基本功能和体验升级两个方面设计优秀的数据报表。 数据报告一直是后台产品的重要组成部分。与复杂的业务处理逻辑相比，它非常简单，我们不愿意花太多时间来审视它。 实际情况如下：PRD开发完成后，开发出现了各种问题。在线功能可以满足业务需求，但总是有点不令人满意。然而，由于各种原因，它将被使用，因此优秀的数据报告的设计并不少见。所以今天我们将讨论如何从基本功能和经验升级两个方面设计一个数据报告，让研发担心，老板满意，开始！ 第一部分：基本功能 这部分主要是数据报表PRD入门产品经理可以将需要包含的基本内容视为CheckList参考。 数据报表通常分为查询条件、数据和操作三部分，因此我们PRD至少要包括这三部分的描述，我更喜欢以表格的形式作为需求描述的显示形式，一目了然，如下: 1. 查询条件 1）字段名 如果没有特殊需要，所有字段在整个系统中都应该保持一致的名称，这是基本原则。例如，手机号码不应该叫联系手机和联系信息。 2）必填 当数据量很大时，考虑到查询性能，可能需要限制一定的查询条件，如年份、批次等。 3）格式 常见的展示形式如下： 文本框 数值 日期：通常使用日期控件，需要说明输入形式(如YYYY-MM-DD） 时间：通常使用时间控件，需要说明输入形式(如HH:MM:SS） 下拉框：是否可多选 单选框 复选框 4）默认值 默认查询最新数据、默认只查询有效数据等常见情况，此时需要对相关查询字段设置默认值。 5)限制输入范围 查询字段的日期和时间格式通常限制输入的最大值和最小值，这与系统保留的最早历史数据和最新数据的实时性有关。涉及时间段的查询条件也可能需要限制可支持的最长时间段。 6）其他说明 用于补充其他说明，如部分下拉框限制最多可选输入项，支持批量粘贴输入项等。 除上述说明外，还可根据业务需要决定是否支持全表模糊搜索（Ctrl F效果)作为常规字段查询条件的补充，不要低估这个小功能，有时会带来意想不到的便利。为了安全起见，需要明确说明是否需要控制数据查询权限，即每个用户进来后看到的数据范围甚至字段都不一样，一般是最小数据集。 2. 数据 1）单位 数值类通常说明该字段统计中使用的单位，如千、万、%等。 2）格式 文本：如果有较长的文本，则需要解释多个可容纳的字符数，超过部分可用…代替 值：保留几个小数字，多余的小数字四舍五入或直接放弃等。此外，在许多情况下，价值空和值为0是完全不同的。不管实际业务如何，直接按0显示空值是业余选手的表现。 日期：明确显示格式，请在全文中使用 时间：显示格式清晰 3）支持筛选 也就是说，该列是否支持筛选，效果与excel常用的自动筛选功能已包含在查询条件中，这里主要考虑一些可用但不常用的查询字段。 4）支持排序 该列是否支持排序，数值类一般需要支持排序，便于找到最大值和最小值，快速定位数据异常等。 记得根据业务需要为您的数据指定默认排序规则！ 3. 操作 对报表而言，基本操作包括导出、查看、编辑、删除(上述查询也是一种基本操作)，这里我只说导出和删除: 导出：当报告字段较多时，建议支持自定义导出，即用户可以选择所需的字段进行导出。当然，系统将制定常用字段作为默认导出字段，以满足大多数人的需求。 删除：需要明确是否支持批量操作、物理删除或逻辑删除，用户是否可以在删除后恢复。 第二部分：体验升级 在这部分，我们将讨论从哪些方面优化数据报表体验。我总结了以下五种优化方法Tips： 1. 让表格井井有条 1）对齐 数值字段通常在右对齐，以便于对比，其他字段在左对齐。 2)一致的格式 请使用相同的格式，2020-1-1″  与”2020-10-12″ 放在同一列显然不如2020-01-01″  与”2020-10-12″在同一列中更容易阅读和比较。 3）统一高度 所有数据行(不含表头)均应设置为统一高度。 2. 聚焦数据 1）斑马纹 斑马纹可以提高横向浏览速度，但请确保单元格的背景颜色与内容颜色有一定的对比度，以提高可读性。 2）选中高亮 和斑马纹一样，选择亮点(或突出)也可以提高横向浏览速度，让用户关注当前数据如下Element截图： 3)消除不必要的边框 避免使用深色、粗线条的边框，一眼就看到过去都是规章制度，喧宾夺主。 4)隐藏不常用的操作 你不需要一字排列所有的行操作按钮，这会增加你的思维时间，最多显示三个常用的行操作，其他的都是隐藏的。你甚至可以隐藏所有的行操作，只有在选择记录时才能显示可用的操作。 3. 使用简单明了的提示语 批量操作时提示操作记录数 用户有时会在使用全选择检查框选择一批数据后删除它们。他们认为这是删除本页面上的所有数据，但结果是删除查询结果中的所有数据。尴尬吗？请确认删除原始删除查询，而不是避免此类问题？稍微修改一下，变成你确定删除选定的xx条记录吗？ 4. 让表格更直观 1)使用柱状图核心数据 百分比形式的核心数据特别适用于柱状图形式，使二维表格也能产生图表般的直观感，如下所示AntDesign截图： 2)不同颜色图标区分状态 在5个以内的状态下，可以考虑使用不同的图标或颜色来显示差异，但过多的图标或颜色会让用户在丰富多彩的数据中点。 5. 其他 1）冻结 冻结通常作用于表头、第一列（通常是标记整个记录的关键字段，如姓名、企业名称等）和操作列。虽然页面会上下滚动，但请确保用户能够快速区分当前的记录和字段，并找到操作按钮。 2)善用折叠线 当数据不多或不多时，可以设计折叠线。用户可以看到所有数据，而无需左右拖动或进入详细信息页面。它减少了点击次数，普通侧推抽屉也可以达到类似的效果。Element截图： 写在最后：对于数据报表来说，最重要的是展示业务最需要的字段，制定合理的统计口径。你的数据报表应该是可靠的，可以反映客观事实，产生价值。 参考资料：AntDesign原型组件、Element原型组件 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。