后台PRD系列(一):如何设计优秀的数据报表？

在后台产品中，数据报表的重要性毋庸置疑，但是优秀的数据报表并不多见，所以本文从基础功能、体验升级等方面谈谈如何设计一个优秀的数据报表。
数据一直是后端产品的重要组成部分。相对于复杂的业务处理逻辑，它非常简单，简单到我们不想花太多时间去考察。
现实情况是：珠三角建成移交给开发后，各种问题都扔进了开发。不过上线后的功能可以满足业务需求，但总有些不尽如人意。但是因为种种原因，会有用，所以很少能设计出优秀的数据报表。所以今天，我们将讨论如何设计一个数据报告，使R & ampd无忧和老板开心从基础功能和体验升级等方面。我们走吧！
第一部分：基本功能这一部分主要包括数据报表PRD的基本内容，可以作为入门级产品经理的核对表参考。
报表通常分为三个部分：查询条件、数据和操作，所以我们的PRD至少应该包含这三个部分的描述。我比较喜欢用表格的形式作为需求描述的呈现形式，一目了然，如下：
1.查询条件1)字段名称
在没有特殊需要的情况下，所有字段在整个系统中的命名应该一致，这是一个基本原则。比如一个手机号，不要一会儿叫“联系人手机”，一会儿叫“联系信息”。
2)必需
当数据量非常大时，考虑到查询性能，可能需要限制某些查询条件，如年份、批次等。
3)格式
常见的显示形式如下：
文本框日期：通常使用日期控件，并指定输入形式(如YYYY-MM-DD)。时间：通常使用时间控件，并指定输入形式(如HH:MM:SS)。下拉框：多个单选框的复选框。4)默认值
默认查询最新数据、默认只查询有效数据等常见情况需要为相关查询字段设置默认值。
5)输入范围限制
日期和时间格式的查询字段通常会限制输入的最大值和最小值，这与系统保留的最早历史数据和最新数据的时效性有关。当涉及到时间段的查询条件时，可能需要限制支持的最大时间段。
6)其他说明
用来补充其他解释，比如一些下拉框需要限制可选条目的最大数量，支持条目批量粘贴。
除了以上描述，您还可以根据业务需要决定是否支持全表模糊搜索(Ctrl F的效果)作为常规字段查询条件的补充。不要小看这个小功能，有时候会带来意想不到的便利。出于安全考虑，需要指定是否需要控制数据查询权限，即每个用户进来后看到的数据范围甚至数据字段都是不一样的，一般是需要的最小数据集。
2.数据1)单位
类的值通常表示字段统计中使用的单位，如千、万、%
2)格式
正文：如果有很长的文字，要说明可以容纳的字符数，超出的部分可以用…代替数值：保留几个小数位，超出的小数位四舍五入或直接丢弃等。另一方面，null值和0值在很多情况下是完全不同的。不顾实际业务直接把空值显示为0是外行的表现。日期：显式显示格式，请在全文中使用。时间：显式显示格式3)支持过滤。
即无论该列是否支持过滤，效果都类似于excel的自动过滤功能。常用的过滤已经包含在查询条件中。这里主要考虑一些会用到但不常用的查询字段。
4)支持排序
该列是否要支持排序，数值类一般需要支持排序，方便查找最大值和最小值，快速定位数据异常。
记得根据业务需要为您的数据指定一个默认的排序规则！
3.操作对于报表，基本操作包括导出、查看、编辑、删除(前面提到的查询也是一种基本操作)。这里我只说导出和删除：
导出：当报表中有很多字段时，建议支持自定义导出，即用户可以选择需要的字段进行导出。当然，系统会将常用字段设置为默认导出字段，以满足大多数人的需求。删除：需要了解是否支持批量操作、物理删除或逻辑删除，以及用户删除后能否恢复。
第二部分：体验升级在这一部分，我们来说说如何优化数据报表体验。我总结了以下五种优化技巧：
1.把桌子按顺序摆放好1)把它们对齐。
数字字段通常靠右对齐以便比较，而其他字段靠左对齐。
2)格式一致
请使用相同的日期、时间和数值格式。同列“2020年1月1日”和“2020年10月12日”显然比同列“2020年1月1日”和“2020年10月12日”更容易阅读和比较。
3)统一高度
的所有数据行(不包括标题)都应设置为统一高度。
2.焦点数据1)斑马纹
斑马纹可以提高横向浏览速度，但请确保单元格背景色与内容色有一定的反差，以提高可读性。
2)选择高亮显示。
和斑马条纹一样，选择高亮(或高亮)也可以加快横向浏览的速度，让用户专注于当前数据。以下是元素的表格组件的屏幕截图：
3)消除不必要的边框。
避免使用又黑又粗的边框。一看就是条条框框，让人应接不暇。
4)隐藏不常见的线路操作。
不需要把所有的行操作按钮都排好，这样会增加你的思考时间。最多可以显示3个常用的行操作，并隐藏所有其他操作。您甚至可以隐藏所有生产线操作，仅在选择记录时显示可用的操作。
3.批量操作使用简单明了的提示时，提示操作的记录数。
有时，用户会使用全选复选框来选择一批数据，然后将其删除。我以为是删除这个页面的所有数据，结果是删除查询结果中的所有数据。与其尴尬，不如避免这种问题。请询问“您确定要删除吗？”“略修改为”您确定要删除选中的xx条记录吗？”
4.让表格更直观。1)对核心数据使用直方图。
核心数据的百分比形式特别适合直方图形式，这样二维表格也能产生图形直观的感觉。下面是AntDesign的一个表格组件的截图：
2)不同颜色的图标区分状态。
5个状态内，可以考虑用不同的图标或颜色来表现区别，但是过多的图标或颜色会让用户迷失在丰富多彩的数据中，找不到重点。
5.其他人1)冻结
冻结通常作用于表头、第一列(通常是标记整个记录的关键字段，如名称、企业名称)和操作列。虽然页面会上下左右滚动，但是请确保用户能够快速区分自己在看哪条记录和哪一个字段，找到操作按钮。
2)善用折叠线。
当数据不多或太少时，可以设计一条折叠线，让用户不用左右拖动或进入详情页就能看到所有数据，减少点击次数。普通的侧推抽屉也能达到类似的效果。获取以下元素的表组件的屏幕截图：
写最后一句：对于数据报表，最重要的是展现业务最需要的字段，制定合理的统计口径。您的数据报告应该可靠，反映客观事实并产生价值。
参考：AntDesign原型装配，元素原型装配
本文由@辣椒圈原创发布。每个人都是产品经理。未经许可，禁止复制。
题目来自Unsplash，基于CC0协议。