从策略和创意,告诉你数据报告类H5怎么做

结合案例,小派试着从策略和创意两大方面进行浅析,期待能给大家带来一些收获。

昨天,两会刚落幕,两会期间,大家是不是看到了较多的数据报告类H5呢?

 

科学的决策离不开数据的支撑,数据本身也是内容创意的重要元素,那数据报告类H5怎么做呢?不妨看看下面这些优秀案例,小派也试着从策略和创意两大方面进行浅析,期待能给大家带来一些收获。

 

温馨提示:

 

对策略、概念、创意、执行等概念不明白的欢迎参考我们上期的分享《从策略到执行,来学学如何打造求职简历》

 

点击下面蓝色文字超链接或者识别二维码,即可立即感受相关内容。

 

策略

 

一个好的策略必然是作品成功的先决条件,策略不对,后面的创意即使飞上天也不一定能给甲方带来很高的价值。

 

拿腾讯游戏出品的两支H5举例,《全名突击:粉丝哭倒?吴亦凡圆寸疑为入伍做准备》虽然刷爆朋友圈,但是小派我认为其转化率不一定高于《热血传奇:能叫兄弟的时候,我从不单干》。《全名突击》那支H5除了明星,感觉没有突出游戏的任何核心亮点,相反我觉得《热血传奇》更有逼格些,唤起了很多人当年玩游戏的兄弟情,提升了游戏的内涵。

 

《移动页面用户行为报告》第二期

 

 

 

 

去年TGideas的《移动页面用户行为报告》第一期对很多H5从业者来说并不陌生,现今已更二期。当时那个H5能火,我觉得主要是TGideas的策略比较好,能洞察出市场需求。

 

创意:

 

策略定了,下面就是创意执行了。对于数据报告类H5,设计师们可以从H5结构入手。

 

1.平面

 

知乎:我的知乎五周年

 

 

 

 

对于用户回顾类数据报告,常规的是走轨迹温馨风,《我的知乎五周年》H5在设计上采用了模拟代码编辑页的形式,不仅符合“知乎”品牌调性,也让人眼前一亮。

 

还有,美晨互动的《成人的世界很大》这支H5,用“羞羞”的信息图表为我们详尽地展示了的成人世界的那些事。

 

数据报告类H5相对枯燥,如果“颜值”高,必然能大大提升停留时间,对于擅长平面的设计师,可以多从“颜值”这方面下手。

 

2.动画

 

今日头条

 

 

 

 

不同于每逢春节的煽情鸡汤,《今日头条》这支H5以大数据辅以优质精简的文案与画面,用3.5亿人创造出的事实温暖人心。

 

除了其它元素,数据图表本身很多是趋势图,如果能用上优雅极简的动画,一是能抓住眼球,另一方面也能直观表现趋势。

 

说到动画,不得不提一下我们Epub360_SVG描绘动画,可以说是数据展示的绝配。3月22日,美晨互动将在我们Epub360线上公开课教大家制作H5里常用的数据呈现动画,欢迎大家报名参加。

 

3.交互

 

星巴克:玛奇朵学校

 

 

 

在交互方面,暂时没看到很好的数据报告类H5,这里暂且例举一下前段时间比较火的星巴克《玛奇朵学校》。创意上,采用“透视视频”交互特效讲述玛奇朵咖啡的制作流程,趣味性很强的说!

 

交互应该是H5的特色,除了网页本身的点击、长按,还可以和移动设备结合起来,比如现在已实现的“摇一摇”,“说一说”,今后也能实现“嗅一嗅”。

 

期待大家在数据报告类的交互创意佳作。

 

4.互动

 

 

链接失效,现已无法体验

 

去年4月份刷爆朋友圈的《滴滴专车:北上广深吸血加班楼大PK》无疑是互动数据报告类H5的代表,从数据收集到呈现一站式搞定,和每年流行的新年签有些类似。数据报告H5如果具有互动性,无疑能大大提升传播度。

 

这种趣味的数据收集,用我们Epub360的高级表单也可以实现喔,如果配上信息列表组件,还可以在H5里当即呈现相应分析数据,想立即感受,请戳☞Epub360新招-信息列表和统计列表

 

从策略到创意,体验了上面一些优秀案例后,对于数据报告类H5怎么做应该有所启发吧,也欢迎大家来我们Epub360-3月22日公开课一起探讨交流!

 

 


关注更多H5设计、案例、资讯

 

10