H5，HTML5网页的简称，在国内以微信H5的形式最为盛行。本周我们有幸请到上海看看新闻制作团队的小怡、乐乐进行线上的分享。

他们有多厉害？从他们团队在iH5的个人主页可以看到，2个月内策划出了两个百万级浏览量的H5。

所以，秘诀到底在哪里？

揭秘1：和宋仲基合影，308万

下面这个H5，4月1日中午12点在iH5.cn发布，2小时内浏览量破10万，当天更超过200万点击，最终浏览量达308万之高。

http://5ea4bcdd9895.ih5.cn/idea/ris4x58

“很清晰地记得，今年3月31日，也就是愚人节的前一天一时兴起，纯粹想顺手抽空随意做点什么玩。

当时朋友圈刷屏词是热播剧《太阳的后裔》中的宋仲基，似乎一时间每一个‘花痴女粉丝’都想成为宋夫人。那么拍张‘结婚照’是不是就等于圆梦了？

于是我们一人制作DEMO，一人开始设计，一人构思文案，同步进行。为了‘好玩’，在这个作品中，即使你上传了图片，最后生成的只会是李光洙的脸——当然这个梗也就迷妹们能get了。

愚人节快结束的时候，我们又推出真实版照片生成器，并在第1个H5的最后做引导导流，半小时内为第2个H5带来1万多浏览量。没有使用很高级的专业技能，甚至后来iH5还能支持用‘画布打印’保存照片，秒秒钟实现。”

揭秘2：去迪士尼玩，155万

下面这个H5，在2月3日下午3点上线，包含上海迪士尼最新的票价条目，还设计了好玩的互动——正好是迪士尼宣布票价的第一时间。发布21小时后，浏览量破100万，最后总点击量高达155万。

http://5ea4bcdd9895.ih5.cn/idea/uZ3VevV

“作为一个新闻工作者，这个案例的发起来自微信群的信息源，当时收到消息说上海迪士尼的票价两天后会公布。上海迪士尼开园是今年的重头戏，票价也是很多人关心的话题。

经过几个人idea的碰撞后，我们决定把落点放在花费上，算一算去一趟迪士尼需要多少钱？是屌丝还是土豪，按一按计算器就知道了。

文案我们改了至少3遍，逐字斟酌。除了文字，计算器中的定价和评判区间是我们争论了最久的一块。最后，还是一个高考数学满分的记者算出一个区间，决定出屌丝和平民花费的差别。”

揭秘3：百万级H5的3个秘密

以下是制作团队所设计的工作流程图，而除了透露制作过程外，他们更无私分享了自己作品成功的三个秘密。

（1）选题要切合热点：

请你谨遵三大原则，实效性、话题性、趣味性。

（2）呈现要有互动性，也要满足用户需求：

请你试着了解用户。

即使H5最终的数据或者说是转化率，是每个制作人员最后得到的结果。但我们更应该去想，目标用户想要什么？他们关心什么？怎么H5包含的信息，才容易被他们认为是“与我相关”的？

比如迪士尼计算器，大家关心的是最后可能需要从兜里掏出多少钱。其次，才是互动效果的设计。

（3）规划好时间节点：

请你规划好时间。

上面分别是迪士尼和宋仲基两个案例的工作流程，根本原则只有一个：以发布时间最为最后时间节点，倒推策划、定稿（设计）、制作、测试所需工作时长，这样去推动整个项目的进程。

揭秘4：下一个百万级H5，可能就是你

除了对自己作品的回顾，制作团队还总结出6个H5制作需要注意的实用技能，内容如下：

（1）第一眼效应

有这样一个数据：

一篇H5的平均生存时间约为5天。

平均每篇H5能够带来的PV数和UV数分别为954和693。

平均每篇H5停留时间是380s，能被分享41次。

随着生活节奏的加快，我们越来越缺乏耐心。所以也要记住，第一时间吸引并留住用户是关键。

（2）抓“痛点”，不要过度追求原创创意

照片合成、计算器、还有网易上头条，在PC时代都是老套路了，但在H5里、在新平台里老套路也能玩得很溜。

原创源于隐藏的信源，相对于原创，有一个更恰当的词：新鲜。

（3）简化操作

做H5的互动游戏要广泛传播，一定要简化操作！复杂的H5动态页面，或许内容很精彩，但大部分情况下由于网络加载的问题，很少有人会看完。

在碎片化的时代，一个页面卡顿2秒？你自己都会放弃浏览。

（4）H5特效和表单的运用

音乐和特效两种元素是正面元素，能够吸引读者，促进传播效果。

含音乐的H5页面和含特效的H5更受欢迎，而含有酷炫特效的H5能为用户带来视觉上的冲击与享受。但请注意，包含表单的H5带来的效果不佳，容易引起用户抵触。

（5）朋友圈的裂变效应

虚拟网络的社交关系，犹如对折一张A4的纸，一张A4纸对折50次有多高？据说是地球到太阳的距离——这就是裂变的力量。

（6）分享的动力

什么会成为分享的动力？请记住下面几个词：

炫耀、

慈善、

爱心、

时间节点、

逼格。

（以上H5作品均通过iH5制作完成，如有兴趣可在电脑端登录www.ih5.cn进行创作）