教你3招:让人10秒读懂你的图表

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

要如何成功快速传达你想要表达的信息?如何在图表中去除“杂乱冗余”?本文将从视觉认知上,告诉你如何摆脱杂乱的图表。

“一分钟介绍你自己”

“一句话介绍你的产品”

“电梯理论-30秒推销你的产品”

职场小白:对啊,我想说的就是这个意思啊”、“领导你等下,我后面就说了。”

相信大家肯定多少经历或了解过以上的一些情形,这个社会、职场时时刻刻都在告诉我们“讲重点”、“别废话”。收起你的所有信息,因为你在浪费时间。

作为运营工作者,数据结论的呈现常常占据了工作的重要部分。

那要如何成功快速传达你想要表达的信息?如何在图表中去除“杂乱冗余”?

本文将从视觉认知上,告诉你如何摆脱杂乱的图表。

一、了解格式塔原则,帮你去除杂乱

格式塔理论:指的是知觉的最终结果,是我们在心不在焉与没有引入反思的现象学状态时的知觉,它的几种原则被应用在心理、哲学、美学和科学等。我们无需了解它到底是什么,让我们来看看它的几项原则对于图表设计的意义。

原则1:临近原则

我们倾向于认为物理上临近的物体属于同一个群里

以下两个图中:左图,我们更倾向于从上往下看,因为上下两个点在位置上是更靠近点,感觉告诉我们它们是一个类别;而右图,我们习惯则是从左往右看。

应用到表格的设计中(见下图),当我们希望观看者去比较一周中粉丝数的差异变化,我们可以采用左图的方式;而若希望观看者去了解每一天我们的粉丝数、注册数、会员数及当中的转化,我们可以采用右图形式。

原则2:相似原则

拥有相似颜色、形状、大小或方向的物体会被视作相关或从属一个群体。

当我们在画图时,相邻大小的曲线、数字标签,我们可以通过调整位置、标记颜色的方式去进行归类,使得观看者一眼就能明白。

原则3:包围原则

物理上包围在一起的物体从属于同一个群里。

以上为20180110凌晨统计的本月每日的会员量, 为了明显的看出在20180110,20180111,20180112三天的会员量预测值的走势及数量,用浅色的背景进行了一个视觉的区分。

 

原则4:闭合原则

闭合的概念指的是:人们在潜意识中,希望能够简化并符合脑海中已经存在的结构。因此人们倾向于将一系列个体元素看作一个可识别的形状,即使有部分缺失,我们的视觉也会帮助填充。

如下图,我们的视觉告诉我们这是个圆,然后才是每一个线段个体。

从下面两张图的变化来看,即使B图在A图的基础上去掉了“边框”、“左方Y轴坐标”,但B图在保证信息传达的基础上,在数据的数值及变化上更为突出了。

A图

B图

这是因为,我们的意识中,B图仍然是一个独立图表,无需框单独表明,且若Y轴的作用几乎为0,放置在这只是为了说明是一个折线图的坐标轴,不如直接删除。

原则5:连续原则

当我们观察物体时,尽管没有显式的路径,我们的眼睛倾向于寻找最平稳的路径并自然地创造出连续性。

连续原则与闭合原则类似,去掉不必要的元素会使数据更为突出。

原则6:连接原则

我们倾向于将物理连接的物体视作一个群体,连接的原则通常比相似颜色、大小、形状有更强的关联价值。

下图就非常明显:

而应用在图表中,左图仅有颜色的区分,右图将同类数据用线段进行了连接,显得更能说明数据的变化趋势。

二、慎用“对齐”与“留白”

我们或许在处理一个表格时,最后一步就是习惯把文字内容进行居中,从整体的视觉而言是对称了。但其实对于阅读效率而言,经常是降低的。

为什么这么说?

因为在无其他视觉的提示时,一般观看者会从页面或屏幕的左上方开始,按“之”字形移动视线并消化信息。而若进行居中后,文字的左边或右边没有了明确的界线,视觉在上下,左右切换时,就没有了一个标准点。因此在涉及表格和图形时,可以考虑将文字内容按左上角对齐方式。

另外根据一项研究(2005年Wigdor和Balakrishnan的研究)表明:

阅读45度角倾斜的文字时,速度比阅读正常方向排列的平均慢25%,阅读90%倾斜的平均慢205%,所以慎用文字的旋转、对齐,也尽量避免将文字进行纵向排列。

别害怕在你的页面上留白,当我们已确定想要表达的结论完成时,千万别有“页面上还剩下一些空间,所以我们加点数据吧”的想法。

试想,当你的数据报告中新的一页只出现了一行字“此处没有饼图!”,会是什么效果?

相信这是一个让所以观看者都聚集到你的思路中的方法,但并不代表留白只有这一种用法,以上的方式可能更适合用在如“老罗手机发布会”等等场合。

有策略地使用留白,也会为你的信息传达带来同样大的效果。缺少留白,就和演讲者缺少停顿一样,让观看者感到不适,压抑,无法接受更多信息。

对比留白,例举一些准则:

  1. 避免把文字和图表放置到边界。不要因为觉得一页ppt中只有一张图,而把图拉伸撑满整个空间。如果有一件事非常重要,请大胆地让它成为页面当中的唯一内容。
  2. 避免在关联的内容上进行过多留白。如格式塔-临近原则,别让每一个观看者恨不得跑到显示屏上用食指追踪,分析数据的关联性的冲动。

三、正确使用“对比”

Colin Ware的类比(InformationVisualization : Perception for Design,2004)中说到,从满是鸽子的天空中找出老鹰很简单,但是如果天空中鸟的种类越来越多时,找出老鹰就变得越来越难。

如果你想让你凸显的数据和结论一目了然,让就让加强它的与众不同,减弱其他数据结论的差异。

A图

B图

B图中,为了突出“金融银行”行业用户在不同年龄段段分布变化,可以将其他行业的差异性减弱,以不同灰度进行表示,着重以颜色进行差异化。

1秒扫视上方条形图,我们可以清晰看出,金融银行的用户在26-30分布最多,其次为31-40,而可以预估平均金融银行的用户评价年龄为30岁左右。而相比A图,如要达到B图的目的,可能需要耗费一倍多的时间。

除此之外,不用非常规性字体也是减少复杂的方式。在较为正式的报告中,应尽量使用“微软雅黑”、“等线”等字体,避免使用“楷体”及一些特殊字体。

最后,试着用以上的“格式塔原则”、“对齐、留白”、“对比”的方法,让你的报告更清晰易懂吧。

 

本文由 @ 运营盲探原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

赞赏是对原创者的最大认可
6人打赏
评论
欢迎留言交流