由 dawei 副标题#e#
2016年是H5占领国内互联网广告的一年，优质H5如淘宝《ZAO》，腾讯《穿越故宫来看你》等等，连起来可以绕地球好多圈。而为了挖掘这些H5的精华所在，小编观看了5000多个优质H5，耗时1月整理出2016年H5超强数据报告，希望能够探寻出2017年H5的创作趋势。
一、行业H5数据分析
(这一部分数据来源是哇呸网2016年收录的近3000个H5行业案例，由于这些案例主要通过开发实现，仅包含少量工具案例，分析结果适用于开发者案例。)
1、行业H5产出量概览
互联网行业最热衷H5传播，汽车交通行业H5崛起，电子商务也不甘落后。
2016年H5产出量最多的行业是电子/通信/媒体/科技行业，其中占据最大份额的是互联网公司。互联网平台和产品可以在广告中直接实现落地，而H5以其跨平台、开发简单、推广成本低、传播效果好的优势，吸引腾讯网易百度等各大互联网公司纷纷砸钱。
汽车行业出品的H5广告，一般用于新款汽车的上市或发布会。作为“高奢”行业的汽车行业，面向人群相对高端一些，受众购买力也强，因此产出的H5广告质量也很高。
电子商务相关行业，也属于H5广告业的中军力量，他们一般会在各种各样的购物节中利用H5发起活动，通过发放大量优惠券、或者发红包等促销行为来鼓励用户进行购买。
2、H5应用场景分布
一半被活动宣传承包，另一半被品牌宣传和产品宣传平分。
如上图所示，将近一半的H5都是用于活动宣传。
相比静态广告(如传单、海报、地铁横幅等)，H5具有强互动、可监测、跨平台、易传播等优势，非常有利于社交传播。
广告的重要目标就是增加品牌曝光度，而利用H5这种新的广告形式，可以让产品或品牌增加曝光的同时，通过优惠券的便捷领取与使用直接促进消费，对于企业提高知名度、开展促销活动增进转化极其便利。
3、H5内容分布
小游戏独领风骚，鸡汤长期占领朋友圈。
你绝对猜不到每4个H5里，就有1个是游戏!
简易操作、有趣好玩、排名设定、二次传播，让小游戏成为众多品牌的法宝。这些H5一般只做目的是促销活动、新品发布，本质上采取的是游戏化营销战略。
“游戏化”(Gamification)指的是以乐趣为核心，重新组合游戏元素——及时反馈、设置目标、内在激励、协同合作。比如以僵尸为题材的健身应用《Zombies,
Run!(有僵尸，快跑!)》，就把枯燥的跑步过程变为躲僵尸游戏，多任务多模式的玩法深受用户好评。
位列其次的鸡汤类H5打的是情感牌，不一定讲什么让人受用的大道理，却凭借细腻、走心等特点，引起用户情感共鸣，长期占领微信朋友圈、微博、微信公众号等渠道。
4、H5互动类型分布
动效应用占领半壁江山，全屏视频高爆发。
动效是H5最基础的交互，占据一半的份额不足为奇。
不过，全屏视频能够占领五分之一的份额，实在是值得注意的现象。究其原因，2016年的爆款H5——同样采用短视频形式的故宫、宝马、薛之谦H5是“罪魁祸首”。全屏视频能让用户全神贯注，不受打扰，引起很多品牌的纷纷效法。
此外各种新兴的交互技术，比如全景、VR、3D、跨屏互动、重力感应等等，是2016年兴起的新趋势。
二、专业工具H5——十大年度创意H5
各大媒体纷纷评选出了2016年的十大H5，但大多基于开发者案例。其实2016年利用H5专业工具也诞生了很多优质的H5案例，虽然行业知名度不高，但在创意、设计和交互，丝毫不输开发者案例。小编以专业程度比较高的工具iH5为例，评选出来以下十大创意H5。
[注]：综合评分=各项指数得分之和/5
“买不起房子、养不起车子，论睡觉，你，够格吗?”
这或许是今年公益广告中创意最独特的H5了，内容看似在嘲讽，实质是以测试题敦促大家关心睡眠健康，普及罕见病“发作性睡病”，真是意料之外。
H5巧妙地用黑白色画面代表了不文明现象，用彩色画面代表文明现象，处处在唤醒观者心里的公益意识。
这个H5一眼看过去，还以为是打开了美国队长系列的漫画!
据原创者悟脚叔叔称，为了参考美漫的风格，他特地查阅了很多相关的书，从剧情、画风拟定到成品落地，大概耗时一个月。
即使顶着商业压力，H5还是完美结合了品牌价值和漫画剧情故事，极易产生沉溺效应。这种带剧情的长篇幅漫画H5广告，似乎是史无前例的。
总有一些招聘广告看起来比商业广告做得还用心，这个H5就是。
因为是自家公司的招聘广告，不存在商业压力，所以艾洛互动的设计师将创意发挥得淋漓尽致，甚至是把其公司的全部成员形象画到了H5上。
眼看VIVO、华为涉足社交圈相继在微信投放广告，魅族终于行动了，与之合作的不是微信，而是陌陌。
#p#副标题#e#
“给你一条路，这条路不是套路~”，这支视频H5还原陌陌原生界面，有美女、恶作剧、套路、歌手。在铺开渠道后，取得的宣传效果还不赖，不禁感叹这跨界合作相见恨晚。
海信上线的这个点球H5游戏，可以说是玩物理引擎的经典之作：滑动屏幕控制方向踢球，球会有一定的重力，被左/右边吹来的水平风影响，当球碰到守门员时还会做出物体碰撞的弹开动作……
其实在这个H5前，早有两则竖屏“前传”，可能因为这属于为公众号导流的作品，不存在较大的商业压力，所以原创者大胆转型玩起横屏。
玩横屏是需要勇气的，首先和手机设置有关，也有点挑战用户习惯。但横屏制造的美感也是竖屏难以取代的。
“母爱无微不至、无以为报
母爱恩重如山
可又有几个人真的知道母爱的重量?
快拿母亲手机一起扫描二维码
揭晓母爱的重量... ”
当你看完这段文字，拿母亲的手机扫描二维码时，会惊奇发现两个屏幕拼在一起，会合成一个完整的画面。用双屏互动来传达母爱，这广告的鸡汤，我干了!
传统的纸质邀请函有派发周期长、形式老套、传播力度小、用户转化率低等弊端，但如果是邀请函H5，恰是用户转化的一剂救命良药——
(1)跨平台性，在最短时间内影响更多目标用户
(2)交互性，让邀请函间接“活过来”
那么，用H5来辅助甚至取代传统邀请函真的有效果吗?不一定，但从现在能看到的现象来说，大多有效。吉利博越上市媒体邀请函H5，用上iH5.cn的录音、时间轴等高级交互功能，PV突破3.6W。
还记得苹果推出的i7发布会快闪视频吗?在亮瞎眼的同时，冒出了不少H5广告者效仿。
澎湃新闻的这个H5也属于快闪，用此形式做年终盘点，足够新颖。
三、专业工具生产案例——iH5三大H5数据分析
(这一部分数据来源是H5制作工具——iH5.cn首页收录的2016年发布的3000多个H5行业案例，由于这些案例都使用iH5提供可视化编辑器实现，分析结果适用于专业工具生产案例。)
1、PV分布
#p#分页标题#e#
万级以上作品3000+，2个破千万。
H5的PV想破10万是个难关，破百万的是少数，破千万的更是个中龙凤。去年破千万的案例中，一个是春节期间吉利汽车做的让用户吐槽春节遭遇的H5，一个是中国电信办的送流量活动。
两个案例的高流量推广，前者和他们投放的渠道本身自带流量有关，后者主要是因为能让用户得到实质性的优惠。
2、时间分布
9月10月迎来H5创作高峰。
纵观2016一年，9月和10月是H5创作的高峰，这跟俗语“金九银十”有关。
9月10月是秋收时节，大家手头充裕，但也因为秋冬交接，家庭消费(伙食、衣物等)也容易增加。不管是商业、房地产、汽车业还是金融行业，都是销售旺季，传播需求的增加导致H5数量上升。
其次，刚好有中秋、国庆、教师节、重阳节等重要节日(外加黄金周)，品牌们也会纷纷蹭热点。另外加上是秋招高峰期，招聘类H5也急剧增加。
3、应用场景分布
平台推广和品牌推广争霸。
企业开展活动推广，一般会申请到较高的经费，可以找三方广告团队进行创作;另外，活动的准备时间比较长，常常也可以“耗”着等开发。
所以与行业H5普遍用于活动推广的情况不一样，iH5平台反而有60% 的H5应用于平台推广和品牌推广，原因有二：
iH5的特点是交互功能丰富(比如720°全景重力感应、多帧交互动画、画小人等)，而且制作快捷，对于很多企业来说正是预算不高、又要保质的平台或品牌推广上的绝佳选择。
除了大量的互动创意公司外，iH5的主要客户还有国内的各大知名媒体，有一定数量的H5用于媒体宣传、资讯传播，因此在比例上会产生较大差异。
四、年度创作团队与设计师
出品优质H5的有两大巨头，一是广告公司/团队，二是媒体。
2016年新兴的广告公司很多都做H5甚至变成专职做H5，这是倒退两年很难想象的场面。由于市场需求的井喷，现在很多做广告的团队都在名字上加上互动二字，实际上一般互动的入口就是指H5。
而媒体行业由于逐步向网络媒体进行转型，很多都把H5当作一种新的载体，创作出很多集知识、体验于一身的优质案例。
1、行业年度广告公司
TGideas当红，W享誉度最高。
根据数英网精选H5项目入选情况，统计项目质量与数量后进行排名，产量与精品数量齐高的是TGideas，紧跟其后的包括WMY、W、VML、LPI等广告公司。
#p#副标题#e#
TGideas(腾讯游戏官方设计团队)是腾讯御用的内部创意团队，出产H5多采用短视频的方式，设计上走的是动漫画风，制作过《穿越故宫来看你》、《薛之谦史上最疯狂的广告》等口碑与热度双高的作品。但需要注意的是，TGideas主要负责创意策划，具体实现上有时也会和国内的UID
Works、Treedom等团队合作。
#p#副标题#e#
此外，从行业影响力来看，W享誉最高——2016 One Show
中华创意节年度代理公司、2016中国4A金印奖营销组全场大奖、2016中国广告长城奖文案奖金奖等等，他们年初推出的《我的精神角落》更是里程碑式的杰作。
从交互创新来看，VML用两套全景(720度全景加重力感应、一镜到底)让无数人惊艳，成为行业广告致敬的标杆。
而从互动传播的角度来看，创作出《百度种太阳》的WMY、《活口》的Dopemine则交出了让很多广告公司望尘莫及的答卷。
2、H5制作工具——iH5年度创作团队
互动团队篇——道里创意、腾讯智慧平分天下
根据入选iH5首页的作品情况，统计数量与质量后进行排名，产出优质H5最多的是互动创意团队是道里创意、腾讯智慧，紧跟其后的包括智讯互动、万有引力、矩阵互动、weihelp和前锦网络等广告创意或文化传播公司。
道里创意(全名“深圳道里全生态链创意平台”)，专注于旅游度假及商业地产品牌建设的平台公司，擅长事件营销，曾多次斩获长城奖、时报华文、艾菲奖、金属标等大奖。道里创意出品的H5广告以走心闻名，在创作上一直探索创新的形式。
腾讯智慧，腾讯全平台营销的创意团队，在2016年充分利用H5强互动、新视觉、获取便捷、易于传播等特点，通过官方网站、公众号(腾讯智慧、企业营销三分钟)、会议等渠道，发布了超过30期对外或对内的营销报告。在2016年9月举行的第九届腾讯智慧峰会上，他们还开创式地用H5颁布电子书《2016腾讯智慧赢销白皮书》，属于利用H5优化企业工作流的典型。
此外，从行业影响力来看，艾洛互动因为它的HTML5游戏平台ElloGame，在行业享誉度较高。
从作品影响力来看，万有引力互动曾经打造出PV超过500万的病毒传播案例《如果可以，让我们一起回家》，成为社交广告争相效仿的典型。
从交互形式来看，weihelp、小漾互动、itrax、盈策文化传播等团队比较敢于采取新的互动方法提高广告新意。
媒体篇——《看看新闻》高质高效夺第一
根据入选iH5首页的作品情况，统计数量与质量后进行排名，产出优质H5最多的是媒体是看看新闻，紧跟其后的包括中国互联网新闻中心、交汇点新闻、澎湃新闻、中国日报网、南方报业等媒体。
看看新闻，隶属东方卫视和上海广播电视台(SMG)，是今日头条媒体榜TOP
10的常客。H5创作团队以高质、高效著名，2016年紧跟东京审判、神州十一号登天、唐山大地震40周年、上海迪士尼开园等新闻热点，设计出两个百万级传播的H5。期间还利用H5推出“终极问答”，为口碑超高的纪录片《人间世》预热。
此外，作品影响力很高的还有今日头条、澎湃新闻，在平台影响力的帮助下，今日头条发布一个邀请函就有150万的点击量，澎湃的年终报告《2017一起澎湃》也有近40万的流量成就。
行业影响力较高的有浙江新闻、澎湃和新京报，其中浙江新闻凭借《小菜年画动起来》、《“东方之星”12个日日夜夜》荣获第37届世界最佳新闻设计大赛两项铜奖。
从交互形式来看，新京报、中国日报、南方报业、荆楚网、21世纪经济报道等媒体比较敢于采取新的互动方法提高广告新意。
3、iH5年度设计师——悟脚叔叔绝对是设计界的劳模
根据入选iH5首页的作品情况，统计数量与质量后进行排名，产出优质H5最多的是独立设计师是悟脚叔叔，紧跟其后的包括造物者(又名“小牙”)、江.txt、海贼王、wingz等创作者。
悟脚叔叔，一名产量和优品率惊人的80后设计师，接手一个H5广告价格1万5起步。因为他插画设计、互动创作了得，作品观赏度强、视觉冲击力高，加上他工作勤奋，在H5广告兴起的这两三年里已经与丰田、滴滴快车、QQ音乐、海尔、阿斯顿·马丁等知名企业合作过。
此外，造物者由于精于设计、交互、开发三个领域，也是平台的热门设计师。
从交互复杂程度来看，江.txt、海贼王、矛与盾、大蛇设计的H5互动形式相对丰富。
从设计来看，wingz、JIXIANG、谢东胜的作品具有较强的个人风格。
回顾2016，虽然对于H5广告来说，仍存在手机机型适配、流畅度等短期内不可解决的问题，但HTML5行业形势仍一片大好。
结语：
过去两年里总有人在高呼“H5广告会死等言论”，呼声甚至跟“4A会死”持平，但从2016年腾讯、淘宝、网易等互联网巨头持续产出的优质H5广告来看，似乎是给这些“会死论者”最完美的无声重拳。
最新小程序被推上了风口，H5也一同成为了大家争论的焦点。有人甚至说小程序跟H5是互斥关系，恰好相反，小程序的导流只能靠搜索或者扫描二维码，导流的重任自然而然还得回归到H5广告身上，你说这还互斥吗?
“电灯被发明后，蜡烛仍没死，反而在停电时，照得更亮了，H5广告也是如此。”
期待2017年HTML5行业给我们带来的惊喜。
声明：本文仅为传递更多网络信息，不代表站长之家观点和意见，仅供参考了解，更不能作为投资使用依据。
广告