查看原文
其他

作为视觉营销的利器,信息图到底该怎么用?

2017-02-17 营创实验室 SocialBeta

编者按:本文来自 SocialBeta 内容合作伙伴营创实验室(微信 ID:mktcreator),作者为 Amy、漩涡。文章原标题为《视觉营销的利器——信息图》。

《视觉营销的利器——信息图》

视频时长:02:51

https://v.qq.com/txp/iframe/player.html?vid=w0371dimpov&width=500&height=375&auto=0

在刚刚过去的春节,你知道哪个省份收发红包最多吗?

北京?上海?四川?错了!是广东!

男男,男女,女女之间,谁给谁发的红包更多呢?

男女?错啦!竟然是男男……

看看 @腾讯科技 是怎么说的:

而 @微信公开课 是这么说的:

密密麻麻的文字 vs 简明形象的图,你更爱看哪一个?

在市场上,用户会用手投票,前者阅读量 5000+,后者 10w+。

如何让干货看起来更生动?今天给你贡献一招:「视觉营销的利器」——信息图。

渐渐的,我们都养成了移动端阅读习惯,一篇图文哪怕干货再满,我们在刷了两三屏密密麻麻的文字后,也会不自觉地想退出。

但是有的作者,就很懂得留住读者——

讲胎儿的发育过程,直接上图:

▲ 胎儿成长过程,TabletopWhale

讲汽车发动机怎么操作,直接给你看立体版的,而不是干巴巴的有序列表配好几十张步骤图。

▲ 来源:Giphy

想让读者了解可穿戴应用的未来市场空间,也让数据活起来,而不是通篇 PPT。

▲ 来源:Giphy

其实读完一篇干货,或是几十页 PPT,读者能记住的恐怕只有 20% 的内容;更有报告提到,微信图文若是无法在刚打开的 6 秒内吸引读者,他就会毫不留情地退出。

可以预见,未来的内容营销较量,将逐渐从提高内容价值,过渡到以更轻量的方式来呈现有价值的内容。

如何突破数据的冰冷观感、干货的无形压力,提供更舒心的阅读体验?

信息图正是恰当形式。 

1. 什么是信息图?

顾名思义就是信息(Information)和图表(Graphics)的结合,用创新的图解呈现信息之间的逻辑联系。

例如这张,信息是 48 种健身动作,图表是每个姿势。建议你存下这张图片,下一次规划健身动作前,看它一眼总比翻找健身长文来得爽快。

▲ 作者:cccccc

或是这样,这张图不仅将星球类比成水果,还直观地画出来,帮助你快速理解它们的体积差。

▲ 作者:Avi Solomon

或是这样,营创实验室用一张全景图,来形象地描绘数字营销人的左右脑。

2. 核心价值在哪里?

比起文字、图片和视频等形式,信息图的价值在于养眼好记、容易传播,成本可控。

1 能把复杂的信息展示清楚


内容和内容之间的关系被直观呈现,读者不用过多费心去解读数据,从而专注于结论,获得更轻、更聚焦的阅读体验。 

2 让消费者记得更多、更牢

这是因为,比起文字,人们能在短时间内记住 80% 的震撼视觉内容。

对数据没什么感觉?那做个小测试吧!来看个对比图,若要数出图中有多少个 「7」,哪边更让你轻松?

3 易传播

一张信息图相当于一张创意海报,收藏、保存、转发都是一键的事儿。而且,无论从哪里看到(微信号推送、朋友圈、微信群、朋友小窗转发……),不管有没点开大图,刷到 / 收到就能一睹真容。

4 低成本

信息的丰富程度和感染力能和短视频看齐,但是制作一张信息图的周期和费用,远远比短视频划算,不失为值得投入的一种形式。

3. 能怎么用?

许许多多的营销场景下都可以采用信息图,在此仅列举 20 个常用的泛营销场景:

其实,信息图之所以养颜好记,是因为它仅仅组合 6 种基础图示(图表、图形、地图、图解、表格和列表),就能将内容之间的关系梳理清楚。

接下来给大家展示 21 张信息图,它们将时间、空间、流程、架构、对比、分类、排列等信息关系都表现得恰到好处。

1 时间

▲ 关于乌拉圭污染的 200 年记录,Pinterest

2 空间

▲ 女性在高管级别职位中的人数占比,Grant Thornton

▲ 重新定义罗马,National Geographic

3 流程

▲ 信息图制作流程,图说 & Infographics Lab)

▲ 库柏对欧洲循环经济的贡献,European Copper Institute

▲ 营创成长营的主题、方式,营创实验室

▲ 太空步学习指南,Animagraffs

▲ 麦克风的传音过程,Animagraffs

▲ SEO 关心的那些事儿,Tagxedo

▲「营销新知」节目讲了什么内容? 营创实验室

4 架构

▲ 蒸馏机机运作过程,FES Tank

▲ 图解冰淇淋,Anthology Magazine

5 对比

▲ 各届奥林匹克的参赛国家 1896-2008,Alicia Korn

▲ 国际知名建筑的高度对比,SCMP Graphics

▲ 世界人口变化,National Geographic

▲ 世上最高的 7 座山峰, Audree Lapierre

6 分类

▲ 某农场资产一览,Pinterest

7 排列

▲ 2017 年月食变化一览,Dimitre Lima

▲ 有多少人和你同一天生日? Matt Stiles

▲ 视觉 vs 心智,Visualnews

▲ 国际旅行知多少,Visual.ly

4. 如何打造?

你也许在想,为内容找到最恰当的视觉表现形式就 OK 了不是?

这还只是表层操作。更要考虑信息图的本质目标——这张图能否在使用场景下,激发消费者的反应?

关于信息传达的思考方式,远比呈现形式的设计更加关键。

1 产品要表达的核心信息是什么?

做信息图首先要避开的大坑是——别本能地把信息都放上去,例如单纯将数据转化成图表。

因为很多时候,你想展现的并非数据本身,而是基于数据得出的结论,以及结论带来的震撼。

正如公众演讲专家 Nancy · Duarte 所说:「别让大家觉得你在展示一个图表,而是让大家感受到,你在说的是一种行为,一条曲线变化背后的事件。别说‘来看我们的第三季度财报’,而是‘来看看我们为什么没有完成目标?’」(引用自哈佛商业评论 《Visualization that really works》)

要先明确,传达的信息是定性的概念,还是定量的数据?

讲概念,重点在于强调结构和逻辑的清晰度,大可抽丝剥茧,甚至省去数据。

讲数据 49 31447 49 15533 0 0 1403 0 0:00:22 0:00:11 0:00:11 3702 49 31447 49 15533 0 0 1286 0 0:00:24 0:00:12 0:00:12 3271依然要简练,删繁就简,用有限的变量,将一个结论介绍清楚。反之,若是信息太多,需要作者额外说明才能理解到的信息图,会像需要解释笑点在哪的笑话一样鸡肋。

假设一位 HR 副总裁要向高管提议:企业的医疗开支增速在放缓,公司可借此机会投资更多医疗服务。结合权威数据的 EXCEL 图表,观众看了反应平平。

横跨 20 年的数据能否让你一眼就看出,「增速放缓」的情况?

▲ 来源:哈佛商业评论

精炼信息后的图表,却能让人一看就感受到,增速在持续而显著地放缓,从而更有信心批准提议。

▲ 来源:哈佛商业评论

支付宝年度账单没有给大家铺陈全年花费变化数据。只用 3 个数字让你惊叹,网购这事,「你最剁手的一笔」、「网购次数」、「和去年相比的变化。」 3 大亮点已足够大家转发吐槽。

「回家吃饭」应用也晓得,与其用文案使劲地描述出一种感觉,不如用一个数字带来一份禅味。

2 理解了信息梳理的思路,具体操作上要怎么做?

围绕核心信息的逻辑,设计一个看得见的「故事」:原始信息—初步分类、筛选—组织逻辑—视觉设计

交给富有经验的工作室、设计师来打造,会是不错的选择。若是自己来,可以试试我们的良心推荐——生产可视化内容的工具。无需太多分析 & 制图基础,也能轻松搞定。

① Visme 图表编辑器

模板和素材库丰富,提供炫酷的动画效果,可对数据的视觉化转化做各种组合。www.visme.com

② Piktochart 编辑器

简报、报告、海报、长条型资讯图表等设计模板十分大气,且提供了丰富的按钮图标,基本的需要都能满足。www.piktochart.com

③ Infogr.am 

此网站专注在图表上,没有太多的设计元素支持,但是可以将 EXCEL 数据导入,快速制图。操作简单易学,一边填数据还能同步预览。infogr.am

④ Tagxedo 文字云生成器

对中文友好,可自定义外观、配色丰富,但是对于词频需要手动输入调整。tagxedo.com

⑤  Pixabay 图片库

照片、插画、矢量图均使用 CCO(Creative Commons Zero)授权方式,可以自由下载使用,即使是商业用途也无需申请或支付版权。pixabay.com

总之,从内容梳理到视觉设计,牢记一个公式:核心信息 + 信息逻辑 + 讲故事。

有人说,这是内容呈现的科学,也有人说,这是视觉传达的艺术。

相信现在,你已经了解了信息图的核心价值、使用场景、制作思路和使用工具,会否对它产生新的认识?

移动互联网时代,每个用户的身边都有太多所谓的「干货」,信息超载催生阅读疲劳。

信息图恰是一股清流,用小成本带来阅读观感的大提升。它的最终任务,是帮助人们更好地感知知识,改变想法,采取行动,从而走向你。

所以,别止步于提供干货、设计内容呈现方式,欢迎来和我们一起探索,如何用好信息图,拉近沟通距离!


精彩推荐



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存