直播复盘 | EollWorld教你如何打造百万级的H5！
上周小站的H5直播课圆满结束，为了能够让大家更好的吸收这次课程的内容，我们很快整理出了课程讲义，提供给同学们学习和收藏。这期内容的干货还是比较多的，文章值得观看和收藏~
主讲人
ElloWorld联合创始人 / 唐宁
非常荣幸收到H5咨询站小呆的邀请，在这里做一期关于打造爆款H5的话题。现在大家都希望做出百万级H5， 而我觉的制胜的关键是要有足够动机，有不甘平庸的心愿。 对于我们而言，追求爆款这件事，已经成为了公司的企业文化。
开始之前，简单介绍下我们。差不多在2013年底，我和现在的合伙人石乐欧创立了艾洛互动，而我们去年进了数英榜，当选为全国TOP10的独立小而美代理商。现在服务的也都是各大4A广告公司以及百度、淘宝、魅族、麦当劳这些一线品牌。
第一个项目，在2016年3月，我们出了一个小游戏，开始只是自己发了下朋友圈，然后不到一周就破了千万PV，传播面非常广。这款游戏与《围住神经猫》的机制类似，而且品质不逊色于前作，但PV未破亿，是因为腾讯方面的管控与流量限制，也不像《围住神经猫》当时用是腾讯旗下的白鹭引擎。在上涨正凶时，就被封了。
下一个是给百度最强大脑打造的两支H5，都达到了500W+的PV。因为百度渠道强，这个数据也不算偶然。对我们而言值得称道的是平均访问时长在2分钟以上，是一般H5平均时长的好几倍。这个道理很简单，推广力度越猛，如果项目质量不过硬，平均时长肯定低。
然后是魅族、淘宝、德邦三支H5，分别都在短期破了200万PV。
大致介绍了下去年的项目，我们回来要做好H5的话题，需要先理解H5是什么？其实H5不是HTML5的误缩，他指代的是移动网站本身。对于广告圈而言，H5是基于手机浏览器的数字营销方式。
H5并不新奇，它其实就是把网页换到了手机上来看。如图所示，你把传统网页上有的各种功能，和手机具有个各种交互方式，两者间做任意的排列组合，就可以构成目前所有种类的H5。
这里，需要重点提一下视频类H5, 这是目前最火的表现形式。视频因为技术成熟，创意可以得到最大发挥从而在近期被收追捧。从早期BMW M2的H5项目，到后来创意+网红的各种形式，视频类H5也在不断深化。
经典视频类H5
现在，回到核心问题，如何打造爆款。
首先，要有一个核心。
我们要做面向大众的东西，你就要专心去考虑用户体验，要迎合大众，而不是客户。客户的需求往往与用户相背离，客户希望打广告，拼命宣传自己的东西。但对于普罗大众来说，他们更乐意玩、消遣，找乐子。
对于我们的项目来说，我会持续考虑用户诉求，有时甚至会得罪客户。但只要你把用户哄高兴了，最后项目效果好，客户是买你帐。千万不别反过来，不管你过程中多么听客户爸爸的话，百依百顺心如初恋。但只要最后的东西效果差，客户肯定就翻你的脸。这是核心理念，在具体实施上又有三大原则：
1. 跟趋势抓热点 ，但别照搬形式
2. 只抓一个亮点
3. 抓全局，别死抠细节
1. 跟趋势抓热点 ，但别照搬形式
去年，我一度怀疑市面上有一半的H5，都在反复用模拟来电，模拟聊天这两个形式，其他同类的还有模拟手机桌面、模拟朋友圈等... 模拟来电这个领域，经典的同类作品是，吴亦凡征兵主题的那支游戏H5，创意者使用模拟来电这个形式是要营造用户和明星亲密互动的情境。
再看看去年那些H5，什么都要上个模拟来电，什么店开业都要来个模拟微信，这样对创意形式的盲目透支，最终葬送了一个非常有潜力的创意方向。而只有用对了情境，创意才会发挥价值。基于这个前提，大部分都抄错滥用了。所以我们要说千万别随意的照搬形式。而且即便没错，遇到一个烂大街的创意表现形式，也要三思。
来看抓热点，现在都是眼球经济，凡事要跟上当下热点做文章。这是为广州奥美打造的基于地理定位的H5游戏，当时国内的pokemon GO正火，而我们跟了这个热点，大家一看，这不是那个网上天天看到、听到、特别火的游戏吗，赶紧也来玩玩！当时，这支游戏是只针对广州商圈一个规模不大的活动，而且是十一空城期，受众面其实很窄，但是因为热点加成，最后达成了百万+的访问量。
然后来看跟趋势，这其实是个委婉的说法，因为我心里想的是抄。这两个案子，淘宝双十二和德邦新年礼盒，分别和有门互动、不只广告合作的。全是赤果果的抄袭的天猫《双十一穿越宇宙的邀请函》那支H5。 但我保证你找不到痕迹，因为我们偷的是：平面、插画结合三维空间视角的这么一个技术形式，而不是傻呆呆的照着做一个。
2. 只抓一个亮点
客户习惯把所有产品卖点、相关信息塞到一支H5里面。而作为快消品的H5，要把握的是用户扫纵即逝的注意力。我们必须专注，一个核心亮点，一条故事线，才可能吸引住用户，并让他们完整的浏览完。
让我们先来看三张图，第一张，全是红点，你会发现你的视线会游离，找不到落脚点。
第二张，只有五个点，而且只有一个大红点，你的视线最多只在中间那个点上多停留一会，视线还是偏移。
当画面变成只有一个大红点时，事情就不一样了，你不但会盯着他，视线坚定不移，而且，如果是在全屏状态下看，即使上面用醒目的大字标上 —请千万不要按这个按钮，你可能也会下意识的点下去了。
当你给了用户一堆信息，一堆选择项，只要人需要做出判断选择，就会调用理性，而理性选择带来的即使是轻微的用户自己都没察觉的些许不适，可能就引导用户下意识的退出页面了。这个世界上，所有的事情只要是面对普罗大众的，理性就总是一定会败给人性。所以，必须只抓一个核心亮点，有且仅仅只能是一个。
3. 抓全局，别死抠细节
这个原则肯定和大家通常认知相背离，现在不是讲匠心嘛，不是精益求精嘛，为什么反而要我们差不多就行了。我觉得关键在于H5的项目特殊，如图所示，H5是一个需要多工种配合而且流程复杂的项目，但他通常的周期都在一个月左右。
再看下一张图，是这些大量相关因素的平均值，最终决定了H5的上线效果。
如果要为了一张图的精致程度，需要极大增加加载时长，那追求这个细节可能就毁了整个项目。如果为了炫目特效，导致H5不流畅，用户会中途直接流失。如果为了一个附加功能是否体验完美，耽误了整体项目优化，导致后续上线问题频发，这些都会严重影响H5最终效果。
所以我们能做的就是把各个环节做到80分，千万不要妄图100分。因为到了80分再往上的20增量，代价可能是让其它环节掉到不及格。
最后，除了这一个核心三个原则，我觉得还有一点必须提一下，那就是运气。
还是有很多团队兢兢业业，作品品质优秀，但是暂时没有得到足够的反馈。我们其实也不敢保证下一个案子就一定爆款。唯一能做的就是重视每个客户，每个项目，不停反思精进，认真严谨的处理每一个环节。
非常谢谢唐老师的分享，期待我们以后能有更多的内容合作。
如果上过课的同学想从看课程回放，只需要点击本帖的“阅读原文”就可以回看了，想了解分享老师所在企业制作的H5作品的话，可点击《为什么他们做的每个H5都是爆款？》一文来回看内容。好了，咱们小站的第四期线上分享就到此结束了，咱们下期见了~
进入资讯站社群，看H5分享
- 加微信：zixunzhanxiaomi -
微博: @H5资讯站 QQ群: 465521360 微信: zixunzhanxiaomi