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

这些问题你是否遇到过:

  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的例子

利用颜色吸引注意

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

 

建立信息的视觉层次

颜色提示

对颜色的使用深思熟虑 

页面位置

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

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

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

故事思维

三分钟故事

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

中心思想

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

  • 必须切中要害;

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

故事板列出大纲

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

词语解释

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

引用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/38339.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

gcc编译过程简介

gcc编译过程简介 文章目录 gcc编译过程简介预编译编译语法分析语法分析语义分析中间语言生成目标代码生成和优化 汇编链接 GCC编译程序的过程可以分为以下四个步骤&#xff1a; 预处理&#xff08;preprocessing&#xff09;编译&#xff08;compilation&#xff09;汇编&#…

(单机架设教程)凯旋|当年的QQ游戏

前言 今天给大家带来一款单机游戏的架设&#xff1a;凯旋 &#xff0c; 当年的QQ游戏 如今市面上的资源参差不齐&#xff0c;大部分的都不能运行&#xff0c;本人亲自测试&#xff0c;运行视频如下&#xff1a; 凯旋单机 搭建教程 此游戏架设需要安装虚拟机&#xff0c; 没有…

[AIGC] 深入了解标准与异常重定向输出

在操作系统和编程环境下&#xff0c;有时我们需要更加精细地控制程序的输入或输出过程&#xff0c;这就涉及到了标准输入输出流&#xff0c;以及重定向的概念。接下来&#xff0c;我们将详细介绍标准输出、标准错误输出&#xff0c;以及如何进行输出重定向。 文章目录 1. 标准输…

Vue+Proj4Leaflet实现地图瓦片(Nginx代理本地地图瓦片为网络url)加载并实现CRS投影转换(附资源下载)

场景 Leaflet中加载离线OSM瓦片地图(使用OfflineMapMaker切割下载离线png地图文件)&#xff1a; Leaflet中加载离线OSM瓦片地图(使用OfflineMapMaker切割下载离线png地图文件)_offline map maker-CSDN博客 Leaflet快速入门与加载OSM显示地图&#xff1a; Leaflet快速入门与…

Golang-slice理解

slice golang-slice语雀笔记整理 slicego为何设计slice&#xff1f;引用传递实现扩容机制 go为何设计slice&#xff1f; 切片对标其他语言的动态数组&#xff0c;底层通过数组实现&#xff0c;可以说是对数组的抽象&#xff0c;底层的内存是连续分配的所以效率高&#xff0c;可…

Proxmox VE(PVE)上手配置指南

Proxmox VE&#xff08;PVE&#xff09;是一款开源虚拟化管理平台&#xff0c;集成了KVM和LXC技术&#xff0c;支持虚拟机和容器管理。它提供了一个基于Web的用户界面&#xff0c;支持高可用性集群、备份和恢复、实时迁移等功能&#xff0c;适用于企业级虚拟化环境。. 以下为安…

博客都在使用的打字机效果,居然这么简单?

效果展示 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>body …

C语言 | Leetcode C++题解之第199题二叉树的右视图

题目&#xff1a; 题解&#xff1a; #define MAX_NODE_NUM 100 int* rightSideView(struct TreeNode* root, int* returnSize){if (root NULL) {*returnSize 0;return NULL;}int *res (int *)malloc(sizeof(int) * MAX_NODE_NUM);int cnt 0;struct TreeNode **record (st…

详解 HTTP 中间人攻击

什么是中间人攻击&#xff1f; 攻击者将自己插入通信过程中&#xff0c;以窃取&#xff0c;篡改数据。通信的两端不知道中间人的存在&#xff0c;他们以为在与对方直接通信&#xff0c;实际上他们的通信已经被监听或干扰。WIFI 路由器被破解之后就能进行中间人攻击。 中间人攻…

50-4 内网信息收集 - 本机信息收集

一、内网信息收集 内网信息收集可以从以下几个方面进行:本机信息收集、域内信息收集、内网资源探测等。通过这些步骤,我们可以全面了解当前主机的角色和所处内网的拓扑结构,从而选择更合适、更精准的渗透方案。 二、本机基础信息收集 在本机基础信息收集阶段,可以执行以下…

EasyExcel数据导入

前言&#xff1a; 我先讲一种网上信息的获取方式把&#xff0c;虽然我感觉和后面的EasyExcel没有什么关系&#xff0c;可能是因为这个项目这个操作很难实现&#xff0c;不过也可以在此记录一下&#xff0c;如果需要再拆出来也行。 看上了网页信息&#xff0c;怎么抓到&#x…

周记-2024第26周-6.25~6.30

现在是周日晚上21:58&#xff0c;我开始做本周总结。 工作 .1 开始接手量产模型的训练&#xff0c;新工作有新的小组长&#xff0c;我还是有些羞怯&#xff0c;不是很好意思频繁找他。要自信一点&#xff0c;大方一点&#xff0c;一个堂堂男子汉&#xff0c;怎么感觉工作中娘…

SpringBoot + mkcert ,解决本地及局域网(内网)HTTPS访问

本文主要解决访问SpringBoot开发的Web程序,本地及内网系统,需要HTTPS证书的问题。 我测试的版本是,其他版本不确定是否也正常,测试过没问题的小伙伴,可以在评论区将测试过的版本号留下,方便他人参考: <spring-boot.version>2.3.12.RELEASE</spring-boot.vers…

朋友问我Java中“::”是什么意思?我汗流浃背了......

目录 一&#xff1a;什么是&#xff1a;&#xff1a;&#xff1f; 二&#xff1a;方法引用的几种类型 1.引用静态方法 2.引用特定对象的实例方法 3.引用特定类型的任意对象的实例方法 4.引用构造方法 三&#xff1a;方法引用的适用场景 四&#xff1a;总结 一&#xff1…

ssh转发功能入门

端口转发概述 端口转发&#xff0c;能够将其他TCP端口的网络数据通过SSH链路转发&#xff0c;并且提供了ssh的加密和解密的服务。 ssh端口转发有如下这些优点&#xff1a; 提供了ssh的加密传输&#xff0c;利于安全能够突破防火墙限制 目前ssh端口转发有如下几种方式&#x…

spring模块(二)SpringBean(2)BeanWrapperImpl

一、介绍 1、简介 BeanWrapper是Spring中一个很重要的接口&#xff0c;Spring在通过配信息创建对象时&#xff0c;第一步首先就是创建一个BeanWrapper。 Spring低级JavaBeans基础设施的中央接口。通常来说并不直接使用BeanWrapper&#xff0c;而是借助BeanFactory或者DataBi…

eFuse基本概念

From&#xff1a;GTP-4o eFuse&#xff08;电子熔丝&#xff09;是一种在集成电路&#xff08;IC&#xff09;设计中常用的可编程熔丝技术。它在芯片中起着至关重要的作用&#xff0c;主要用于配置、调整、修复和安全相关的功能。以下是关于 eFuse 在芯片中的用途和相关技术的…

学习一下宏的##和...

##&#xff1a;如果参数不存在则忽略逗号和参数 ...&#xff1a;可变参数 栗子&#xff1a; #define Debug(fmt, args...) LOG("DEBUG", fmt, ##args) ...: ... 是C和C预处理器中的一个特殊标记&#xff0c;用于表示一个可变数量的参数。在宏定义中&#xff0c;可…

【课程总结】Day13(上):使用YOLO进行目标检测

前言 在上一章《【课程总结】Day11&#xff08;下&#xff09;&#xff1a;YOLO的入门使用》的学习中&#xff0c;我们通过YOLO实现了对图片的分类任务。本章的学习内容&#xff0c;将以目标检测为切入口&#xff0c;了解目标检测流程&#xff0c;包括&#xff1a;数据标准、模…

使用NFS网关功能将HDFS挂载到本地系统

HDFS安装教程 HDFS安装教程http://t.csdnimg.cn/2ziFd 使用NFS网关功能将HDFS挂载到本地系统 简介 HDFS提供了基于NFS&#xff08;Network File System&#xff09;的插件&#xff0c;可以对外提供NFS网关&#xff0c;供其它系统挂载使用。 NFS 网关支持 NFSv3&#xff0c;并…