数据产品PRD设计经典四原则

编辑导读：大多数人对数据产品的印象停留在功能，先能用、解决问题再说，好用、易用是更高层级的需求。但是，产品PRD的美感上升了，产品上线效果也会更好一些，毕竟数据产品的美观度不会超过产品经理的美感。本文作者提出了数据产品PRD设计经典四原则，与你分享。

企业内部的数据产品主要服务于内部的产品、运营同学，对内的B端的产品原则一般是功能先行，先能用、解决问题再说，好用、易用是更高层级的需求。因此，多数数据产品是不配备UI、UE等设计师资源的，作为追求极致、追求美感的数据产品经理人，掌握一些基本的设计原则，产品PRD的美感上升了，产品上线效果也会更好一些。毕竟数据产品的美观度不会超过产品经理的美感。

直接说提升个人的审美能力太过于抽象，难以执行落地，掌握一些设计理论则可以实际产品设计过程中，提供具体的方法指引。设计理论中，最经典的莫过于亲密性原则、对齐原则、重复性原则、对比原则，虽然老但历久弥新。

一、亲密性原则

亲密性 ：将相关的内容或元素组织在一起，让用户可以更加直观地发现元素之间的关系。

左边的图片中，这两个人走在大街上，我们是没法直接判断两人之间的关系的，可能就是擦肩而过、匆匆相逢的陌生人。但是右侧图片将两者的距离拉近了，我们就有更高的自信做出判断：这两个人可能是母子或者其他亲属关系。

例如在做数据可视化报表页面设计时，指标卡片作为每一个相对独立的区域，将一个指标的数值、同比、环比、均值、趋势缩略图等信息聚合到同一个卡片区域内，访问这个页面的用户就可以在这一个区域内，获取指标的相关信息，相反，如果所有指标全部全部在同一空间内，阅读者就需要自己做视觉上的拆分。

二、对齐原则

对齐：任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系，写PPT时要关注文字对齐、图片对齐等，对齐可以让页面的秩序感更强，而不是杂乱无章。

这个名片中，左侧的版本姓名、地址、电话、职位等信息被安放在名片的各个位置，阅读者看到这些内容的时候，要去自己理解、转化，而右侧的版本通过对齐的方式，页面更加简洁、信息的次序感也更明显。

数据产品会有非常多的条件筛选或者表格的字段内容，以表格为例，不同的对齐方式效果也有较大差异。例如名称类的文字描述，字段长度会各不相同，居中对齐或右对齐看起来会杂乱，而左对齐则更整洁。对于指标数值类，用右对齐的方式则可以更加清楚的对比数值直接的差异，比如是三位还是两位数值一目了然。

三、重复性原则

重复原则：页面颜色、字体、图形、形状、材质、空间关系等重复出现，从而增强条理性，加强统一性，使页面更富有层次感、逻辑性，有规律的重复可以产生节奏感和韵律美，加深印象。

上图中，一级标题采用相同的字体和颜色，每个段落采用一致的项目符号，阅读者看到后会更加直观的了解哪些是段落标题，哪些是具体的内容项目。数据产品设计过程，要重点关注一致性原则，比如相同的组件的文案描述，比如对于操作弹窗，前面页面叫确定，后面页面叫保存，新的概念引出增加额外的理解成本。

四、对比原则

对比：页面上的不同元素之间通过对比来突出差异，吸引用户。对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点

上图左侧所有文字颜色、大小都非常相近，很难区分出标题、段落及正文之间的关系，而右侧方案中，文字大标题通过字体颜色以及背景、段落采用加黑加粗的方式，突出不同内容之间的差异，可以起到更加直观、清晰的层级关系。

数据产品设计中，针对用户交互说明的异常提醒、必填字段与非必填字段的差异，不同操作按钮之间的对比等等，都可以利用对比原则来进行凸显差异。例如，取消和确定是两种不同的操作，采用相同或相近的颜色时，用户需要反应时间，而采用明显的对比色，则可以非常快速的确定两者之间的差异。

五、总结

这四个原则看似非常简单，甚至有些同学会感觉“这些道理我也都懂呀”。但如果能够融会贯通，在数据产品设计中时刻遵守这些原则，量变引起质变，从而带来产品PRD设计美感的整体提升，不仅如此，工作总结汇报、项目复盘PPT也可以应用起来。

#专栏作家#

数据干饭人，微信号公众号：数据干饭人，人人都是产品经理专栏作家。专注数据中台产品领域，覆盖开发套件,数据资产与数据治理，BI与数据可视化，精准营销平台等数据产品。擅长大数据解决方案规划与产品方案设计。

本文原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议