英文:Katy French,翻译:优设

可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落地于读者的体验,而非设计者个人。

本文提到了一些常见错误,也是我们团队总结出的一些技巧。这25条小贴士能够快速提升和巩固你的数据可视化设计。一起来看看!

一、原则

1. 选择可以讲故事的图表

你首先需要思考清楚你想达到什么目的、传达什么信息、以及你的用户是谁等。

2. 删减与故事无关的元素

这并不意味着要减少数据量,而是要多留意图表垃圾、多余的信息、不必要的说明、阴影、装饰等。可视化的绝妙之处在于它可以四两拨千斤般强化并传达你想表达的故事。(但可别用3D图表——它会让视觉化感知效果出现偏差)。

3. 为了更好的理解去设计

创建好可视化原型后,退一步考虑如何才能让读者更容易地理解数据。还可以增加、微调或者移除哪些简单的元素?或许要在线性图表里增加一条趋势线,你也可能会发现饼图切片太多了(最多只能用6片)。这些微妙的调整将会带来极大的改变。

二、对比

可视化让数据对比更直观,但是仅仅把两组图表紧挨着放在一起并不能达成这个目标,甚至更令人费解。(试想将32个不同的饼状图放在一起对比?No way!)

4. 加入零点基准线

尽管线性图表不一定从零点开始,但如果图表中含大量对比数据的话,零点就很有必要。相对来说,数据的小幅波动是有意义的(比如股票市场的数据),那么你就需要截断一个范围以展示它们的不同。

5. 选择最高效的可视化图形

保持视觉的一致性,让读者可以一眼辨别出,这意味着你可能要使用堆叠型柱状图、分组条形图或者折线图了。但无论选择哪种图形,不要让读者费力去对比太多东西。

6. 注意摆放的位置

如果用两个好看的堆叠型柱状图让读者去对比,但如果它们相距甚远,那就别谈什么对比了。

7. 讲完整的故事

或许你第四季度的销售额增长了30%,这是不是很令人兴奋?但还有更令人兴奋的,对比展示第一季度的数据,销售额就有了100%的增长。

三、上下文

诚然,数据与数字相关,但它通常结合上下文,一般是为后文要点提供背景知识。但在诸多数据可视化、信息图表和电子书中,我们看到的都是将数据可视化和上下文对立起来,而非结合使用。

8. 不要过度解释

如果上下文已经提到了某件事,副标题、标注、标题中不必重申一遍。

9. 让图表标题简单扼要

没必要用俏皮、啰嗦或双关的语句。图表上方的描述性标题应简明扼要,并与下方图表直接相关。记住:关注那些让人快速理解的方式。

10. 善用标注

标注并非用来填充空白的,而该用来强调相关信息或提供额外的背景知识。

11. 不要使用让人分心的字体或元素

有时确实需要强调某一点,只要用粗体或斜体文字即可,无须同时使用二者。

四、颜色

使用得当,颜色是出色的工具。但使用不当,不仅会让读者分心,甚至会产生误导。因此,请合理地使用颜色。

12. 使用一种颜色去表达相同类型的数据

如果条形图展示了月销售数据,那只需一种颜色即可。如果要在一组图表上对比今年和去年的销售数据,那么可用不同颜色代表不同年份的数据。另外,还可使用一个强调色去突出重点数据。

13. 注意积极和消极数据的表达

不要用红色表示积极数据或用绿色表达消极数据。这些颜色关联历来很强,它们早已在读者心中打上了标签。

14. 确保颜色间有足够的对比

如果颜色过于相似(例如浅灰与更浅的灰),人们难以发现两者间的区别。相反,也要避免强烈的对比色,例如红配绿或蓝配黄。

15. 避免使用图案

条纹和波点图案听起来有趣,但却十分让人分心。如果你想在地图等地方加以区分,可使用不同饱和度的同色,而且要纯色实线。

16. 使用恰当的颜色

当图表中的某些颜色比其他颜色更加突出时,会给数据增加不必要的重要性。因此,应该使用阴影有区别的单色或相同光谱中的两个类似色来区分强度。记住要用直觉以及色彩明暗去调整重要性。

17. 不要在一张图上使用6种以上的颜色

看图足矣。

五、标签

标签可能会变成雷区。虽然读者依靠标签来解释数据,但是太多或太少都会产生干扰。

18. 保证一切都贴上了标签

确保所有需要的信息都有标签——并且没有重复或拼写错误。

19. 确保标签可见

所有标签应清晰可见,并且对应的数据点都可以轻松识别。

20. 可以直接标记线条

如果可能,请在数据点中包含数据标签。读者可以快速识别线条和对应标签,不必寻找图例说明或类似的数值。

21. 不要过度标记

如果数据点的精确度对于故事讲述很重要,那么请包含数据标签以增强理解力。若并不重要,请忽略数据标签。

22. 不要倾斜地放置标签

如果在数据轴上的标签过于拥挤,请考虑删除轴上的其他标签,以使文本排布更舒服。

六、排序

数据可视化旨在帮助理解,难以理解的随机模式让人感到沮丧,并会破坏想传达的内容。

23. 直观地排列数据

图表应该有一个逻辑结构,可以将数据按照字母、顺序或大小类别排列。

24. 排序连贯

图例的排序应和图表中的顺序保持一致。

25. 排序均匀

在轴上使用自然增量(0、5、10、15、20),而非不均匀的增量(0、3、5、16、50)。

掌握这 25 条小贴士,快速提升数据可视化能力!相关推荐

  1. 快速提升数据可视化能力,需要考虑这25条

    可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示.设计过程中的每一个选择,最终都应落地于读者的体验,而非设计者个人. 本文提到了一些常见错误,也是我们团队总结出的一些技巧.这2 ...

  2. 可视化小目标--如何提升数据可视化的表现效果

    影响数据可视化最终效果的因素,分为两个层面: 一是非数据层面. 不受数据影响可视化效果的情况包括:比如说整个页面的布局:图表的辅助元素,如图表背景.网格线.外边框:交互方式的设计等.→不受数据影响的情 ...

  3. 如何快速提升你的能力?

    如何快速提升自己的能力? 答案很简单:投资自己! 投资自己,才是最好的投资. 建立你的自我投资基金 给自己建立一个基金吧,每天往里面放10元钱,经常用这个基金里的钱寻找不同的学习资料给自己充电. 你有 ...

  4. web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴

    web元件库.axure元件库.通用元件库.常用web组件.常用表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴 ...

  5. web元件库、axure元件库、元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴

    web元件库.axure元件库.通用元件库.web组件.控件.表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴. ...

  6. 信息时代的“自由宣言”:处理信息膨胀的21条小贴士

    如今信息时代中,我们总是被一条接一条的资讯轮番轰炸.时间不断的被这些洪水般的信息吞噬,你是如何处理的呢?是你被信息牵着鼻子走,或有效的管理着它们呢? 也许你觉得这些庞大的信息量是非常有用的,无论它们的 ...

  7. excel粘贴时出现故障_Workfine——快速整理数据的能力甩了excel几条街

    当excel面世时就称为极为流行的办公软件,因为其数据处理的功能也被企业人员爱不释手. 但是随着企业的发展,业务的增加,桌面上的各种excel表格着实让人头疼不已. 看着这些表格一种被excel支配的 ...

  8. 如何快速提升自己的能力?

    蓝字关注,回复"职级"获取知名互联网公司职级定义 最近好多位公号朋友问我如何快速提升个人能力,我发现这个问题还挺有代表性,于是我写一篇文章记录我的思考,一些我的建议与你分享. 以下 ...

  9. App数据统计分析:快速提升运营分析能力

    App精细化运营的必由之路是什么?一定是要搭建强大的数据统计管理系统,在此基础上进行高效的分析和运营.openinstall的应用统计功能就能满足全面的App数据统计和分析需求. 在当前应用统计服务并 ...

最新文章

  1. R语言效用分析 ( 效能分析、Power analysis)、除了pwr包之外还有其它包、例如、基因研究中的效能分析、MBESS包可用于各种形式的效能分析和最少样本量确定、其他效用分析包的简要介绍
  2. 新手探索NLP(六)——全文检索
  3. struts2 action之间参数的传递
  4. vs2017 +CUDA 9.0配置
  5. Ubuntu 16.04下Caffe-SSD的应用(七)——制作自己的VOC2007数据集
  6. [转]在Winform(C#)中使用Flash控件
  7. BP: Useful report to list assigned employees
  8. 11种图像清晰度评价函数
  9. 配置文件管理服务器,06-配置文件管理
  10. ospfdr选举规则_ospf DR和BDR选举注意的问题
  11. linux下编程语言,linux下各种编程语言安装
  12. C#中This的用法
  13. iPhone NavigationBar和UIToolbar基础
  14. 计算机实验报告protel,PROTEL_99SE实验报告
  15. 采集企业联系方式的10个经典方法
  16. html编写在线打字通,HTML5代码打字练习、HTML5案例 - 03
  17. [技术]使用人工智能玩微信跳一跳
  18. php 百度收录api_百度移动资源天级收录API提交-在线工具
  19. 注入神器 --SQLMAP使用示例
  20. 图中连通块的个数:并查集

热门文章

  1. LINUX内核中的xx_initcall初始化标号
  2. Inpainting图像修复halcon算子,持续更新
  3. 工业机器人智能发展:视觉和触觉感应简化
  4. Basler相机SDK相关问题收集与知识汇总
  5. 肺功能曲线图怎么看_如何看肺功能结果报告单
  6. android自验签名证书,没有以前的互联网连接,无法验证Android自签名证书
  7. mysql connection是什么_记一次MySQL出现too many connection
  8. 编写TreeSet类的实现程序,其中相关的迭代器使用二叉查找树
  9. mysql 安装目录说明
  10. [Noi2014]随机数生成器