美文网首页视觉设计彩云译设计设计
让传达更有效!7个提升数据可视化的实用技巧

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

作者: 彩云Sky | 来源:发表于2018-07-30 10:00 被阅读3次

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

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

    1. 避免使用鲜艳的颜色

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

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

    image

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

    2. 避免使用饼图

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

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

    image

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

    3. 避免数据噪音

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

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

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

    image

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

    4. 使用简单易读的字体

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

    image

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

    5. 使用表格数字字体

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

    image

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

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

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

    image

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

    7. 使用基础图形

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

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

    image

    △ 直方图

    image

    △ 条形图

    image

    △ 维恩图

    image

    △ 散点图

    image

    △ 线形图

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

    作者:Eugen Eşanu

    译者:彩云Sky

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

    Image title

    授权截图

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

    相关文章

      网友评论

        本文标题:让传达更有效!7个提升数据可视化的实用技巧

        本文链接:https://www.haomeiwen.com/subject/jopxvftx.html