年终盘点季！看各大品牌如何用H5做出漂亮的数据报告？
每到年底，各家陆续进入盘点季，不仅是对过去一年的回顾，更是一种拉近与用户距离的方式。小编总结数据类H5无非有两种，用户型和产品型。前者因为个性化及共鸣性能快速引发传播，后者因为涵盖有趣的知识也能快速刷屏。快到年底又在发愁数据报告型H5怎么做，希望下面的案例能帮到你。
数据报告类 x 创意H5 x 互动营销
01 中国青年报：这半年“中国经济之车”开的怎么样？
小编有话说：经济报道其实与老百姓关系很大，什么房价物价、就业消费等信息我们都要通过系列报道去了解，但呆板沉闷的经济数据很少人喜欢看，更别说分享了。中国青年报出品的这则H5，把中国经济半年的发展比喻成在公路上行驶的汽车，在路上先后设置四个关卡：居民消费CPI、新增就业、民间投资和消费增长，每个关卡先抛出问题，给予用户思考时间，然后再“一探究竟”，“专家怎么说”。一问一答的形式，配上清新自然的版面设计，让用户阅读枯燥的经济报道也不乏味。
02 欧莱雅男士：懒人大数据
小编有话说：为了宣传自家产品，欧莱雅也是够拼的，居然拿出了大数据撑腰（数据的准确度大家看看也行了，认真你就输了）。这个H5主要分为两部分：仿微信图文、引导购买页。前者套用微信图文的形式，模仿儿时单机游戏的像素画风，很有怀旧感，用一系列数据支持，得出男人就是比女人懒的结论。过度场景用“明星代言人视频+微信消息弹出”，说实话有点生硬，感觉纯粹是炫技需要，而且现在微信内置浏览器对于视频暂不支持，播放条什么的直接显示还是很不美观。
03 腾讯互娱：移动页面用户行为报告
小编有话说：这个知识型的H5很可能是你老板发给你的，“看看，多研究些数据，对你做爆款有帮助”。话虽然夸张了点，但有理走遍天下，腾讯作为H5最大的展示平台，发布这组数据对行业内人士还是挺干货的。加载页、高峰期、流失率，每一个我们关注的H5数据都用黑白风格加小动画表现出来，黄色标注则为重点信息。设计和交互不是重点，满满的干货才是这则H5流传甚广的原因。
04 知乎：我的知乎五周年
小编有话说：数据型H5最能引起用户共鸣的就是展现用户的行为，还记得年初微信公开课的那则H5吗，用大数据展现你在微信中的每一次行为，这个H5用的就是类似套路。输入用户名和密码，点击Enter，就能回顾自己在知乎上的每一次动态，自己都不记得的，机器全帮你记住了，看的时候有种挺神奇的感觉，“当初我为什么要关注这个话题呢？”用命令行输出的方式自动展现，十足的高科技画风，不过为什么我看的时候，总有一种盗取用户信息的感觉呢，科科。
05 Nice：看，报告，黄的
小编有话说：这则H5的名字看着就污污的，一下子就激起了打开的欲望。设计风格上采用Nice的品牌色黄色，很亮眼，也符合目标受众年轻群体彰显个性的审美。长页面展示，手指滑屏下翻，体验上很流畅，每一屏都有逗趣的图标动画吸引眼球，很像GIF，但是技术上是用CSS3动画实现的，素材更小，整体看下来完全就是读报的感觉，还有动图配合，特别有趣。以后小程序正式版发布后，是不是好多纸媒报刊都要选用这种形式发布新闻了？还挺期待的。
06 个推：大数据告诉你睡不够的程序猿
小编有话说：这个H5的内容定位就很有趣“睡不够的程序猿”，分别从入睡时间、起床时间、睡眠时长和各地程序猿睡眠排行榜展示程序员人群的睡眠现状。光是看内容，就觉得很有趣：“单身的程序猿比恋爱的程序猿多睡12分钟”、“宁夏程序猿的睡眠时长最短”、“青海程序猿的睡眠时长最长”、“海南程序猿工作最拼”...很好奇这些数据是怎么采集来的？这个H5用Maka制作，全程手指滑动翻页，但效果上加入了线性动画，表现力上比一般的滑动H5生动很多。
07 腾讯OMG：OMG星系之旅
小编有话说：这个H5将腾讯系的8大App构建成“OMG星系”，带领用户完成一次探险之旅，最后引导下载相关App，中间过程平铺直叙并有数据辅助说明，不会有很强烈的硬广感觉。深蓝色的设计风格，营造出科幻之感，腾讯吉祥物小Q作为导游，一一介绍八大星球（对应8个App），每一个星球都有对应LOGO展示，点击下方“收集数据”按钮，可以看到每个App的男女使用比例和全国各省使用排行。“科幻的视觉效果+旅程故事”这种套路现在还是很火，不妨一试。
08 淘宝：淘宝数据报告里没告诉你的事儿
小编有话说：每年淘宝都会出一份类似的“涨姿势”报告，内容全是由大数据分析得出，真的不是为了吸引眼球哦。这个H5是今年年初淘宝制作的，右上角有目录菜单可以跳到指定页，整体看下来真的感叹淘宝物品种类之全，受众之广。内容选取上，很精准的GET到大家的好奇心，如“把淘宝当百科了解年轻人”“投胎投的好，做鬼都比做人好”，看到标题就很想看！技术上，用了白鹭引擎加速，体验很流畅。
09 大众点评：中国烧烤大数据报告
小编有话说：说到数据展现，大众点评可是这领域的专家，手中掌握全国人民的吃喝玩乐信息，只要切入点好，还怕没人转？说起吃，天朝人民称老二，没人敢称老大吧。这个H5以烧烤大数据为主题，用丰富的表格、折线图和文字展现中国烧烤市场的各种数据，包括快速增长的受众市场、市场爆发时间、烧烤市场的体量等。颜色上以深蓝为主配合草绿点缀，给人以很专业很权威的感觉。这个H5是走行业报告路线的，受众是行业人员，所以不要说文案太死板了哦。
10 网易新闻：数据告诉你，你是如何一步步输掉人生的
小编有话说：单就新闻门户来看，网易新闻算是国内做的最好的，新闻更新及时，有趣的跟帖，点赞和踩等互动，让看新闻很日程化的事情变得很娱乐。这个H5收集了城市和乡镇两组大数据，从出生、教育、老年等几个方面向我们展示了两个区域人们生活水平的差异。在H5的左下角，还保留了网易新闻可以跟帖、点赞、猛踩等功能。视觉上，选用了砖红和暖黄搭配，色调比较暗沉，给人以比较严肃的感觉，图形化的表现避免了数据报告类H5阅读枯燥的问题。
作者公众号：拇指部落Game (ID：muzhibuluo)
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）