[自译]设计有效的信息图

2018-08-21  本文已影响21人  ShusQ

这篇文章,讲述了信息图设计中的一些要旨,以及常见的一些错误,信息图在现代的数据表现中也是越来越重要了,如果你感兴趣的话,还是可以去原文看看(NNG的文章感觉浅尝辄止,没有让人醍醐灌顶的感觉啊...

原文链接:Designing Effective Infographics

原文作者: Lexie Martin

信息图是,可以将数据转换为便于理解和吸引人的视觉媒介。将视觉与文字图形结合在一起,更好地表达出意图,但这并不容易实现。

随着我们收集数据的方式,和分析数据的工具发展,我们的世界正变得更加丰富。在一个日趋数字化的世界里,设计师面临的挑战之一就是,如何将数据转换成一种大众容易理解的媒介。信息图就是一种强大的讲述工具,允许用户理解,分析,摸索数据。社交媒体的分享,让信息图在内容营销的网站上很受欢迎。

数据可视化和信息图之间的区分是微妙的,表格,图形,地图是常见的数据可视化类型。

在人机交互中,信息可视化领域研究交互式数据表现。与静态的数据可视化不同,信息可视化允许用户操作,获得不同的数据。

信息和数据可视化让人知道了从数据中摸索的模式。对于特定类型的受众或语境,可视化可能并不能够很好的传达您的信息。在这样的情况下,信息图可以更清楚地表达你的关系。

定义:信息图是一种媒介图像,只在呈现复杂的信息和数据,易于理解。信息图通常包括数据和少量的信息可视化,由插图、事实、引用和标题组成。信息图可以独立存在。

信息图设计指南

信息图上的每一项都应该传达出有意义的信息。Edward Tufte在他的1983年著作《The Visual Display of Quantitative》提到了data-ink ratio的概念,用来总结可视化的数据密度。该比率将有价值的信息与完整的图形进行比较。理想情况下,数据可视化具有较高的data-ink比例,图形中的大部分视觉都传递出有意义的信息。

Tufte提倡一种极简主义的图表展示方式,引导用户看到呈现的信息,而不是设计师的个人表现。他的方法消解了所有的装饰-一个完美的data-ink比例的图,不仅省略了插图,而且还删除了背景图片、图标装饰,甚至网格线。

信息图是一种混合的媒介,这里有许多创造的空间。有趣的视觉元素,例如插图、照片、图标,在媒介中是可以接受的,甚至被预期。使用视觉的主题可能会让你的作品更容易表达出抽象的概念。增加数字意义的元素,可以提高信息图的可共享性,在Twitter或Instagram上理解信息。

诚实的信息

在设计信息图时,最重要的是清楚真实的呈现数据,显示数据差异的方式,准确地传递数值,如果你的图形汇总包括了统计信息,请明确指出数据的信息源。

几十年来,统计学家和信息设计师一直在讨论图表尺度细节。一个特别有争议的是Y轴起点。Darrell Huff在他1954年出版的《How to Lie with Statistics》一书中告诫读者,任何以0开始的Y轴图表都要小心。一些专家并不统一,认为只要清楚地表达出比例,这个规则就没有必要。为图表选择一个恰当的比例,清晰地展现趋势和传递数据集合做一个平衡,数据可视化的起点应该显示数据集的基线状态。在许多情况下,0是一个自然起点,而当另一个逻辑起点存在时,不需要强制按照0为起点。

例如在金融业,股票图表的Y轴就是一种常见的做法。用户通常关注股票价格的细节,以及随着时间推移的变化,而不是从0开始的价格。

但是,如果主要用户的任务是比较图上的不同数值,则截断Y轴是不可取的。例如用户想要比较2017年10月与2018年10月的股票价值。可能会错误的以为股票价格翻了一番。

下面的图表也可能会因为Y轴被截断了而产生误解。这张图表反映了美国人对一项有争议的判决的感受。粗略一看,会以为民主党与共和党之间存在着明显的意见分歧。事实上,绝对数据显示62%的民主党人和54%的共和党人同意法院的决定。

极简主义与信息图设计

尽管在信息图的世界中,设计规则是相当宽松的,但极简主义也是有帮助,是减少内容复杂性的设计哲学。

选择可读性的字体,而不是装饰字体。选择合适字体是关键。媒介需要许多不同的文本大小:标题、引号、统计信息、字号应该不同,用以在图形中建立清晰的层次结构。应该避免使用脚本字体,和过于复杂的衬线字体,因为他们会分散眼睛查看信息图时收到的视觉信息。

选择一个有限的调色板,不同的颜色在视觉上会更吸引人,也更吸引注意力。颜色是一种很好的方式,可以快速传达图表上的差异,突出信息图的各个部分,但太多的颜色会过于强势。

颜色是强大的信息工具,但并不应该被用作唯一的视觉区分。色盲和色弱的用户会很难理解仅使用颜色传递信息的信息图。一个最简化的调色板,可以让设计师意识到颜色意外的表达方式。

选择简单的插图,可以让信息图的焦点保持在相关数据上。这些插图应该支持文章的信息,而不需要直接解释数据。上面的信息图还讨论了公司如何招募远程开发者。

这个信息图中的图形元素是现代和极简的。线条清晰,图形也不包含复杂的纹理。遵循统一的美学习惯。元素保持了简单一致的样式,让信息图看起来像一个统一的,视觉上令人愉悦的整体。

交互性

交互式信息图包括用户可以直接操作的数据和可视化信息。这类型的信息图提供了上下文和叙述,同时允许用户控制他们看到的数据。近年来,交互式信息图已经流行起来,新闻媒体也经常以交互式信息图来表现,让读者能够理解数字背后的故事。

在添加交互元素之前,考虑一下正在创建的部分需求。用户对数据的哪些方面感兴趣?如果你只想说明一点,那么静态可视化就足够了。如果你希望用户操作并深入了解数据的不同方面,交互式信息图可能是合适的。

分享与社交媒体

信息图经常在Twitter、Facebook、Linkedin等社交媒体上分享。这些频道可以推动你的内容流动。然而,在社交媒体上分享的图片经常被转帖,而没有连接到原始的原来,你可以在创建的信息图中添加水印或标识。这可以帮助用户找到完整版本。

常见错误

分散用户注意力的视觉元素,信息图的图形元素应该增加用户对信息的信息,而不是让用户的注意力从你想要传达的信息上移开。

不恰当的尺度。正如我们前面所讨论的,这个常见的错误会破坏可视化信息的真实性。当图表的比例不能准确地表现出数据点之间的差异时,它就会破坏数据的印象。信息图中被裁剪、拉伸、扭曲都会造成不好的影响。

不假思索的复制。信息图是一种视觉媒体,但观众所阅读的内容仍然很重要。许多信息图的设计师在设计过程最后才添加文本,并使用不清晰的文字,这会影响整个图像。此外,一些信息图表格忽略了对文本格式的优化,长而无结构的段落会造成信息过载。

不清晰的层次结构。视觉层次结构通过信息图呈现的信息来引导观众。如果项目没有规则,那么信息图的信息就很难被识别。

常见错误的说明

数据可视化和信息图并不是一门实际的学科。这里讨论的常见错误一定程度上是普遍存在的,因为发展太过于迅速,数据可视化已经刊印了几个世纪,最近的互联网发展,在我们使用的材料上发生了巨大的变化。十年前,交互式信息图在flash中的表现很困难,但是在现代的浏览器中,响应速度很快,最佳实践是随着技术的进步,视觉趋势也会发生变化,但可访问的信息设计基本原则不会改变。

当你创建一个信息图时,要求清晰并提升可访问性,而不是绝对的完美,迭代生产的图形,可以发现如何以用户理解的方式呈现内容。

结语

信息图是一种很好的方式来沟通复杂的概念,以一种可访问的娱乐方式。这种混合媒介,将数据可视化和图形文本结合,让信息易于理解。许多已经构建于用户界面的启发式设计应用于数据可视化和信息图,创建更漂亮的数据表达。

上一篇下一篇

猜你喜欢

热点阅读