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

这些问题你是否遇到过:

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

利用颜色吸引注意

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

 

建立信息的视觉层次

颜色提示

对颜色的使用深思熟虑 

页面位置

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

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

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

故事思维

三分钟故事

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

中心思想

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

  • 必须切中要害;

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

故事板列出大纲

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

词语解释

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

引用

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

基于Spring Boot的在线医疗咨询平台的设计与实现【附源码】

基于Spring Boot的在线医疗咨询平台的设计与实现 Design and implementation of the computer hardware mall based on Spring Boot Candidate&#xff1a; Supervisor&#xff1a; April 20th, 2024 学位论文原创性声明 本人郑重声明&#xff1a;所呈交的论文是本人在导师…

(2024,DDPM,DDIM,流匹配,SDE,ODE)扩散:基础教程

Step-by-Step Diffusion: An Elementary Tutorial 公和众与号&#xff1a;EDPJ&#xff08;进 Q 交流群&#xff1a;922230617 或加 VX&#xff1a;CV_EDPJ 进 V 交流群&#xff09; 目录 0 前言 1 扩散的基础知识 1.1 高斯扩散 1.2 抽象中的扩散 1.3 离散化 2 随机采样…

【强化学习的数学原理】课程笔记--2(贝尔曼最优公式,值迭代与策略迭代)

目录 贝尔曼最优公式最优 Policy求解贝尔曼最优公式求解最大 State Value v ∗ v^* v∗根据 v ∗ v^* v∗ 求解贪婪形式的最佳 Policy π ∗ \pi^* π∗一些证明过程 一些影响 π ∗ \pi^* π∗ 的因素如何让 π ∗ \pi^* π∗ 不 “绕弯路” γ \gamma γ 的影响reward 的…

qt for android 使用打包sqlite数据库文件方法

1.在使用sqlite数据库时&#xff0c;先将数据库文件打包&#xff0c;放置在assets中如下图: 将文件放置下android中的assets下的所有文件都会打包在APK中&#xff0c;可以用7zip查看apk文件 2.在qt代码读取数据文件&#xff0c;注意在assets下的文件都是Read-Only&#xff0c;需…

[AIGC] Shell脚本在工作中的常用用法

Shell脚本是一种为 shell 编写的脚本程序。商业上的 Unix Shell 一般都配备图形界面&#xff0c;主要包括&#xff1a;Bourne Shell&#xff08;/usr/bin/sh或/bin/sh&#xff09;、Bourne Again Shell&#xff08;/bin/bash&#xff09;、C Shell&#xff08;/usr/bin/csh&…

抓紧收藏!7 款令人惊艳的 AI 开源项目

&#x1f43c; 关注我, 了解更多 AI 前沿资讯和玩法&#xff0c;AI 学习之旅上&#xff0c;我与您一同成长&#xff01; &#x1f388; 进入公众号&#xff0c;回复 AI, 可免费领取超多实用的 AI 资料 和内容丰富的 AI 知识库地址。 自从去年 AIGC 兴起以来&#xff0c;AI 开源…

【python爬虫实战】爬取豆瓣top250(网站有反爬虫机制肿么办)

关于请求头headers: 值得注意的是&#xff0c;与上一篇 &#xff1a;​​​​​​【python爬虫实战】爬取书店网站的 书名&价格&#xff08;注释详解&#xff09;-CSDN博客 爬取书名不同&#xff0c;这次爬取豆瓣网站必须使用“请求头headers”&#xff0c;不然将没有输…

Tomcat的安装和虚拟主机和context配置

一、 安装Tomcat 注意&#xff1a;安装 tomcat 前必须先部署JDK 1. 安装JDK 方法1&#xff1a;Oracle JDK 的二进制文件安装 [rootnode5 ~]# mkdir /data [rootnode5 ~]# cd /data/ [rootnode5 data]# rz[rootnode5 data]# ls jdk-8u291-linux-x64.tar.gz [rootnode5 data]…

通用管理页面的功能实现

在Windows Forms&#xff08;WinForms&#xff09;应用程序中&#xff0c;创建一个通用的管理页面通常涉及对数据的增删改查&#xff08;CRUD&#xff09;操作&#xff0c;以及一些额外的功能&#xff0c;如数据过滤、排序、导出和导入等。 先看一个仓库管理页面要素。 仓库管…

Tcmalloc工具定位内存泄漏问题

内存泄漏问题定位 gperftools工具安装 执行如下操作&#xff1a; git clone https://github.com/gperftools/gperftools.git 注&#xff1a;如果网速较慢&#xff0c;可直接去下载压缩包。 如我下载的地址&#xff1a;https://github.com/gperftools/gperftools/releases/ta…

ComfyUI局部重绘的四种方式 (附件工作流在最后)

前言 局部重绘需要在图片中选择重绘区域&#xff0c;点击图片右击选择Open in MaskEditor&#xff08;在蒙版编辑器中打开&#xff09;&#xff0c;用鼠标描绘出需要重绘的区域 方式一&#xff1a;重绘编码器 这种方式重绘比较生硬&#xff0c;需要额外搭配使用才行 方式二&…

Sql审核平台Archery的搭建和简单配置

Sql审核平台Archery的搭建和简单配置 Archery是一个开源的Web应用&#xff0c;基于Python开发&#xff0c;利用Flask作为后端框架&#xff0c;前端采用Vue.js&#xff0c;构建了一个现代化的数据操作界面。提供了SQL审核、数据查询、报表生成等功能&#xff0c;同时支持多种数据…

普元EOS学习笔记-创建精简应用

前言 本文依旧基于EOS8.3进行描述。 在上一篇文章《EOS8.3精简版安装》中&#xff0c;我们了解到普元预编译好的EOS的精简版压缩包&#xff0c;安装后&#xff0c;只能进行低开&#xff0c;而无法高开。 EOS精简版的高开方式是使用EOS开发工具提供的IDE&#xff0c;创建一个…

【C语言】指针剖析(完结)

©作者:末央&#xff06; ©系列:C语言初阶(适合小白入门) ©说明:以凡人之笔墨&#xff0c;书写未来之大梦 目录 回调函数概念回调函数的使用 - qsort函数 sizeof/strlen深度理解概念手脑并用1.sizeof-数组/指针专题2.strlen-数组/指针专题 指针面试题专题 回调函…

从0-1搭建一个web项目(package.json)详解

本章分析package.json文件详解 本文主要对packge.json配置子文件详解 ObJack-Admin一款基于 Vue3.3、TypeScript、Vite3、Pinia、Element-Plus 开源的后台管理框架。在一定程度上节省您的开发效率。另外本项目还封装了一些常用组件、hooks、指令、动态路由、按钮级别权限控制等…

每日一题——Python实现PAT乙级1073 多选题常见计分法(举一反三+思想解读+逐步优化)9千字好文

一个认为一切根源都是“自己不够强”的INTJ 个人主页&#xff1a;用哲学编程-CSDN博客专栏&#xff1a;每日一题——举一反三Python编程学习Python内置函数 Python-3.12.0文档解读 目录 初次尝试 再次尝试 有何不同 版本一&#xff08;原始版本&#xff09;&#xff1a;…

Python变量的命名规则与赋值方式

第二章&#xff1a;Python 基础语法 第一节&#xff1a;变量的命名规则与赋值方式 2.1.1 引言 在编程中&#xff0c;变量是存储数据的基本单元。变量的命名和赋值是编程语言中表达和操作数据的基础。了解和遵循变量命名规则对于编写清晰、可维护的代码至关重要。 2.1.2 变量…

修复vcruntime140.dll方法分享

修复vcruntime140.dll方法分享 最近在破解typora的时候出现了缺失vcruntime140.dll文件的报错导致软件启动失败。所以找了一番资料发现都不是很方便的处理&#xff0c;甚至有的dll处理工具还需要花钱&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff0c;我本来就是为…

VMware17安装Ubuntu20版本-保姆级别

首先需要安装好VMware和Ubuntu20的镜像&#xff0c;在网上搜索Ubuntu镜像下载即可&#xff0c;最后选择国内镜像站下载&#xff0c;这样更快点&#xff0c;然后打开VMware。 1.创建虚拟机&#xff1a; 2.选择自定义&#xff1a; 3.默认&#xff0c;继续下一步&#xff1a; 4.选…

【Linux】IO多路复用——select,poll,epoll的概念和使用,三种模型的特点和优缺点,epoll的工作模式

文章目录 Linux多路复用1. select1.1 select的概念1.2 select的函数使用1.3 select的优缺点 2. poll2.1 poll的概念2.2 poll的函数使用2.3 poll的优缺点 3. epoll3.1 epoll的概念3.2 epoll的函数使用3.3 epoll的优点3.4 epoll工作模式 Linux多路复用 IO多路复用是一种操作系统的…