成为画图大师，用图表讲故事

这些问题你是否遇到过:

1. 项目总结会上，如果用数据呈现你做的价值？

2. 完善详尽的数据分析得出了让人信服的结论，如何呈现在BOSS面前?

我们要的不是数据，而是数据告诉我们的事实 

数据很重要，但只是原料，所以不是最重要的，比数据重要的是数据里边的信息，信息才是更有价值的产品。 

思考点：如何从数据中挖掘信息、发现知识、找到规律、抓住趋势?

        这就是体现技术含量的关键，如果我们没有掌握正确的制图方式，那么就只能做数据的搬运工，把其他来源的数据生吞活剥地亦或是原封不动地搬到听众面前， 正是因为自己就稀里糊涂，所以只能换来听众的一头雾水和不知所云。

怎么做？

• 数据之逻辑

反映逻辑、折射关系、投射趋势

• 图表之美学

说服听众的理性，打动听众的情感，启发听众的思考，激起听众的共鸣

        所以要把数据之逻辑、图表之美学、动听之故事融合在一起，要让听众感受到视觉上的美观、故事上的动听、认知上的轻松和结构上的舒畅，一句话，就是要让听众产生喜欢的感觉，让喜欢的情绪推动接受，让接受推动理解，当然反过来也是如此。

        既要成为技术高手也要成为艺术高手。那么如何成为这样的高手呢？

上下文的重要性

对象

• 你的受众

  • 你的受众越具体，你就越能成功地进行沟通。

  • 一次性尝试与太多需求不同的人沟通，远没有与细分的一部分受众沟通高效。

  • 细分受众的方法之一便是识别决策者。你对受众了解得越多，就越能准确理解如何与之产生共鸣，如何在沟通中满足双方的需求。

• 你自己

  • 当前受众对你的认知和信赖程序决定了如何组织沟通的结构以及是否及何时使用数据都非常重要，并且会影响你所讲的整个故事的顺序和信息量。

内容

• 行为

    自己分析出结论、给出行动建议、即使错了、将沟通聚焦在后续行为上，也是好的。

  • 需要受众了解或者做什么？

    1. 通过这个问题想明白如何与受众做有意义的沟通，并就他们为何要关心你说的话建立一个清晰的认识，且希望受众了解或者完成它。

  • 敢想、敢说，不怕出错

选择有效的图表

你从下面的图表中一眼得到了什么信息？

劣质图表随处可见

学会选择合适的图表， 每一种图表形式，都对应一种适合用来描述的相对关系。

 五种常见的图表

饼图

  成份相对关系最好使用饼图

因为一个饼形能够给你一种整体的形象，如果你的目的是展示每一部分所占全部的百分比，例如，在展示组成行业的各个公司时，饼图就是你唯一的选择。

为了使饼图尽量发挥作用，在使用中不宜多余6种成分。如果你使用的成分超过了6中，那么就选择6中最重要的，并将未选中的列为“其他”的范畴。

因为人的眼睛比较习惯于按顺时针方向进行观察，所以应该将最重要的部分放在紧靠12点钟的位置，并且使用强烈的颜色对比以显示突出部分，或者在黑白图表中使用最强烈的阴影效果。如果没有哪一个部分比其他部分更加重要，那么就应该考虑让他们以从大到小的顺序排列，并且以同一种颜色或者干脆不使用阴影来绘制图表的每一个部分。

• 杜绝“形式比内容更加重要”错误典型例子，请克服你的强烈创造欲望，并且使用传统的饼图。

 

没有展现出精准的视觉效果

我们最初使用图的目的是使阐明关系的过程比使用快捷更清晰。当图的形式比内容更加突出-就是说图的设计干预了听众或者读者对内容的掌握时，就会影响他们做出正确的判断。

 一个饼图比一个100%的条形图或100%的柱状形优越的地方，在于它能够清晰地展示一个整体。但是，一旦你需要比较两个或两个以上整体的内容时，不要由于，马上选择100%的天性图或者是100%的柱形图。

强迫读者前后反复对比来观察区别

使用连线加强了他们之间的联系，使其在外观上更加明显

条形图

  项目相对关系可以用条形图来表示。

纵向维度并没有刻度值，它们使用的都是表示标示过的项目--例如国家、产业和销售员的名字等。按照你想强调的方式可以把条形图排列成任何顺序。

保持条形图之间的距离比条的宽度小。使用最能形成对比的颜色以及阴影来强调重要的项目，以此来强调信息的标题。

为了突显数值，可在顶端(或者在底端)使用一个刻度尺，或者在条形末尾标注数字，但是注意不要两者同时使用。如果你只是想简单标示项目间的关联，可用刻度尺；如果数字对你很重要那么就使用数字。有时，使用刻度尺的同时标示一个需要特殊强调的数值，也是个好办法。但同时使用刻度与数字，那是毫无用处的，而且还只能给你的条形图增加混乱，这时你就应该使用柱形图和折线图来避免麻烦。

展现这些数字的时候，应该注意要将小数点以后的数字都省略，因为它们对你的信息几乎没有影响；12%明显要比12.3%更容易被听众记住。

 条形图存储库例子

两个原因使用条形图更好。

• 通过使用条形图可以减少把项目的对比关系误解为时间序列相对关系的可能；

• 实用原则：项目冗长的图注，条形图可以留下更多的空间写名称，而柱形图统计表会出现一个词写在两行的情况，增加了观察者识别的困难。（见下图）

 

柱形图

• 时间序列相对关系 ：展示出随着时间变化而变化的关系。

最好的阐释时间序列相对关系的方式就是使用柱形图或折线图，选择使用哪一种，这取决于哪一个比较方便，如果你的图表中只有少数几个点，就使用柱形图。反之，展现变化趋势，最好使用折线图。

从数据的本质考虑，柱形图强调是数量的级别，更适合于表现在一小段时间里发生的事件，产量的数据很适合这个领域。折线图强调的是角度的运动及图像的变换。

 

• 频率相对关系

  • 展示有多少项目(频率)会落入一个具有一定特征的数据段当中(分布)。

  • 两种应用途径：

    1. 所有样本中进行归纳。例如，用来预测风险、可能性或者机会的。描述确定性(不确定性)，例如，掷骰子游戏中，所有可能性中猜中七点的概率。    最有可能的结果

 

                2. 总结大量的数据来帮助证明一些有意义的关系，例如，25%的货物会在5~6天内交付。

频率分布柱形图 

注意:

• 范围的大小

  • 组数太少则不够明显，而太多则会破坏作用。总体来说，数量在>5组以及<20组。只要在这个范围内，不管怎么样都能够找到一定的组数证明你所要论证的信息。

Bad Case

Good Case

 

• 分组的大小

  • 最好使用规模大致相同的组，否则整体形象会被打乱。

  • 特例：数据不是平均按段记录的时候，此时不均等分会给人更好的感觉。例如，个人收入的税级。

 

• 清晰的标注

对组规模清晰解释，“重叠的”标注。

折线图

• 频率相对关系

  • 强调角度的运动以及图像的变换，因此展示数据的发展趋势最好使用它。

  • 准备折线图一定要确保趋势线一定要比基线图画的更粗，而且基线比坐标线要粗。

 

问题：可以用几条趋势线而不至于看上去像是意大利面条？

分组折线图可以用来对两个及两个以上项目相对关系作比较。代表我阐述观点的曲线能产生强烈对比的颜色及最粗的实心线，对其他线条则使用对比程度上稍微次一点的颜色和实心线。

针对每一个竞争对手趋势图分别配对，并制成一个较小的图表。

散点图

 

• 相对性相对关系

  • 散点图在展示两件事的关系时很有用，因为可以同时将数据对应到x轴和y轴上，观察是否存在某种关系以及存在何种关系

Bad Case

Good Case

 

消除杂乱 

认知负荷

• 考虑为听众最小化感知到的认知负荷, 使受众的解读过程更舒适自然

• 利用格式塔原则理解人们如何阅读

格式塔原则

临近原则

临近原则示例图

 

点间距区别

我们可以将这一原则应用到表格设计当中。在图中，简单地通过调整点与点之间的空白，你的眼睛会按预设的方向移动，左侧图中随列向下，右侧图中则随行向右。

相似原则

 

你会很自然地将左图中蓝色的圆或者右图中灰色的方块联系在一起。

包围原则

我们会认为物理上包围在一起的物体从属于同一个群体。

闭合原则

闭合原则告诉我们这是没有必要的——我们可以去掉这些元素，而图形看起来仍然是一个凝聚的整体。更棒的是：当我们去掉那些不必要的元素后，数据更为突出了，

连续原则

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

我将竖直的y轴从图中移除。你仍然能看到条形图是对齐的，因为左侧标签和右侧数据间的空白一致（最平稳的路径）。与闭合原则的应用一样，去掉不必要的元素会使数据更为突出

连接原则

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

线条连接散点

总结

• 格式塔原则能够帮助我们理解人们如何观察，从而用于识别不必要的元素并减少视觉沟通的处理。

• 有策略地使用对比。对齐图表的元素，保持一定的留白，有助于使受众的解读过程更舒适自然。

建立视觉层次，引导读者阅读

什么吸引了你的视线？

前注意属性能够引导视线

数“3”的个数

 

利用前注意属性数“3”的个数

你甚至没有眨眼，也没有花什么时间思考，6个数字3就这么出现在你眼前。这看起来如此明显、如此快速，因为第二张图利用了你的形象记忆。在这个示例中，颜色强度这种前注意属性使得所有的数字3比其他数字突出。我们的大脑不需要任何有意识的思考就能获取这一信息。

如果有策略地使用前注意属性，就能够让受众不知不觉地看到我们期望展现的内容。

图表中的前注意属性

注意在没有其他视觉线索时你只能如何处理这些信息。由于不知道什么很重要和应该关注什么，这就像是在重复数3的例子

利用颜色吸引注意

对重点和文字做一些调整，以引导受众将注意力从全局移到故事的一小部分

 

建立信息的视觉层次

颜色提示

对颜色的使用深思熟虑 

页面位置

不要让受众“跋山涉水”才发现重要信息

如果没有其他视觉线索，大多数受众会从图表或者幻灯片的左上角开始，按“之”字形扫视屏幕或者页面，请留意你是如何将元素摆放在页面上的，尽量让受众感到自然。

人们习惯按照“之”字形轨迹阅读

故事思维

三分钟故事

如果你只有三分钟的时间把必要的信息告诉受众，你会讲什么？这是确保你对所要讲的故事理解得清晰透彻的好办法。

中心思想

• 必须能陈述你独特的观点；

• 必须切中要害；

• 必须是一个完整的句子。

故事板列出大纲

用便利贴的形式，列出最重要的内容，通过对便利贴的增减或者排列，能够很好的体现要讲的事情。

词语解释

认知负荷: 消耗受众脑力却对他们理解信息毫无帮助。这是我们需要避免的。

引用