2016年度十佳H5案例终极盘点，你的朋友圈谁是霸屏将军？

2016已接近尾声，眼下又是一年年终盘点时。H5在2016年一直处在了尴尬的地位，腾讯发布的《移动页面用户行为报告》表示H5的分享率平均值仅为 3.93%，不少人直言H5已死。然而，逆境更能磨练出事物的生命力，H5面临的质疑与争议正是H5的突破契机。大众对H5的挑剔成了一种鞭策，越是严峻的生存环境，就越是催生出高质量的精品H5。那么，在2016年里都有哪些H5顶住了压力，杀出了重围，成为了那“3.93%”之一呢？以下排名不分先后。

案例一：豆瓣《我们的精神角落》

豆瓣是文青的后花园，从创立至今，不管外面的爆米花炒得多么地红红火火，也一直不紧不慢地坚持着自己的文艺路线。这次带来的《我们的精神角落》H5，也是勿忘初心，将“文艺”玩出了新的创意高度。整个H5的架构相当庞大，所以采用了章节式解谜系列呈现，分为5个章节，通过眼（感知）、耳（共鸣）、鼻（寻获）、嘴（分享）、脑（精神）等互动体验作为解谜手段，巧妙地对应了豆瓣的书籍、电影、音乐、同城、小事等产品功能。整个H5有着丰富而精致的细节感，再加上烧脑型的通关游戏，既耐看又耐玩，相当符合豆瓣的慢文艺气质。

案例二：宝马《该新闻已被BMW快速删除》

仅仅是悬念性和时效性并重的标题就已经引爆好奇心了，打开之后更是目瞪狗呆。宝马汽车从微信文章跃出，撞破了客户端视频频道，屏幕“碎了”，重心“偏离”了，不容你喘上一口气，紧接着又在朋友圈漂移，在CD盘上旋转，最后到真实的赛道疾驰，上天入地式的狂飙，就像是微缩版的“速度与激情”，以短视频的形式跨越了虚拟与现实的多个平台场景，行云流水，看得人畅快淋漓。尽管技术牛逼，但宝马H5没有停留在“炫技”的层面，而是利用技术手段直观诠释产品性能，强化产品的存在感，用户在欣赏视觉大片时，也不知不觉记住了这么一辆牛逼汽车。

案例三：京东《正好玩乐园》

看到京东这个H5的第一反应是，这是大富翁还是模拟城市？红蓝的像素游戏设计风格，瞬间回到了童年。这的确是一个名副其实的大型游乐场，建筑物的造型趣致可爱，每个建筑都可以点击拿到相应的品类优惠券，拖动快递小哥回家能获得抽奖积分，除此之外还有更多未知的彩蛋等你来探索。其实这个H5的本质很简单，就是送礼送优惠，但京东打破了套路，给用户营造一种场景化的记忆和新鲜的多人互动体验，让“领取赠品”和“使用优惠券”的行为变得有意思。

案例四：淘宝《2016淘宝造物节》

《2016淘宝造物节》展现了一个可以交互并且带有重力感应的插画全景世界，通过转动手机查看全景效果，“造”字道出了其巨大的张力。因为是主打青春时尚人群，所以在用色上也十分的大胆夸张，以蓝、红、紫、橙四个主色打造全景漫画的效果，强烈的色彩对比让人印象深刻，符合年轻群体的张扬本色。现在像凡科微传单之类的H5制作工具也能实现重力背景的效果，这也证明了重力感应技术已不再曲高和寡，而是更地气地被更多人更多场景所应用。

案例五：腾讯NEXT IDEA X故宫《穿越故宫来看你》

《穿越故宫来看你》堪称得上是一条现象级H5广告，将传统故宫博物院形象和互联网流行元素结合，以魔性的画风和反差萌牢牢地抓住了用户的眼球。在这个H5里，皇帝唱RAP妃嫔玩VR，各种清奇却又出师有名的脑洞让你大呼过瘾。据统计，这个H5主要PV来源为朋友圈，占到了总来源的73%，可见趣味性内容极大地吸引了用户的转发分享，最终形成了火爆影响力。

案例六：人人网《原来你是这样的年轻人》

想象中的数据报告就是严肃的学术图表，让人看得眼花力乏，但人人网的《原来你是这样的年轻人》为我们带来了一份特别“骚”的报告。将饮食、美妆、SEX、旅游四大领域创新性赋予了让人想入非非的小标题，“唇齿之欢”、“好色之徒”、“鲜肉性事”、“野出味来”，十足的“食色性野”。设计上，简笔画与拼贴画风格，辅以数学统计学图表和坐标系，既有条理清晰的内容逻辑，也有表达上的生动活泼，将理性的严谨与感性的形象发挥得淋漓尽致，看后不得不感叹一句，没想到你是这么不正经的报告。

案例七：滴滴《测测你的运动基因》

测试类H5虽然我们都很喜欢玩，但真正印象深刻却是少之又少，主要是“问答-分享测试结果”的模式太让我们熟悉了，每个环节都在预料之中，除了测试结果特别准，基本都没有什么惊喜感或者非分享不可的理由。然而滴滴的这款H5仍然可以在套路中玩出了新意。契合奥运热点，以“测测你的运动基因”为测试主题。虽然内置的还是传统的问答模式，却在最终测试结果融合了“脸部识别”和“图片合成”的技术。答题完毕后上传一张正面照，按照不同的测试结果合成不同的趣味海报，将分享结果和个性晒图合二为一，呈现更吸精的定制性和可玩性。整个H5的视听感受和用户体验都是上乘的，文案生活化而不失幽默，脸部识别效果突出，细节丰富。

案例八：腾讯影业《致每一个被光影打动过的人》

《致每一个被光影打动过的人》称得上是H5界中的清流了，没有过多鲜艳浮夸的设计，也没有过多酷炫掉渣的交互，串联了《阿甘正传》、《少年派奇幻漂流记》、《楚门的世界》、《阿凡达》、《肖申克的救赎》、《星际穿越》六部不同年代电影，以黑白灰的剪影贯穿光与影，配上经典电影台词与值得推敲与品读的哲理文字，越是细嚼就越是尝出久违的味道，唤起了大家对电影的美好回忆。

案例九：天猫《穿越宇宙的双11邀请函》

天猫在今年的双11预热阶段推出《穿越宇宙的双11邀请函》，果真是宇宙级别的惊艳H5，引来朋友圈的一片膜拜。这个H5采用VR、一镜到底等酷炫技术，随着手指的上下滑动，一幅丰富绚丽的宇宙场景震撼呈现开来，营造出狂欢喜庆的节日氛围。H5一共包含了225张素材图，每一张都是经过长时间的拍摄、抠图、渲染。尽管内容庞大，看上去很“吃资源”，但H5无论在加载还是用户体验都相当的流畅，实属是难得的精品。

案例十：腾讯动漫《薛之谦史上最疯狂的广告》

一看到薛先生的大名，明白人都知道是怎么回事了。自诩见惯风浪兼且笑点奇高的我，在建立好心理屏障后，打开H5后还是猝不及防地笑出了腹肌。薛氏特有的夸张幽默，带毒的肢体语言，再加上槽点满满的后期，把一个集“逗、二、贱、骚、腐”于一身的二次元动漫世界展现得绘声绘色，除开薛之谦的话题性和明星效应不谈，这样奇葩而好玩的脚本创意也是逆天了。搞笑之余不乏深情，期间流露出对中国动漫的热血和信仰，让人感慨动容。