H5案例分析

写在前面：

h5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。平时看到的网页就可以用这种语言编写的。

记得有则新闻，说是知名手机老总被记者问到对H5的看法，结果老外完全不知道是啥。所以也请大家不要对此误解。H5只是咱们国内的叫法。

数据：

1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。(数据来源：国际科技媒体 Read Write Web，2015)

2、浏览量最高的1000个H5作品中，42%是心灵鸡汤，最高17,358,480 uv;27%是测试题，最高49,940,339 uv;15%是社交互动游戏，最高2,892,047 uv; 5%是大型品牌宣传，最高551,195 uv。(数据来源：在线h5工具平台ih5.cn，2015.9)

正文：

我们现在所说的H5多指以手机端为主的网络推广营销，经常刷爆朋友圈的案例一般有如下尿性（额，我并太清楚这词啥意思）：

①和用户精神上的互动：打情感牌：亲情友情爱情；节日热点（papi酱完宋仲机）；公益宣传（里面会浑水摸鱼的夹杂着商业目的）；鸡汤（不是怀旧就是青春）；

②和用户肉体上的互动：小游戏，测试题，偶尔P图P假证，大家都乐呵呵的晒朋友圈。还有一种比较厚道，视觉效果好，这里又分为画面炫酷和技术牛X（3D、重力）；

而根据不同的目的

H5又能分为好几类：活动运营、品牌宣传、产品介绍、总结报告等类型。今天先不说了，不然根本停不下来，感兴趣的小伙伴可以去自行百度。

今天主要说H5在设计中的类型，个人总结，欢迎纠正。

一、图文简约流

    这个分类算是H5的始祖了，最早2014年的开山鼻祖H5《特拉斯》《神经猫》还有《聚》（聚已经有特效了）

二、视觉流

    技术、音效、画面等方面全力配合以提高用户的体验。画面创意棒的有《杜蕾斯艺术馆》《腾讯游戏》

杜蕾斯↑

↑《生命之上，想象之下》   腾讯UP大会宣传广告

三、数据流

    大多用图表来表现数据，读者能迅速浏览数据，掌握主要内容。一般节奏鲜明，例：京东和淘宝还有支付宝账单

四、游戏流

    为什么单独列出一类，不把他放到视觉里。因为现在html已经强大到做游戏了。他已经成为交互营销的一大门派，让它做小弟可不愿意。游戏案例屈指可数，如《围住神经猫》《看你有多色》《一夜N次郎》（别踩白块儿）

五、福利流

    代金券、优惠券都是商家常用的推广伎俩，现在通过H5更是火上浇油，一发不可收拾。虽然大家嘴上不在乎这点小利，但身体却很诚实。经典的有神州专车《神创》，大众点评系列《狂怒》《复仇者联盟》

好了，今天就分享到这，下次再分享H5实战注意事项。