文章1链接:https://mp.weixin.qq.com/s?__biz=MzUyMjI4MzE0MQ==&mid=2247484541&idx=1&sn=2433eaf3e23ce9d200cbf3dc5925b77d&scene=21#wechat_redirect

这篇文章主要以产品经理的视角,阐述了作者对可视化的一些理解。
以下是我在读文章后,自己的一些简单笔记。
以作者切入的角度,可视化可以分为4个步骤:

  1. 确定主题:我主张一幅图解决一个问题,确定主题,在我看来就是确定你做的可视化里要解决什么问题
  2. 提炼数据:解决这个问题,用户需要看(用)什么指标(主要指标,次要指标),用户为什么要看这些指标(明确用户想表达数据之间的相关关系)
  3. 确定图表:梳理数据关系-根据数据关系确定图表(选对图表类型对表达数据间的关系会有很好的作用)
  4. 布局设计:页面布局:1.突出主要指标2.表之间的展示要依据一定的顺序,或是逻辑顺序,或是用户使用习惯3.三大准则:聚焦/平衡/简洁;

关于可视化设计
图表制作:1.非数据层,需注意颜色/网格线/背景色/容器等;2.数据层:思考极端表现需要作何特殊处理(极大值极小值/差距极大极小值))

最后可以在针对数据进行可视化设计之前,先了解数据的分布情况,量级,对数据有个大概了解会比较好。

文章2链接:https://mp.weixin.qq.com/s?__biz=MzU5MDg3NTU5Nw==&mid=2247483677&idx=1&sn=6cad08a22b3ad5fda103672ae6b46652&scene=21#wechat_redirect

这篇文章也阐述了作者对数据可视化流程的一些理解
以作者切入的角度,数据可视化是一个以数据流向为主线的一个完整流程。主要包括数据采集、数据处理和变换、可视化映射、用户交互和用户感知5个步骤。
(个人比较关注作者对可视化映射的理解。)
可视化映射:
可视化元素由3部分组成:可视化空间(二维/三维)+标记(点/线/面/体)+视觉通道(标记位置,大小,形状,方向,颜色等)
可视化的目的,是为了反映数据的数值,特征和模式,以更加直观,易于理解的方式,将数据背后的信息呈现给目标用户,辅助其作出正确的决策。

下面是《用数据讲故事》(作者:[美] Cole Nussbaumer Knaflic 译者:陆昊 吴梦颖)的读书摘抄记录。

呈现在PPT上的信息越少,被听众记住的信息反而越多。没有达到效果是因为犯了三个错误:1.没有选择最合适的关系图表来呈现;2.用了过多的修饰和美化,分散了听众对核心信息的注意力;3.数据图表的呈现形式过于单调

上下文的重要性

你进行探索性分析,但你要确定受众是需要看你的探索性分析还是解释性分析。

  • 明确对象,内容和方式
    受众是谁?受众如何看待你?希望受众了解哪些内容或者做什么?希望受众如何反应? – 从而确定你的沟通方式和整体基调
  • 用数据表达观点
    总之,基于分析作出具体的观察和推荐时,用数据进行沟通的人需要更为自信。请记住,即使你强调或推荐了错误的结论,将沟通的过程聚焦在行为上就没有走歪路。对候选行为提出建议是让交流继续下去的明智之举,因为这会让受众有东西可以参照而非从空白开始。如果真的不适合针对行为提出明确的建议,发起讨论也是值得鼓励的。
  • 保持幻灯片内容简洁
    只呈现能够强化演讲的内容。你要借助幻灯片想起下一个话题,但不应该把它当作讲稿。
  • 三分钟故事和中心思想
    三分钟内把必要信息告诉受众 和 将沟通内容精炼为一句话(必须能陈述你独特的观点/必须切中要害/必须是一个完整的句子)

选择有效的图表

1.当只有一两项数据需要分享时,直接使用数据本身。
2.在现场演示中使用表格往往不是一个好主意。当受众阅读表格的时候,他们不再听你口头表达的观点。如果去掉表格会导致丢失大多信息,不妨考虑将完整的表格放在附录中,用一个链接来满足受众的需要。使用表格时需要记住的一点是,让设计融入背景,让数据占据核心地位。不要让厚重的边框和阴影与数据争夺受众的注意力。当你使用热力图的时候,记住每次都要附带图例以帮助读者解读数据。
3.斜率图适用于两个时间段或者两组对比数据点,可以快速地展示两组数据之间各维度的相对提升,降低等差异。折线图可以展示一组或多组数据线图在展示数据随时间变化上表现优异。
4.涉及信息分类时,条形图是首选。因为我们比较条形图的相对末端,所以条形图一定要有原点(x轴和y轴的交点)。 如果使用了非0原点,必须向受众特别说明,并且要考虑上下文,以避免将微小的变化过度放大。在设计展示类别数据的图形时,你需要对类别的顺序深思熟虑。(在没有其他视觉暗示时)受众通常会从左上角开始看图,然后“之”字形来回。
5.堆叠水平条形图,如果左右两端有着一致的基线,按百分比组织可以用于可视化对一件事从负面到正面的观点占比,使比较最左侧和最右侧的部分变得更简单。
6.人眼不擅于在二维空间进行定量的度量,这使得面积图比我们讨论过的其他图表类型更难阅读。当需要可视化相差极大的数值时,可以用面积图,能比单一维度更紧凑地进行可视化。
7.饼图能够传达的一个独特的信息就是整体和部分的概念。(但替代饼图的方式有很多,而且做得比饼图要好。)
8.避免使用右侧/第二条y轴。思考以下方法是否能满足你的需求:1.不添加第二条y轴,而是将该轴的数据点以标签形式直接展示。2.将图形竖直分割开(分上下两块),借用同一条x轴,但各自使用不同的y轴(都置于左侧)。(还有一种不太推荐的改进方法,用两种y轴,但是用不同的颜色区别,比如,条形图和左边y轴使用蓝色,折线图和右边y轴使用橙色。)

杂乱是你的敌人

要考虑为受众,最小化感知到的认识负荷(在合理范围内最小化,并保证你仍然能够传达信息)。
学会利用这些原则:

  • 临近原则
    我们倾向于认为物理上临近的物体属于同一个群体。通过调整点与点之间的空白,你的眼睛会按预设的方向移动。
  • 相似原则
    拥有相似颜色、形状、大小或者方向的物体会被视作相关或从属于一个群体。利用这个原则,帮助将受众的目光聚焦到我们所期望的方向。例如,用颜色来使受众按行阅读表格,这消除了使用边框等额外元素引导注意的需求。
  • 包围原则
    我们会认为物理上包围在一起的物体从属于同一个群体。使用场景之一是为数据添加一个视觉上的区分,通常使用浅色的背景就足够了。
  • 闭合原则
    闭合的概念是指人们希望事情能够简化并符合脑海中已经存在的结构。因此人们倾向于将一系列个体元素看作一个可识别的形状——当部分缺失时,我们的视觉会帮助填充。例如表格的周围边框是没有必要的,去掉并不会影响数据的完整性(我们脑海已经帮忙识别出表格了),反而会突出数据。
  • 连续原则
    当我们观察物体时,尽管没有显式的路径,但我们的眼睛倾向于寻找最平稳的路径并自然地创造出连续性。例如,去掉了y轴的横向条形图。
  • 连接原则
    我们倾向于将物理连接的物体视作一个群体。
  • 连接属性
    通常比相似的颜色、大小和形状有更强的关联价值。连接属性通常没有包围原则那么强,但你可以通过线条的粗细和深浅来影响这种关系以达到理想的视觉层次

对齐,留白,正确地使用对比

尤其是在现场演讲的情况下,重复使用相同的图表,但用不同的部分强调不同的问题或者同一问题的不同方面是一种有效的策略。这可以首先让受众首席数据和图表,再进行说明。使用前注意属性时有一点需要注意:当你突出故事的一点时,其他部分实际上会更难被看到。(可以尝试先将所有元素先融入背景,然后再慢慢突出你想让受众注意的地方。)

聚焦受众的视线

你应该用故事,而不是图表的设计元素保持受众的注意力。受众通常会花时间熟悉颜色代表的含义,然后假设同样的细节在后续的沟通中都适用。
颜色能够唤起情感。

就数据可视化的形式和功能而言,我们首先考虑的是我们希望受众能用数据做什么(功能),然后才是用可视化(形式)来简化这个过程。

像设计师一样思考

突出重要内容-消除干扰-建立清晰的信息层次清晰而深思熟虑的视觉层次能够为受众提供在复杂图表中处理信息的顺序,而不会让他们感到复杂。

不要过于复杂-文字是你的朋友

不要假设两个不同的人看同一幅图表会得出相同的结论。如果你希望受众得出一个结论,用文字进行表达。

要对“现有方式”做出重大改变,除了用新方式替代旧方式之外,还需要花费更多精力让新方式获得认同。

你可以在数据可视化设计中采用以下几种策略来获得认同。
1.阐述新的或者不同方法的益处。
2.并排展示。
3.提供多种选择并寻求反馈。
4.与有影响力的受众合作

如果你认为自己遭到了抵制,那么需要考虑到底是受众不能很快地接受变化还是你的设计可能有问题。你可以从利益无关方处寻求反馈来测试这一点。

我们可以用故事以超越事实的方式让受众从情感上参与。

“如何写出风格”
1.寻找你关心的主题。最吸引人的元素是真正关心的问题,而非玩弄文字的手法
2.不要乱说
3.保持简单
4.敢于删减
5.发自内心
6.按规矩说话
7.心怀读者

开头

首先要做的是介绍情节,为受众建立情境。我们设立故事的必要元素(设定、主角、未解决的问题及期望的结果)把冲突和紧张当作讲故事的工具——在失衡和平衡之间,或者在你所关注的问题上——它能帮助你吸引受众。将你的故事套上他们(受众)的问题,这样他们将立刻参与到问题的解决之中。

中间

一旦设定了舞台,旨在说服受众采取必要的行动。以下是一些可以涵盖的内容:覆盖相关背景,进而推动情况核问题进一步发展;结合外部上下文和对比点;举例说明问题;包括能够说明问题的数据;阐述如果不采取行动或者不发生变化会怎样;讨论解决问题的潜在选择;说明建议方案的优势;向受众明确为什么他们会处在这一决策的位置;(将每条标题写在便利贴上,调整顺序以形成清晰的流程,按逻辑顺序将它们连接起来。)

结尾

故事必须结束,以呼吁行动结束:让受众完全清楚地了解,你希望他们如何利用你传授的新知识。

叙事结构

1.时间顺序,发现问题-收集数据-分析数据-得出结论-提出建议
2.从结尾开始,先从呼吁行动开始,再回到支撑故事的关键部分。(适用于已与受众建立了良好关系,获得信任,或者受众对“结果”更感兴趣而不太在乎你的方式)

为了使叙述流清晰,还应考虑哪些部分用书面叙述,哪些部分用口头叙述。

口头叙述和书面叙述

在现场演讲中,你能够用说的话强调屏幕或者页面上的文字。
现场演讲的一个挑战在于,你必须确保受众在幻灯片上阅读的内容不是过于密集或耗费精力,否则他们的注意力会集中在幻灯片上,而非聆听你的演讲。
另一个挑战在于受众会有无法预测的行为。这也是清楚地阐述你希望受众扮演的角色以及你的演讲如何组织的非常重要的原因之一。(例如,如果发生将要偏离主题的时候,你可以说,我知道你会有很多问题,请把它们记下来,我保证最后会留时间解答,但请首先看看我们团队得出结论的过程,这也可以解释今天需要你们做什么;再例如,你是准备从结尾开始,你可以说,今天,我会先讲讲需要你们做什么。我们的团队做了详尽的分析,得出了这一结论,我们也衡量了几种不同的选择。我会带你们过一遍。但在此之前,我希望先说明今天我们对你们的要求,那就是。。。)(个人觉得,这方面的阐述,在受众对你的团队或者你的报告存在质疑、不信任的时候,你应该换种说法(你需要自信)。)

在书面报告中
需要考虑什么词语需要被展示。
让每张幻灯片的“结论”清晰是尤其重要的。
确保文字的存在是为了让你的观点清晰并与受众相关。

“Bing Bang Bongo”概念:
(Bing概要)告诉受众你准备讲什么
(Bang实际内容)讲述内容
(Bongo结论)总结所讲内容
为受众阐明覆盖内容-提供细节-提供总结(不同角度重复了三遍)

保证故事清晰地策略

  • 水平逻辑关系
    在最开始放一张概要幻灯片,内容按顺序对应一条条幻灯片标题。(让受众了解应该期待什么)
    (你只阅读每张幻灯片的标题,这些片段可以拼成整个故事。这些标题必须是行为性标题(而非描述性标题)才能有好的效果。)
    检查水平逻辑关系是验证幻灯片中故事是否清晰地方法之一。

  • 垂直逻辑关系
    垂直逻辑关系代表某一幻灯片上的所有信息都是自强调的。内容与标题相呼应,文字与图表相呼应,没有多余信息。
    同时使用水平和垂直逻辑关系有助于确保你的故事在沟通中清晰易懂。

  • 反向故事版
    你在沟通的最后写下每页幻灯片的要点。这个结果列表应该和故事或者故事大纲一样。如果不一样,有助于你从结构上理解哪里需要增敬爱、删减或者调整。

  • 新视角
    与不了解上下文的人沟通,排练,根据反馈进行修改,以此进行迭代。借用朋友或者同事的新视角,确保你的沟通正中目标。

只有让受众作为主角才能确保故事是关于他们而不是我们。通过与受众联系起来,我们所展示的数据会成为故事中的关键点。用数据讲故事。

你必须熟知你的故事,能够完全脱离图表进行叙述。

底线是:你所展示数据的顺序应该有逻辑。

永远记得考虑你希望受众如何使用图表,并依此作出设计选择:不同的选择会在不同的场景下发挥作用。

如果没有在分析过程的最后一环(沟通环节)中投入足够的时间,简单地将两者结合起来有可能会丢失相当多的潜在价值(包括驱动行为和有效改变的机会)。这是整个流程中受众能够看到的唯一环节。请在这个重要的环节投入时间,并预期它比想象中更久,以确保有足够的时间迭代和完善。

可视化读书笔记(一)相关推荐

  1. WPF,Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形

    原文:WPF,Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形 说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘> ...

  2. Matplotlib 数据可视化(读书笔记)

    Python 数据科学手册第四章读书笔记,仅供学习交流使用 4. Matplotlib 数据可视化 4.1 Matplotlib 常用技巧 4.1.1 导入 Matplotlib plt 是最常用的接 ...

  3. 《Python深度学习》第五章-5(可视化过滤器)读书笔记

    5.4 卷积神经网络的可视化 卷积神经网络学到的表示非常适合可视化,很大程度上是因为它们是视觉概念的表示\color{red}视觉概念的表示视觉概念的表示.接下来介绍3种可视化方法. 事中\color ...

  4. 《信息可视化:交互设计》读书笔记

    <信息可视化:交互设计>读书笔记 第一章 什么是可视化 可视化:对某事建立心理模型或心理图像 除了图形外,声音和其他感知形式都可以用作数据描述. 我们经常听到的信息过载从本质上来讲应该叫做 ...

  5. WPF,Silverlight与XAML读书笔记第三十七 - 可视化效果之Brush

    说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘>的编排,对内容进行了总结并加入一些个人理解. Brush用于定义形状的填充,包括前景色与背 ...

  6. 《Data-Intensive Text Processing with mapReduce》读书笔记之一:前言

    暑假闲得蛋痒,混混沌沌,开始看<Data-Intensive Text Processing with mapReduce>,尽管有诸多单词不懂,还好六级考多了,虽然至今未过:再加上自己当 ...

  7. 《代码大全2》读书笔记(七)

    第二十一章 协同构建 这一章中的21.2其实上周就有看,因为上周进行了结对编程.不过读书笔记写在了一起. 21.1 概要 有一个惊人的数据,设计期间程序员平均每小时会引入1 ~ 3个缺陷,编码期间平均 ...

  8. python第三章上机实践_《机器学习Python实践》读书笔记-第三章

    <机器学习Python实践>,第三章,第一个机器学习项目 以往目录:橘猫吃不胖:<机器学习Python实践>读书笔记-第一章​zhuanlan.zhihu.com 书中介绍了一 ...

  9. 部署:持续集成(CI)与持续交付(CD)——《微服务设计》读书笔记

    一.CI(Continuous Integration)简介  CI规则1:尽量频繁地把代码签入到分支中以进行集成 CI规则2:不光要对语法进行验,也要提供一系列的自动化来验证 CI规则3:CI失败后 ...

最新文章

  1. R语言apply族函数
  2. mysql timestamp json_mysql中timestamp,datetime,int类型的区别与优劣
  3. Spring Boot Web Error Page处理
  4. qt的exe启动时隐藏图标_系统小技巧:Win10桌面图标问题多 常见3种这么解
  5. JConsole监控远程Tomcat服务器
  6. C语言实现基数排序Radix sort算法之二(附完整源码)
  7. linux inotifywait脚本,使用inotify/fswatch构建自动监控脚本
  8. 配置启动MySQL的Docker容器
  9. Java黑皮书课后题第6章:**6.22(数学:平方根的近似求法)实现Math类中dsqrt方法的技术:巴比伦法nextGuess = (lastGuess + n / lastGuess) / 2
  10. mongodb创建用户名和密码_Python中使用MongoDB详解
  11. FreeBSD下安装postfixl邮件系统
  12. mysql中文编码问题
  13. 计算机联锁接口,计算机联锁接口设计规范.doc
  14. 正版饥荒服务器怎么弄,饥荒联机版本地服务器如何创建
  15. 利用matlab来设计FIR滤波器参数
  16. Android 自定义相机黑屏
  17. JavaScript内的类型转换
  18. 报错:‘Concatenate’layer requires inputs with matching shapes expect for the concat axis. 解决思路
  19. Linux程序设计(第4版)
  20. c语言问题 输出字符类型及数量

热门文章

  1. 三菱880彩铅和uni的区别_彩铅测评|用三菱uni彩铅画出更有层次感的花卉作品!...
  2. 陕西省综合管理计算机考试题,2013陕西省计算机等级考试试题 二级C试题考试题库...
  3. JAVA构建树状结构
  4. axure动态面板滑动效果
  5. typora如何导出深色背景的pdf
  6. C++ 计算一个数的根号值
  7. 哪些APP开发公司比较好
  8. Adobe Premiere // Adobe After Effects简称“AE”是Adobe公司推出的
  9. 【职业规划】八皇后问题
  10. win10系统开启扫描仪服务器,Win10 1803如何打开扫描仪|Win10 1803打开扫描仪的方法...