实验心理学家赤瑞特拉(Treicher)作过两个著名的心理实验,一个是关于人类获取信息的来源,就是人类获取信息到底主要通过哪些途径。他通过大量的实验证实:人类获取的信息83%来自视觉,11%来自听觉,这两个加起来就有94%。还有3.5%来自嗅觉,1.5%来自触觉,1%来自味觉。人类通过视觉感知外界物体的大小、明暗、颜色、动静等对人类机体生存具有重要意义的各种信息。

视觉图像可以帮助我们解读数据,做出判断,帮助我们了解数据中体现出来的倾向、模式、趋势、关系。可视化是我们洞察数据的最为有效的手段,而图表就是最常用的数据呈现形式,但即便图表中已经包含了全部的数据事实,但通过图表控制信息显示的方式,仍然可以扭曲人们对数据的理解,从而达到别有用心的一些目的。图表中的每个元素都影响着最后的视觉呈现,所以我们需要了解到图表制作中所包含的关键要素。

图表呈现其实表达的还是信息和逻辑,人们看到图表后,人脑会创造自己的一套逻辑,将非现实的信息予以合理化。我们的习惯会使得我们忽略事物的真实面貌。亲眼看见的才信,对看不见,不能理解的一概不信,这是一般人判断真伪的方法。传统想法加上历害关系,使人们只看到他们想要看的。为了将图表陷阱说的更清楚,文中的图例更多参考或引用了网络中的案例,文末可能未罗列完整,如有遗漏,还请见谅。

1、图表误区

图表构造中的每个细节点,都可以被用来误导呈现。通常情况下坐标轴的变幻是常见的陷阱。X和Y轴的起始数值和刻度比例的变化,都会影响到图表的最终呈现形式,或夸大效果、或掩藏损失。

1)传达错误信息放大部分数据,忽略信息的本质

2008年美国总统大选,奥巴马(民主党)VS.麦凯恩(共和党),其中蓝色代表民主党,红色代表共和党.

2008年美国总统大选中,奥巴马所在的民主党获胜。但是为什么这个图表反映了与事实相反的情况?原因在于,地图上色块大小由地理面积决定,不能反映真实权重(选票)。类似地,跨国公司可能会利用这种手段夸大自己在国外的经营情况。一家只在某国几个城市有业务的公司,可能会在报告财务指标时将整个国家涂上颜色。

从图例上来看,红色占据地图的大部分面积,它必定意味着红色所代表的共和党必定拥有多数选票。事实上,008年美国总统大选中,奥巴马所在的民主党获胜。但是为什么这个图表反映了与事实相反的情况?原因在于,地图上色块大小由地理面积决定,不能反映真实权重(选票)。类似地,跨国公司可能会利用这种手段夸大自己在国外的经营情况。一家只在某国几个城市有业务的公司,可能会在报告财务指标时将整个国家涂上颜色。

2)错误构造图例缺失的 Y 

人们习惯于观察图表的大小和形状,但是会忽略上面的具体数字。最简单的方式就是不在y轴上做标注。如果你的x轴上有5个柱,但是没有数字标注出它们的相对高度,那人们就难以判断它们之间是否有显著的差异。

在2015年9月29日举行的一场听证会上,美国参议院中的共和党议员不断追问非营利组织Planned Parenthood(该组织是一个提供计划生育相关服务的非营利组织,大约每年接待 270万女性进行各种身体检查,避孕与堕胎等。来源:知乎)的主席Cecile Richards,指责她滥用了该组织的年度联邦资助中的500万美元。为了阐明问题,犹他州的参议员Jason Chaffetz以下图佐证:

他解释道:“粉色轴线告诉我们该组织所做的乳房检查次数在不断减少,红色轴线则显示堕胎手术实施次数逐渐上升。这反映了该组织的现状。”乍一看,这张图的确显示Planned Parenthood实施的堕胎手术数量猛增,同时癌症检查的次数却急剧下降。读者还可能被误导,认为从2010年起该组织实施的堕胎次数远远多于预防检查次数。但这并非实情。这张图最大的错误在于没有明显的y轴,因而两条数据线随意交叉,让人误以为327000比935573还要大呢。

美国事实核查型新闻网站Politifact "数据分析师"核对了以上数据,从Planned Parenthood年度报告中选取了堕胎手术和预防性措施的数据。数据范围调整合理后,信息展现如下:

如图所示,癌症检查和预防服务的数量的确呈下降趋势,这和原图表相一致。但这些检查的次数仍远远大于堕胎手术次数。下图采用了另一种展现方式,用的是这两项服务逐年的百分比变化:

3)错误构造图例错误的比较

以美国白宫错误计算高中毕业率为例,在12月中旬,美国白宫的官方账号发了一条推特:“好消息:美国高中毕业率已升至历史最高水平。”推特配图如下:

此图有好几个问题值得商榷。首先,"数据分析师"在数据图里用图形元素作单位从来都不是个好主意。用五本书代表75%、或者用16本书代表82%是几个意思?这到底是个柱状图,y轴就应该以零作为起始值。同样的数据,采用合适的比例后呈现如下:

4)错误构造图例更改起点

如下的图例,起点为0,缩小差距。

当有人"数据分析师"说所有折线图的y轴都应该以0为起始点时,我们都应该想想这张图。全球平均气温即使仅仅变化了1度,也会影响巨大,但这张图从零开始计数,气温的变化就显得微乎其微了。针对需要细微化呈现内容时,就一定需要细节粒度的支持了,起始坐标轴不一定需要从0开始。

如下的图例起点非0,放大差距。

5)错误构造图例更改间距

在y轴上使用很大或很小的数值。数据在1-50之间,把y轴的高度增加到100来隐藏数值之间的差异;如果你要凸显差异,就把y轴上的单位扩大10倍。如果是用十分位来测量,那么3和10之间的差异就很明显(相差70个单位),但是如果你的第一个单位就是100,那么3和10之间的差异几乎看不出来(比一个单位小太多了)。

从总范围的中间部分开始标注y轴。如果你的数据在11-51之间,你可以从10开始标注y轴,让最小的数值看起来更小,让最大的数值看起来更大。这样代表11的竖条就只是刚刚高过x轴一点点,看起来非常不显眼,除非是特别仔细的人才能看出你的y轴是从10而不是0开始的。这样一来,代表51的竖条比代表11的竖条高了50倍,因为最矮的竖条只有1个单位那么高。如果图表是从0开始标注的,那么代表51的竖条比代表11的只高了不到5倍。

使用不合适的缩放比例。每次你看到那一行“不成比例”的小字时,就是这种情况了。这并不总是故意的,有时候数据之间差异太大,无法在同一页图表里表示出来。但是,你可以利用它来达到你的目的。举个例子,人们视觉上对大小的判断会被高度所吸引,但是会忽略竖条的宽度,如果某个东西很高(例如建筑物),就会显得比实际更窄或更宽。

如果没有特殊用途,通常图表的长(横轴)与高(纵轴)的比例为1:1到1:2之间,如果在这个范围之外,数据现实的结果会过于异常。比如:

6)混淆视觉配色

良好的图表表达,需要关注到色相、纯度、饱和度、明度,如果使用不当,传递的信息会大相径庭。

英国《卫报》的《全球死刑地图》以世界地图为视觉背景,在各个国家所处的版图位置上用圆圈大小显示其死刑数量。中国被涂上了极具隐喻意味的红色,而且以压倒性优势成为全球死刑数量最多的国家,最终在视觉上呈现出扩张性与攻击性趋势。

“彩虹地图”是基于光谱中的色彩制作的地图,《美国水资源协会杂志》(Journal of the American Water Resources Association)就利用了彩虹地图,展示了美国各州水资源蒸散总量的情况。

这幅彩虹地图运用了很多颜色,视觉上也挺美观的。但是有一个比较严重的问题是,地图中将美国从中划分了两个部分,右边都是深绿色和蓝色,而左边是浅绿色、黄色和橙色。因为左边和右边的颜色色相相差较大,读者很容易就会认为美国东西部水资源蒸散情况相差很大。

实际上,我们仔细看看图例就会发现,色相变动非常大的部分,对应的数值变动非常小。这就很容易误导读者,他们会首先根据色相的大差异判断东西部的水资源情况差异大,然而事实并非如此。

一句话总结图表误区:你看到的信息,可能已经失真、被混淆、不是最重要的部分

2、视觉误差

视觉误差,即错觉,是指人们对外界事物的不正确的感觉或知觉。最常见的是视觉方面的错觉。产生错觉的原因,除来自客观刺激本身特点的影响外,还有观察者生理上和心理上的原因。其机制现在尚未完全弄清,来自生理方面的原因是与我们感觉器官的机构和特性有关,来自心理方面的原因是和我们生存的条件以及生活的经验有关。

1)左右脑

大脑的左右脑分工是不同的,你的左脑读出单词,你的右脑看到的更多的是颜色

2)不可能图形

局部线索在认知上都是合理的,但整体来看,却是一幅不可能的图画,正复合格式塔心理学的概念,整体不等于部分之和。

3)两歧图形

每个人心中都有一个世界,你看到的和我看到的是一样的么?两歧是指对这些图形有两种或两种以上的解释。在看成一种图形时就不会看成另外一种图形,它和知觉的稳定性有关。

4)颜色知觉

当人眼一看见某色立即产生的感觉称为色彩知觉。这种反应是下意识的,带有普遍性,在实际生活中,色彩的生理现象与心理现象往往是分不开的。人眼对某些色彩刺激后产生生理上的疲劳会引起心理上的厌倦,使人产生联想。你看到的可能是骗人的,色彩只是一种主观的知觉么?

如下面的图,你心中的春天是什么颜色呢?

如果仅仅放置了一张图片,告诉你find your spring,寻找你的春天,这是一个品牌的广告,从品牌内容上并没有呈现任何有关春天的故事,而仅仅传达了一个温暖放松的氛围,从图片上可以随意联想,用户可能会有很多个触点被引导到这个广告上面。

5)大小长度错觉

大小错觉是指 大小一样的物体,在一些比它大的物体中看上去显得小,而在另外一些比它小的物体中则显得大的视觉现象。这种错觉是因物体与其所处参照系或与其他物体的关系不同而形成的。其种类包括艾宾浩斯错觉、德勃夫错觉、贾斯特罗错觉和月亮错觉等。其中艾宾浩斯错觉最为典型。

6)错视图形

错视,又称视错觉,意为视觉上的错觉。属于生理上的错觉、特别是关于几何学的错视以种类多而为人所知。就是当人观察物体时,基于经验主义或不当的参照形成的错误的判断和感知。视错是指观察者在客观因素干扰下或者自身的心理因素支配下,对图形产生的与客观事实不相符的错误的感觉。我们日常生活中,所遇到的视错觉的例子有很多,圆的不圆,方的不方,是世界的扭曲,还是我们心理的扭曲?下面的图是鸭子?还是兔子?

7)视觉后像

视觉后像是指光刺激作用于视觉器官时,细胞的兴奋并不随着刺激的终止而消失,而能保留一短暂的时间的现象。这种在刺激停止后所保留下来的感觉印象称为后象。

盯着灯泡看三十秒钟以上,尽力不要移动目光。然后把目光移到任何白色的区域。看到灯泡发光了吗?这就是经典的“视觉后像”。

一句话总结视觉误差:眼见未必为实。

参考文章:

可视化如何用颜色传递信息,避免颜色陷阱 | 图表家族#61 http://www.sohu.com/a/276513784_416207

http://www.360doc.com/content/14/1231/02/20284327_437013822.shtml

http://cda.pinggu.org/view/17433.html

(三)拨开生活中的数字迷雾,警惕图表的陷阱相关推荐

  1. (二)拨开生活中的数字迷雾,警惕逻辑的陷阱

    你不相信数据,引导你相信数据,你相信数据,引导你不要相信数据,其实讲的都是逻辑. 从数据到信息的过程我们总结为如下三个关键逻辑步骤,没有对步骤再做过于细节的拆解. 1.数据处理陷阱 我们得相信,即便是 ...

  2. (四)拨开生活中的数字迷雾,警惕认知的陷阱

    1.数据营销陷阱 (1)数据营销陷阱--营造数据环境 市长政绩工程 某市市长上任三年,该市中小学数学考试成绩稳步上升,市长以此为据,宣传自己的教育改革颇有成效. 实际情况是,市长上任后,指示教育厅要逐 ...

  3. 计算机组装与维修说课稿,大班《生活中的数字》说课稿

    大班<生活中的数字>说课稿 一.说教材 我说课的内容选自大班数学领域<生活中的数字>."数"来源于生活,运用于生活.寻找生活中的数字这一活动内容灵活丰富,根 ...

  4. 生活中的设计模式——启程之前,请不要错过我

    两年前CSDN出一个产品叫ink,旨在提供一个高质量写作环境.那时就有写这一系列的想法了,而且也确实写了,就在ink里写了三篇文章,后来不知道因为什么原因这个产品下架了,我的三篇文章也没了,这事也就一 ...

  5. 第一章 日常生活中的正念

    目录 一.洗碗就是洗碗 二.吃橘子 三.生活中的时间 四.结论 五.思考 一.洗碗就是洗碗 洗碗时,人们就应该只是洗碗,也就是说,洗碗时,应该对"正在洗碗"这个事实保持全然的觉知. ...

  6. 生活中的适配器模式——身高不够鞋来凑

    [故事剧情] 晚上九点半,Tony上了地铁,准备回家,正巧还有一个空位,赶紧走向前坐下.工作一天后,疲惫不堪的他正准备坐着打个盹小睡一会.这时进来两个小姑娘,一个小巧可爱,一个身姿曼妙:嬉笑地聊着天走 ...

  7. 失败在大学生活中的三种功能

    --在2021级本科生开学典礼上的发言 清华大学写作与沟通教学中心主任公管学院长聘副教授:梅赐琪   尊敬的各位领导,各位同事,亲爱的2021级新生以及各位家长: §01 前言   首先请允许我代表我 ...

  8. sql提取字符串中的一部分数据_学会这三招提取字符串中的数字不用愁

    在Excel表格中提取字符串中的数字是我们经常会遇到的问题的,那么平时朋友们都用什么方法呢?今天分享三种方法,学会这三招,提取字符串中的数字不用愁. 一.使用Ctrl+E快速智能填充快捷键: 说明: ...

  9. 生活中的数学(为生活建模)(三)—— 代数

    生活中的数学(为生活建模) 生活中的数学(为生活建模)(二) 生活中的数学(为生活建模)(三) 1. 满二百减一百 某购物网站,推出自营商品"满二百减一百"促销活动.某商品的价格在 ...

最新文章

  1. 你不知道的Vue响应式原理
  2. iPhone12要来了,苹果第一款5G手机,哪些值得期待?
  3. each,collect map collect! map!
  4. apache代理时java获取IP的问题
  5. salt-api配置
  6. [JavaWeb-JavaScript]JavaScript注释数据类型
  7. gitee自动部署的使用
  8. Ubuntu18.04上手配置入门指南
  9. 百度地图API--百度地图底色选择
  10. js放到head中失效的原因与解决方法
  11. Typescript 类型的常用知识与技能
  12. 梦断代码读后感——终结
  13. java多线程使用心得
  14. 手把手入门三菱PLC FX2N系列(一)安装GX works2 、 连接PLC、基本操作
  15. Python图像旋转任意角度
  16. Stata 15详细安装步骤
  17. PyTorch 单机多GPU 训练方法与原理整理
  18. 三维扫描用于3D打印技术
  19. 桌面IE图标删不掉解决方案
  20. BootStrap左侧菜单栏

热门文章

  1. Greenplum集群Master与Standby相互切换
  2. 项目中加入百度联盟广告。
  3. mybatisplus报 Invalid bound statement (not found):
  4. [转摘] 从月薪3500到身价700万 我在上海的奋斗岁月
  5. CIO必读:平常心走IT路 吴正宏经历的信息化三十年
  6. 将特殊的字符串转换为字典
  7. ISA2006禁止BT下载方法
  8. RC延时电路的 时间常数 和 延时时间(电压达到时间)和电容充放电时间计算和选取
  9. spring4+hibernate4+springmvc+nginx+redis实现session共享
  10. java消息队列mq_我爱java系列---【消息队列(rabbitmq)】