跳到主要内容

创建交互式图表的专业提示

信息图表无处不在,而且越来越具有互动性。在这个页面上,我收集了一些例子最佳信息图表具有交互功能,并研究了它们的优点。在第二页,你会找到一些方便的资源和库,以帮助你建立自己的(或看看我们的顶部综述图表工具)。

请继续阅读,了解如何创建真正吸引观众的设计。

01.了解心理学

此信息图解释了信息图表工作原

在开始制作交互式信息图之前,值得考虑为什么要将其设为交互式信息图。

作为辉煌的信息图表为什么你的大脑渴望信息图表解释说,人们是视觉上有线的。我们更愿意阅读,理解并记住包含视觉效果的演示文稿。虽然视觉效果可以说是最基本的学习工具,但它们只能走得那么远。

动态学习的重要组成部分也是人们通过身体活动更好地保留信息的重要组成部分。因此,在已经强大的领域中添加交互性很有意义数据可视化应该使信息图更加难忘和有效。

视觉和动力学方法的结合使得交互式信息图表成为未来的数据可视化。当然,一些信息图表主题根本不鼓励使用任何互动元素 - 但许多其他元素都被它们大大改进。交互性有助于理解信息,控制用户,并以静态图形无法捕捉的方式捕捉想象力。

02.添加带滚动效果的香料

动画可以让干燥的话题更具吸引力

最流行的交互类型之一只需要从用户那里滚动一点,这通常会触发动画和过渡。它创造了与千斤顶相同的完成需求;用户感到有必要完成他们的开始。

这是一种很棒的技巧,可以将观众吸引到一个故事中,让他们感觉更加投入,而不会超出任何感兴趣的限制。上面的洗手信息图表使用微妙和华丽的动画,使旅程通过一个相当干燥的主题尽可能有趣。

滚动也可以通过简单的叙述以非常简单的方式使用。例如,看看这个IPod容量可视化。内容非常基本,但滚动因素可以很好地传达这一点。

03. Paginate易于消化

将信息图分成页面意味着用户不会被信息所淹没

你的每日剂量水让用户点击页面而不是滚动,并显示一些概念如何更好地使用这种多页面方法。

除了主题之间的简单移动之外,每个页面上的元素都是交互式的,因此更多地点击新页面可确保用户有时间完全消化一个部分,然后再转到下一个部分。

04.让用户突出某些领域

该信息图解决了纳税申报的主题

一些最好的信息图表是那些需要大量数据并将其提炼成单个可管理图形的信息图表。但是这些可视化仍然需要一些耐心和坚持才能理解。不同部分的交互式突出显示可以帮助最小化初始混淆,这对于吸引和保留平均容易分心的Web用户是必不可少的。

关于IRS纳税申报表的信息图,每年有多少人无人认领,可以在一张大图表中显示每个州无人认领的个人数量和无人认领的金额,但每个单独的特征使其更容易混淆。

跨页面使用相同的功能有助于实现一致性

职业前景(上图)显示职业和教育水平的职位空缺百分比,具有类似的表现形式。但是这个信息图包含了很多信息,因此必须将其分成几个不同的页面。

但是,翻转功能在所有页面上都是相同的,这使得信息感觉就像是一个整体。如果你没有时间或资源来构建一些非常强大的东西,你可以经常补充一些很好的动画。

以一种更简单的方式,这个无形资产业务指南利用滚动动画将pizazz添加到其他平凡的图表和图形中,有助于在整个页面中保持用户的注意力。

05.隐藏一些信息

隐藏可点击链接背后的额外信息供用户浏览

让用户积极参与信息图表体验的另一个好方法是获得提供更多信息的点击或翻转。这不仅鼓励了用户的好奇心和探索感,还允许他们跳过他们不感兴趣的小话题,而不会阻止他们继续使用其他信息图。

更简单的例子是SimpliSafe家庭安全指南(如上所示)。在这次旅程中,通过不同的家庭防御层次,不仅仅是可点击链接,而且它们的包含可以带来更丰富的学习体验。

06.用户参与很有吸引力

个性化信息引人注目,但仅适用于某些情况

你和约翰保尔森显示了基于用户的特定数据条目填充其信息的信息图类型的示例。通过输入您的年薪,您可以与外国交易员John Paulson在几分钟内完成的金额进行比较(以及其他一些例子,只是为了赶回家)。

因为这种类型的交互仅适用于少数主题,所以它不如此列表中的其他主题更常见。然而,它可能也是最引人注目的,不仅因为它邀请了最多的用户参与,还因为它使用个性化信息。

下一页:帮助您将图表变为现实的资源



翻译字数超限