让传达更有效!7个提升数据可视化的实...

  • 经验类型经验/观点原作者:Becca Selah

  • 经验属性自译外文
  • 经验版权署名-非商业性使用-相同方式共享
15896 3 215 2018-07-30

今天的文章不长,但是干货还是不少的。对于数据可视化,我觉得在设计原理上其实是相通的,都是为了更好的传达信息。所以,同样的,关注核心信息,剔除信息杂质,就能使数据表信息的传达更有效。


良好的数据可视化就是清晰,有效地传达信息,而不会分散用户注意力。 本文将会介绍一些小细节,帮助你做好数据可视化。


1. 避免使用鲜艳的颜色

明亮鲜艳的颜色就像是把所有的字母都大写想要强调一样,你的听众感觉你在对他们大声推销。而当有很多人在大喊大叫时,通常是很难集中注意力听他在说什么的。单调的颜色,反而能很好地用于数据可视化,因为它们可以让你的读者理解你的数据,而不至于被数据淹没。


当你想要强调数据时,可以使用更亮的颜色。比如你的公司与竞争对手相比较时,或者你可以在现有颜色基础上加深颜色。

Image title

△ 多彩的颜色效果就像把文字全部大写一样


2. 避免使用饼图

尽管它们很受欢迎,但饼图并不是一种可视化数据的有效方法。 为什么? 因为你的大脑很难确定每块馅饼的相对大小。多使用条形图, 它能使受众更容易理解和比较数据的相对大小。


Tip:按降序或升序对数据进行排序,能更轻松地比较数据。

Image title

△ 饼图不是可视化数据的有效方式, 请尝试使用条形图。


3. 避免数据噪音

正如「数据界的达芬奇」Edward Tufte 所说,图表上的每一点信息都应该有存在的理由。


把不重要的东西减到最少或者去掉。这包括减弱或移除图形线,改变轴线 图形线的颜色,以及用浅灰色描绘电子表格。使得「数据比率」可以达到一个很高的水平,听众会更容易明白其中的数据情况。


Tip: 如果有人评价你的图表华而不实,你只需要优化数据比率就好了。

Image title

△ 隐藏或减弱非数据项能使数据脱颖而出


4. 使用简单易读的字体

有些时候,排版可以提升视觉效果,增加额外的情感和洞察力。但数据可视化不包括在内。坚持使用简单的无衬线字体(通常是 Excel 等程序中的默认字体)。无衬线字体即是那些文字边缘没有小脚的字体。

Image title

Image title

△ 不用使用手写体,以及其他会分散数据可视化注意力的字体


5. 使用表格数字字体

表格间距赋予所有的数字相同的宽度,使它们排列时能彼此对齐,使对比更容易。大多数流行字体都内置了表格。不确定字体是否正确?就看小数点(或任何数字)是否对齐。

Image title

△ 使用一个表格数字字体,这样每个数字间都保持对齐(像右图),比较起来更容易


6. 使用相同细节和精度的数字

添加的细节(和数字)越多,大脑处理的时间就越长。想想你想要用你的数据传达什么,以及最有效的方式是什么。

Image title

△ 每一个额外的数字都需要大脑去理解


7. 使用基础图形

一个很好的经验法则是,如果你不能高效理解,你的读者或听众可能也难理解。因此,坚持使用基础图形:直方图、条形图、维恩图、散点图和线形图。


译者注:关于这些数据图的区别以及使用方法,我这里就不作展开说了,有兴趣的可以自己去网上翻翻。每种图形都用它的特点和使用场景,还蛮有意思的。以下是我在网上搜集的图形示例:

Image title

△ 直方图

Image title

△ 条形图

Image title

△ 维恩图

Image title

△ 散点图

Image title

△ 线形图



原文:https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708

作者:Eugen Eşanu

译者:彩云Sky

本文翻译已获得作者的正式授权

Image title

授权截图



本文由 @彩云Sky 原创发布于公众号:彩云译设计。未经许可,禁止转载。

全部评论:3

  • Janelai冲冲

    2018-08-11 12:04

    饼图是整体数据综合,条形图就表达不出来这个含义

  • 可乐可乐2511

    2018-07-31 21:27

    我们两的名字都是彩云,姓不同

  • _N1c

    2018-07-31 09:32

    很赞的干货~~~

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票