返回顶部
北京海空设计
4000 981 891 4000-981-891
4000 981 891 电话
专注
内刊

创建交互式信息图表的专业技巧

 

关键词:信息图表图形设计版式设计平面设计

 

数据可视化的未来在于交互性。以下是如何创建真正令人惊叹的交互式信息图表,使你在做出更有效的信息图表设计中得到启迪。

 

信息图形在网络上无处不在,而且它们的交互性越来越强。在本文中,我收集了具有交互功能的最佳信息图形示例,并研究了它们的优点。您将找到一些方便的资源和库来帮助您构建自己的资源和库(或者查看我们对顶级信息图形工具的综述)。

 

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

 

 

01.了解心理学

 

创建交互式信息图表的专业技巧

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

 

在开始制作交互式信息图之前,有必要考虑一下为什么要制作交互式信息图。

 

正如《你的大脑为什么渴望信息图表》(Why Your Brain cringinginfographics)中精彩的信息图表所解释的那样,人们在视觉上是连线的。我们都更有可能愿意阅读、理解并记住一篇包含迷人视觉效果的演示文稿。虽然视觉是最重要的学习工具,但也只能做到这一点。

 

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

 

这种可视化和动态方法的结合,使得交互式信息图形成为未来的数据可视化趋势。当然,一些信息图形主题并不鼓励使用任何交互式元素——但是其他许多主题都得到了极大的改进。交互性可以帮助理解信息,将控制权交给用户,并以静态图形无法做到的方式捕获想象力。

 

 

02.添加带滚动效果的小动画

 

创建交互式信息图表的专业技巧

动画可以使枯燥的话题更加吸引人

 

最流行的交互类型之一只需要让用户滚动一下,这通常会触发动画和转换。

 

这是一种很好的技巧,可以把观众吸引到一个故事中,让他们感觉更投入,而不会让他们的兴趣受到任何限制。上面的“洗手信息图”使用了微妙和华丽的动画,使一个相当枯燥的话题尽可能有趣。

 

滚动也可以通过简单的叙述以非常简单的方式使用。内容非常简单,但是滚动元素在传达要点方面做得非常好。

 

 

03.易于消化

 

创建交互式信息图表的专业技巧

将信息图形分离到页面中意味着用户不会被信息淹没

 

在“每日剂量的水”信息图表中,让用户点击,而不是滚动页面,并通过这种多页面方法显示一些概念如何更好地展现出来。

 

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

 

 

04.让用户突出某些领域

 

创建交互式信息图表的专业技巧

这张图表处理了纳税申报单的问题

 

一些最好的信息图形,是那些使用大量数据并将其提炼成单一的、可管理的图形的信息图表图形。但是这些可视化通常仍然需要一些耐心和毅力来理解。不同部分的交互突出显示,可以帮助最小化初始混淆,这对于吸引和留住那些容易分心的普通网络用户是至关重要的。

 

关于IRS纳税申报表的信息图表,“每年未申报情况表”,可以在一张大图表中显示每个州无申报人数和无申报税额,但每个州的单独列出每个人的情况会大大减少混淆。

 

创建交互式信息图表的专业技巧

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

 

职业前景(上图)按职业和教育程度列出职位空缺的百分比,亦有类似的表现形式。但是这个信息图包含了太多的信息,所以它必须被分成几个不同的页面。

 

但是,所有页面的滚动功能都是相同的,这使信息感觉就像一个整体。如果你没有时间或资源来构建非常强大的东西,通常可以放置一些良好布局的动画作为补充。

 

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

 

 

05.隐藏一些信息

 

创建交互式信息图表的专业技巧

在可点击的链接后面隐藏额外的信息,以便用户进行探索

 

另一个让用户积极参与信息图形体验的好方法,是让点击或滚动功能提供更多信息。这不仅能激发用户的好奇心和探索精神,而且还能让他们跳过自己不感兴趣的小话题,而不会影响他们继续使用信息图的其余部分。

 

在更加复杂的图表例子SimpliSafe 家庭安全指南中(如上所示),我们可以看到,在这段穿越不同防御层的旅程中,除了可点击的链接外,还有很多其他东西,会让你获得更丰富的学习经验。

 

 

06.用户参与是很有吸引力的

 

创建交互式信息图表的专业技巧

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

 

上图展示了一个基于用户特定数据条目填充信息的信息图类型示例。通过输入你的年薪,你可以在几分钟内与外国交易员约翰•保尔森(John Paulson)赚的钱进行比较(还有一些其他例子,只是为了让你明白这一点)。

 

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

 

本文由海空设计 (北京海空影视文化咨询有限公司)翻译整理,版权归本公司所有,如需转载到其他平台,请联系作者(微信ID:haikongsheji)。

原文地址:https://www.creativebloq.com/infographic/8-pro-tips-creating-interactive-infographics-11133560

北京画册设计

专业为您 ▪ 交流分享

立即咨询

因为专注 所以专业
海空设计由15年画册设计经验的设计总监督导; 数十位画册设计资深设计师主持,为您量身定制设计方案; 我们在符合您之所需的同时,引领画册设计版式设计潮流,崇尚简洁、清晰的设计理念,成功服务过数家世界500强和国内众多上市公司......

轻松写下您的需求

统计