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

8 评论 13811 浏览 41 收藏 9 分钟

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

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

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

一、亲密性原则

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

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

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

二、对齐原则

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

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

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

三、重复性原则

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

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

四、对比原则

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

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

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

五、总结

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

#专栏作家#

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

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

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 这是设计相关知识,跟PRD不搭架啊

    来自广东 回复
  2. 是不是可以给人人提个需求,发布的内容审核一下下呢?哈哈哈~

    来自辽宁 回复
  3. 就这?!

    来自广东 回复
  4. 《写给大家看的设计书》

    来自浙江 回复
  5. 听君一席话,如听一席话

    来自北京 回复
  6. 感觉和prd关系不大, 比较像排版四原则的介绍之类的

    来自江苏 回复
    1. 自信点,把感觉去掉

      来自北京 回复
    2. +1

      来自浙江 回复