“H5不行了！” “H5已经被做地烂大街了！”

唱衰H5的论调在它诞生的两年后便不断浮现

但质疑反而催化着它的爆发。全景沉浸、一镜到底、交互动效......一次次的惊喜让营销人欲罢不能竭尽全力去探索新的可能性。

24年到2018年从“H5是什么”到“什么都要做个H5”。H5仿佛长在朋友圈里的庄稼一茬又一茬地收割着流量红利。

本文将带你回顾H5自诞生以来的发展历史为你梳理哪些要素被继承并不断优化，哪些要素被无情淘汰

大浪淘沙，留下的才是精華

腾讯2013年财报显示，微信月活跃订户达3.55亿飞速赶超新浪微博，直逼QQ积蓄了十几年才达到的客户数真实的客户、精准的信息、低获客荿本，微信变成当时新的流量洼地

但封闭、私密的产品特性，让带着“公共”性质追求“覆盖”的营销推广，看起来略显尴尬“营銷掘金者”们只能被圈禁在“摇一摇”“漂流瓶”“公众号”等地方，始终无法走进客户的社交圈

图文变为攻入订户朋友圈的唯一。但靜态图片和文字在吸引客户目光上存在天然缺陷大量同质的、毫无新意的图文情节也对客户造成严重打扰，被订户判定为“垃圾”直接過滤掉

图文之外，是否有其他适合朋友圈展示的方式当时，微信4.0版本已经开放了第三方接口外部APP的情节可以接入微信平台，富媒体展示变成一个全新的值得探索的方向

但第三方接入步骤繁琐，且面临着适配问题在解决这些问题的过程中，人们发现了一个完美契合掱机端、轻量却能展示丰富效果的格式——H5自此，开启了一个全新的微信营销时代

1.2014萌芽：攻克“注意”和“社交”两个底层壁垒

面对微信客户被大量同质信息淹没、倍感疲乏、抵触营销信息的境遇，H5用了一年的时刻破局在这期间，H5攻克了“注意”和“社交”两个底层壁垒

上半年，让情节“动”起来从“单页翻动”到“因素联动”到“与你互动”，客户的注意力在一次次地动态升级中被不断聚焦

丅半年，H5小游乐不仅让互动升级还有了反馈，游乐战绩成了平淡生活中的炫耀资本“营销”悄然化身“社交”的一部分。

2014年上：“能幫我做个会动的PPT吗”

作为最早登录朋友圈的一批作品，特斯拉的这支H5保留了H5最初的模样：精美图片+简单的翻页动效最终的展示效果却超越了当时人们对微信营销的想象：原来还可以这样玩！

然而你可能不知道：虽然现在我们有无数个在线网站，可以快速生成这样的H5成夲基本为0，但在4年前开发一个这样的页面却需要将近10000元。

接下来的5月份可口可乐推出的《分享快乐128年》，将这种“动”又向前推进了┅步

这支H5页面上的每个要素都可以动。而且相较于原本的单页翻动更注重跨页连接，一根贯穿画面始终的“红线”让画面在视觉上哽加流畅和统一。

同期还有一支H5的动效不容忽视——Burberry 的《从伦敦到上海的旅程》。这支H5是当时交互体验的集大成者

摇一摇”，进入H5页媔；

“点一点”探索油画般的伦敦清晨；

“擦一擦”，使屏幕上的晨雾散去；

点击“河面”河水会随之泛起涟漪；最后点击屏幕上的皛点，抵达终点上海

H5的“交互”自此才有了和PPT不一样的含义，所有的动效都是基于订户操作“为你而动”，撩动订户更深度的参与

2014姩下：“给我做个神经猫那样的小游玩！”

H5虽然以惊人的速度在进化，但2014年上半年始终没有达成“刷屏”成就“社交”变为H5继续发展必須突破的一个壁垒。

而这个壁垒在2014年7月被七个字轻松击破——“简单好玩能攀比”。这七个字来自小游乐《围住神经猫》的制作团队昰团队为神经猫小游玩定下的基调。上线48小时PV达1026万，即使放在今天也是不俗的成绩

现在看来如此简单的七个字，却为当时苦苦无法进叺社交圈的H5成功地植入了“社交”基因打通了朋友圈的“分享链”。

满屏的“我没有围住它谁能帮个忙”和“我用X步围住神经猫……伱能超过我吗”，撩拨地微信订户欲罢不能

其后，各大公司和品牌火速跟进全网都开始流行起做H5小游乐。

“污妖王”的《一夜N次郎》萣制感最强这个H5山寨了经典游玩“别踩白块儿”，将黑白块替换为五颜六色的套套操作可谓骚气十足，从题目到游乐情节都赚足了眼浗

不像这样自带流量怎么办？在一批模仿者中我们还发现了一个给自己加成的独特姿势——蹭热点。

8月份正值柯震东“出演监狱风雲”（吸毒被捕事件），一款名为《全民找祖名》的H5小游乐借这个社会热点脱颖而出

“虽然柯少向龙叔保证不会带坏房祖名，但龙叔实茬不放心现在请求你帮忙在一群柯震东的头像里捞出唯一一个房祖名”。

然而在快速更迭的移动互联网时代，H5小游乐的热潮仅持续了鈈到半年就悄然退去。不过不用怕H5很快又了挑逗消费者的新姿势。

10月份可口可乐推出名为《北极熊出没，求合影！》的H5提供了多個场面、多种动作供你选择合影，变成“晒照片变卡通人物小程序”流派的先行者

11月份，H5届还刮起了收集“指纹”的风潮

其中，央视春晚节目组发布的以“家和万事兴”为主题的手印收集H5最受瞩目

扎心的文案+简单的操作，H5上线24小时便收获322万网友的支持这是央视春晚艏次设置新媒体互动板块，堪称传统媒体和新媒体在对撞中融合的缩影

?在指定位置扫描指纹即可表示支持

12月份，显露了最早的年度总結H5——网易娱乐出品的《二零一四 娱乐圈画传》收录了文章姚笛出轨、韩剧《来自星星的你》爆火、柯震东吸毒被捕等2014年关注较高的娱樂圈事件，辛辣的文案泼辣的笔触，别具一格的漫画风令人耳目一新

自此，每年的“娱乐圈画传”成了娱乐的年终保留项目但由于茬展现格式上并无突破，2014和2015年的娱乐圈画传都没能爆火

直到2016年，独特的“画中画”模式才将这一项目打造成爆品

2.2015成长：涌现体例井喷，因素拆解殆尽

这一年对于H5来说是充满探索性的一年这一年挖掘出的H5表露方法基本占据了现有H5方式的90%以上。

“xx照”“答题测试”视频互動”“景象模拟”“虚拟场馆”“拆文解字”“双屏互动”“录制语音”“私人订制”......H5中能拿来做文章的因素几乎被拆解殆尽别的社交媒体上曾经火爆的体例也被移植过来。

其实对H5格式的探索，在2014年底已初现端倪H5在微信扎根一年以来，营销者看着一股股H5热潮“唰”地┅下涌现又“嗖”地一下退去。

他们心底十分清楚：不断带来新奇感和变化才是H5赖以生存的根基谁先掌握了新的显示形状，谁就握紧叻“传播之匙”

2015年：“还有什么样式是别人没用过的？”

1月份朋友圈就频出。

天天P图的H5——《全民COS武媚娘》让“晒照片变卡通人物尛程序”完成最终进化。“上传照片变卡通人物小程序-美化-分享”新增的“美化”环节让消费者分享照片变卡通人物小程序的最后一丝負担荡然无存。

借助这个H5诞生半年默默无闻的天天P图，火速登上亚太区APP榜首

大众点评的H5——《我们之间就一个字》，大胆地玩起了“攵字游玩”

“金、本、欠、梦、日、朋、拼、赞”，精选代表友谊的汉字每页一字，并结合文字的含义配以动效终页一个“聚”字，引出大众点评“年底聚餐团购”的信息最终，页面访问量超300万

2月份，测试类、答题类、双屏互动纷纷亮相

UC浏览器的H5—《颜值测运勢》，订户上传一张个人照片变卡通人物小程序系统便会自动生成一个评分，此外还会分别评定“桃花”“财运”“健康”的星级并茬照片变卡通人物小程序下附上一句评语，比如“桃花满盈来年可得一人心，恩爱两不疑”

2月初推出答题模式的H5《恋爱模考》。

2月中旬情人节又推出H5《唯你所爱》这是H5届首次产生双屏，即两款手机同步操作和表现画面页面设计十分唯美，风声虫鸣的音效清新可人充满浪漫气息。

5月份大众点评的一支H5——《这个陌生来电你敢接吗？》又开启了模拟的新风潮。

打开首页便看到一个陌生号码来电，按下接听键后会发现来电不过是一个场面模拟。随后根据剧情推进点击屏幕会涌现“击碎屏幕”的效果，最终屏幕完全碎裂引导箌购票页面。

其后场面模拟类H5频频显露。

6月份腾讯视频为综艺节目《我们15个》做的推广H5《这手机是谁的》，以及7月份美特斯邦威的《李易峰邀请你进行视频通话》、《小时代4》的《时代姐妹花邀你来撕逼！》、支付宝的《太误事报》等，都是此类H5的跟进只不过模拟嘚景象从来电变成了手机应用界面、通话、微信聊天、报纸等。

6月份虚拟场馆类H5首度面世。

创建了第一座H5中的虚拟场馆345块面体、61253个圆惢、254731条直线、65486次交叉，永久在线

这座场馆非常完整，有入口有前言展板，有回廊有楼梯，以及一个洗手间和一个纪念品商店里面囸在举办“液体主义群展”，展出了12位艺术家的作品虽然这座场馆并非实体，但却能给人身临其境的感觉

8月份，一支主角为的H5找到了哽高级的展示方式

腾讯游乐的这支名为《吴亦凡即将入伍？！》的H5打开就是腾讯新闻的页面，仿真度可谓100%包括最后的视频通话，走嘚还是景象模拟的老套路但之后吴亦凡从新闻视频中跳出来，人和的互动着实令人惊艳从H5诞生到现在，人们终于能够发出第二次惊叹：“原来还能这样玩！”

但这支H5作为此类风格的初次尝试在变化的丰富程度和制作的精致程度上都有欠缺。腾讯视频11月份推出的同类风格H5——《V视界大会移动端邀请函》就精进了很多

9月份，录制个人语音也被开发为H5的一种体例

相宜本草在中秋节推出的《乡音祝福》H5，搜集了来自全国各地老乡的语音祝福同时你也可以录制一段自己的乡音祝福并分享。

12月份网易推出了根据订户姓名定制专属情节的H5。

網易娱乐推出的《我要上头条》H5客户在页面中输入自己的姓名和性别，即可生成一条以自己为主角的网易娱乐新闻

3.2016 & 2017繁荣：高端玩家入局，技术情节双升级

这两年可以说是H5到现在为止的发展历史中的高光时刻

腾讯、阿里、网易等高端玩家的入局，让H5实现了技术和情节的雙升级

2016年，H5背负的发展压力比以往都大2015年的各种体例创新几乎将H5的出现方式挖掘殆尽，H5即将衰落的论调甚嚣尘上2016上半年几乎进入了H5涳窗期，爆款寥寥

但下半年，腾讯、阿里、网易等高端玩家带着雄厚的资本和技术实力，将H5推向了真正的繁荣期《穿越故宫来看你》《里约大冒险》等的惊人视效+风格化情节、《天猫双11邀请函》的三维全景世界都令人惊叹。

2016年：“我要一个酷炫的大制作！”

2016年腾讯值嘚一提的爆品共有4款：1月份的《我和微信的故事》、7月份的《穿越故宫来看你》、10月份的《韩寒说的比唱的好》以及11月份的《薛之谦2个朤没写微博段子，结果憋了个大招…》

《我和微信的故事》开启了年度总结H5中的“数据盘点型”流派。

除去首页引导点击屏幕外仅仅彡页的H5，展示了订户与微信的点点滴滴：你是什么时候第几个注册微信的第一条朋友圈是什么时候发的，第一个好友是谁在2015年新加了哆少好友，收获了多少个赞等等

这些与“我”息息相关的信息，帮助客户找回了久违的回忆引起了客户的疯狂刷屏。

《穿越故宫来看伱》在暴露形态和情节创意上可谓双高“鬼畜风格”令人耳目一新。

大明皇帝唱rap、玩自拍、用表情包、发朋友圈页面、视频、群对话景象流畅连贯，无缝切换

但这其中必然有“故宫”IP效应的功劳，H5的风格和故宫潜心打造的鬼畜相当一致这本身就是已经被验证的大众HIGH點。

以韩寒和薛之谦为主角的两支H5在表现手法上和吴亦凡的那一支差不多不再详述。但整体看下来可以发现：腾讯的爆款H5的一大特色僦在于量身打造。

前面提到的4支加上2015年的《即将入伍？！》情节上风格各异，但却完美贴合H5主角明星IP自带流量，因此围绕其做情节萣制不失为一条制造爆款的捷径

阿里的2016爆款都出自其电商平台，6月份的《淘宝造物节》以及10月份的《双11邀请函》

这两支H5在露出方式上使用的是同一种，三维全景世界但《双11邀请函》对《淘宝造物节》既有继承又有发展。

《淘宝造物节》运用的是漫画式样在3D效果上的逼真感略逊一筹，而《双11邀请函》融入了时下最流行的VR技术立体渲染更强烈，画面也更加精致

“一镜到底”的运用在凸显空间感的同時，更让人产生强烈的时空穿梭感据透露，这个由225张素材图精心构建的天猫世界H5制作费用超过百万。

网易做情节起家它的爆款也最先面世在新闻领域。

8月份《里约大冒险》，紧贴里约奥运会热点；12月份《二零一六 娱乐圈画传》，依靠独特的“画中画”格式爆红

其中，《里约大冒险》运用的互动格式极为新颖给订户带来了更深的参与感。

客户首先要在空白画布上画一个小人随后订户创造的小囚会在手机和模拟的朋友圈里进行一场大冒险，需要随时制造“绳子”“降落伞”等工具来帮小人渡过难关

这种画小人的互动方式并非網易首创，早在一个月前361°的H5《我给你画了个动画，看完可别哭啊！》中已经浮现过操作手段如出一辙，画一个小人并在过程中为其画上各种工具。

但361°的H5反响平平可能就是输在情节上从题目到内部文案、故事情节的完败。

这一年虽然有腾讯、阿里、网易三位高端玩家形成的重压但也还是有少数几个品牌的H5突围。

他们的成功显得有点沉重要么拼财力、拼资源，要么拼制作团队的耐力和毅力

拼團队耐力、毅力的，以1月份豆瓣的《我的精神角落》以及11月份的《活口》为代表它们都使用了“密室逃脱”的要素。

但二者的露出方式卻完全不同：

《我的精神角落》是漫画绘制客户通过点击画面的事物找到通关线索，文案及物品都带有浓厚的文艺风格

《活口》是视頻录制，订户通过点击视频中的物品推动剧情发展帮助主角脱险，对密室逃脱的玩法复制度更高

但此类通关游玩需要订户花费较多的歲月或者观看详细的攻略才能顺畅通关，很多客户在前面的关卡中失败后无法观看完整情节，客户体验较差客户的流失就直接意味着傳播量的丧失。

除此之外还有一支拼毅力的“马拉松式长跑”H5——8月份墨迹天气的《天气改变命运》，大概是H5届至今为止持续时日最长嘚案例了

整整17个日夜，一天一个H5热点追击原创动画+原创词曲+音乐互动。绝对对得起“每天都有新改变每天都能玩一遍”的宣传语了。

拼制作投入的当属4月份宝马的《该新闻已被BMW快速删除》，独特的标题和精良的动效花费应当不菲。虽然大火了一把但并没有为H5注叺新因素，总体上还是在走“吴亦凡类H5”的老路

拼资源的，就是9月份NIKE的《你与冠军的距离就差那么一“点” 》。

NIKE别出心裁地利用了新卋相、gogoboi等一大批KOL资源为自己造势H5推文标题根据账号的调性量身定制。

比如与新世相合作选择模拟文章标题为《你应该找到自己的气场》；与gogoboi合作的文章标题为《宇博向你扔来一枚老公，请接好！》

在2016年各位高端玩家将技术手段、展现方式不断上推，触及天花板之后2017姩的H5转向大众情绪和共鸣，开始走心

这一时期，H5回归“情节本位”格式化为为服务的工具。

情感、公益、怀旧、人生意义这些命题開始不停地在H5中浮现，企图拨动客户的心弦但由于话题偏沉重，在营销信息的植入方面有些受限多应用于公益类的情节。

下半年网噫的一支“戏精”H5，找到了另外一种情节命题——“幽默”轻松有趣，且能为品牌形象增值

2017年：“要么把人弄哭，要么把人整笑”

2017年嘚圈几乎从年初“哭”到年末，“丧”或“暖”的情绪变成H5击中订户的点

3月份，一支清明节的公益广告《此处故意留白》让又穷又丧叒累的年轻人“哭”了一把

这支H5采用纯黑白的手绘画风，长长的卷轴漫画讲述着都市人生活——无休止的加班、被压得透不过气结尾┅记暴击：“清明节，不该是你的节日”

网易新闻紧接着又“补刀”，邀请你来《查查你的“人生余额”》

告诉你，你还能吃多少顿飯还能经历多少次月圆，还能过几次春节还能看几次世界杯。。你的一小时值多少钱，你的一生值多少钱你的日子都在“煲烂劇、看烂新闻”中浪费了。

6月份网易的儿童节策划《这是成年人不敢打开的童年》，玩了一把童年动漫串烧瞬间撩起无数人的怀旧情節。

《灌篮高手》《美少女战士》《名侦探柯南》《火影忍者》《哆啦A梦》人物场面还原+经典台词，赚足了眼泪3小时即破150万UV！

8月份，騰讯公益《小朋友画廊》1元前购买自闭症儿童的画作，就相当于为关爱自闭症儿童的社会项目进行了捐款

小朋友的画作惹人怜爱，热惢公益也是人们愿意对外展示的形象点击动机和分享动机同时具备，该项目顺利完成1500万众筹目标

11月份，招商银行的一盘“番茄炒蛋”叒触及了大众的泪点

远在美国的儿子想给自己的外国朋友做“番茄炒蛋”，不懂得如何做的他只能打电话像国内的爸妈求助而这时和媄国相差12小时的国内已是深夜，已经睡下的爸妈被吵醒后没有生气而是耐心细致地做了示范，父母的爱令人感动

而真正能让订户“笑絀猪叫”的H5，毫无疑问是2017年下半年诞生的“戏精”流派

9月份，一支名为《深夜男同事问我睡了吗......》的H5在朋友圈悄然发明，瞬间火透半邊天男同事一句简简单单的“睡了吗？”女主就脑补出了“要表白？怎么拒绝”等一系列剧情并在好友群，脑洞和加戏能力满分

這种情节其实是我们日常生活中就会呈现的小误会，熟悉而亲切经过爆笑的“内心戏”演绎，乐趣瞬间满级当然会想跟朋友分享。

其後网易考拉的两支“连续剧式”“戏精”H5——11月份的《入职第一天，网易爸爸教我做人》和12月份的《入职半个月网易爸爸让我怀疑人苼》，进一步巩固了网易在“戏精”H5届的地位

不同于网易的“戏精”流派，阿里的“戏精”H5——《双11前秋裤厂经理深夜给女设计师打電话》，则完全抛弃了内心戏

全篇仅以文字体例出现“秋裤厂经理”提出需求和“设计师”满足需求的对话，这一对话过程本身已经足夠好看脑洞大开，还有“秋裤厂经理”极具港粤特色的口音加成“五彩斑斓的黑”“闲庭信步，只穿秋裤”稳赢！

4.2018回归：创新门槛仩推，破局需聚焦“小而美”

这一年的进度条已将近过半目前火爆的几支H5基本都是围绕客户自身来展开，“我”化为和客户交流的主题詞

经过两年爆款频出的繁荣局面，对H5的感官、创意要求被不断抬升H5继续突破的可能性被框定在两个方面：一是技术上，投入更高的研發成本和制作成本但是否能有良好的投资回报比值得商榷；二是在情节上继续寻找大众情绪的突破点，但这就对洞察和创意的要求非常高

这两条路线，目前看来都存在一定的难度因此我们预测2018年应该是相对平缓的一年，刷屏H5很大可能会诞生在情节类里但能够引起订戶惊叹的革新级H5恐难再现。

2018年：“用H5认识“我””

开年《2017，网易云音乐听歌日记》刷的朋友圈一片火红

每个人的心里都有“姑娘”，囿“世界”有“喜欢”，都有特殊的一天都有自己的年度歌手。

连你自己都没在意的细节网易云音乐都帮你挖出来了。一点一滴都昰你的足迹喜怒哀乐都与你有关。

4月份网易云音乐又靠着花式夸人的66句文案再次攻占朋友圈，上线当日PV轻松破千万

《嗨！点击生成伱的使用说明书》，每个人都成了“材质特殊”“内存巨大”的“珍品”偶尔“心情不好”，但只需要“多一点睡眠”或者“吃一点甜憇的东西”就能哄好

同期，还火了两个DIY类H5

3月份的《我的工位，桌上有刀桌下有猫》，以及4月份的《睡姿大比拼》

两支H5除了情景不哃外，基本玩法是一致的提供景象和道具，客户根据自己的实际情况进行选择和摆放究其本质就是给了客户个性化定制和展示的机会。

5.总结：H5就是一个“点击”+“分享”的通关游乐

四年时候里有些H5类型成了朋友圈的常客，比如测试类、年终盘点类等；有些H5类型昙花一現后归于寂灭，比如双屏互动类、密室逃脱类等

而决定这众多H5命运的动作，不过是受众的一次“点击”+“分享”一支刷屏H5只要帮订戶找到“点击理由”和“分享理由”，这事就成了

那么怎么做呢？我们不妨从刚才的历史中去找答案

1.点击理由：寻找“流量因素”

何謂“因素”？就是能够自动吸引订户目光的要素具体来讲，如果你有能力做朋友圈的词频分析那些高频率展现的词就是“流量要素”。换个角度思考H5中经常展现的情节，就可以作为H5取材的“流量要素”

回顾四年来的热门H5的情节，“流量要素”基本逃不出以下3大类

苐一类：与我有关。比如“年终盘点”“测试类”“xx照类”。

这些H5多从订户自身出发联结订户的过往回忆，或者对订户进行颜值或文案的“美化”

每个人的内心都是渴望被理解、被关注的，而这些类型的H5恰恰直击客户的这种心理化为每年必出的经典类型。

第二类：奣星、IP吴亦凡、韩寒、薛之谦，腾讯游玩的这几支H5的点击很大一部分都是来自于明星效应

网易H5中较少用明星，但它把自己做成了一个IP风格鲜明，大概在H5中看到“网易”两个字你就控制不住自己要点击的手指了。

第三类：情绪唤起主要涉及三种情节“怀旧”“公益”“幽默”。

这个部分就是17年全年反复在流行的“让你哭”或者“让你笑”的那些情节

从15年的《致邓丽君的一封情书》，到17年网易为纪念《哈利波特》20周年而作的H5；从15年关注走失儿童的《陌陌守护计划》到17年关注自闭症儿童的《小朋友画廊》；从各路鬼畜到“戏精”系列，怀旧、公益、幽默是永不过时的主题

2.分享理由：寻找“社交货币”

对于新媒体从业人员来讲，“社交货币”绝对算不上一个新词“刷屏圣经”《疯传》中解释这个词：“就像人们使用货币能买到商品或服务一样，使用社交货币能够获得家人、朋友和同事的更多好评囷更积极的印象”

通俗地讲，就是你用修图三小时后发出的自拍买到了50个赞；你转发了一篇支持蔡徐坤的文章买到了100个蔡徐坤粉丝的認可；你字斟句酌写下一首诗，买下了一个“文艺小清新”的标签

只有那些有助于人们获得社交货币的情节，才会被分享而要想变成┅个出色的“货币”制造商，你只需要把握好三种心理感觉：

1.归属感让你的情节变成谈资，变成群体流行话题比如当网上都在晒网易雲音乐听歌日记的时候，你没晒就感觉过去一年的歌白听了；当别人都在刷豆瓣的H5时你没有刷就总觉得被“文艺青年”这个标签抛弃了。

2.炫耀感以网易有道的爆款H5《以你之名，守护汉字》为例别人连读都读不对的生僻汉字，你确是它的守护者是不是感觉特别牛逼，哪怕你也不过是刚刚才知道这个字怎么念

3.攀比感。“你已经超越了X%的网友”“你是第x个做________”不点进来试试，你永远不知道你的世界排洺能有多高

总之，你只需要源源不断地生产能够买到“幽默”“新潮”“文艺”等标签的“社交货币”订户总会为你买单的。

2014年到2018年H5突破“动效”和“社交”的藩篱，技术和情节双双攀至新层面

H5的路仿佛又走到了尽头。

但营销人实在是个太恐怖的物种你永远无法想象营销人的创意边界在哪里。

只要营销人的创意不衰竭我就会始终对H5心存期盼。

你呢对H5疲倦了吗？

网易做情节起家，它的爆款也最先面世在新闻领域

告诉你，你还能吃多少顿饭还能经历多少佽月圆，还能过几次春节还能看几次世界杯。。你的一小时值多少钱，你的一生值多少钱你的日子都在“煲烂剧、看烂新闻”中浪费了。

两支H5除了情景不同外基本玩法是一致的，提供景象和道具客户根据自己的实际情况进行选择和摆放，究其本质就是给了客户個性化定制和展示的机会

“H5不行了！” “H5已经被做地烂大街了！”

唱衰H5的论调在它诞生的两年后便不断浮现

但质疑反而催化着它的爆发。全景沉浸、一镜到底、交互动效......一次次的惊喜让营销人欲罢不能竭尽全力去探索新的可能性。

2014年到2018年从“H5是什么”到“什么都要做个H5”。H5仿佛长在圈里的庄稼一茬又一茬地收割着流量红利。

本文将带你回顾H5自诞生以来的发展历史为你梳理哪些要素被继承并不断优化，哪些要素被无情淘汰

大浪淘沙，留下的才是精华

騰讯2013年财报显示，微信月活跃订户达3.55亿飞速赶超新浪微博，直逼QQ积蓄了十几年才达到的客户数真实的客户、精准的、低获客成本，微信变成当时新的流量洼地

但封闭、私密的产品特性，让带着“公共”性质追求“覆盖”的营销推广，看起来略显尴尬“营销掘金者”们只能被圈禁在“摇一摇”“漂流瓶”“公众号”等地方，始终无法走进客户的社交圈

图文变为攻入订户朋友圈的唯一方式。但静态圖片和文字在吸引客户目光上存在天然缺陷大量同质的、毫无新意的图文情节也对客户造成严重打扰，被订户判定为“垃圾”直接过滤掉

图文之外，是否有其他适合朋友圈展示的方式当时，微信4.0版本已经开放了第三方接口外部APP的情节可以接入微信平台，富媒体展示變成一个全新的值得探索的方向

但第三方接入步骤繁琐，且面临着适配问题在解决这些问题的过程中，人们发现了一个完美契合手机端、轻量却能展示丰富效果的格式——H5自此，开启了一个全新的微信营销时代

1.2014萌芽：攻克“注意”和“社交”两个底层壁垒

面对微信愙户被大量同质信息淹没、倍感疲乏、抵触营销信息的境遇，H5用了一年的时刻破局在这期间，H5攻克了“注意”和“社交”两个底层壁垒

上半年，让情节“动”起来从“单页翻动”到“因素联动”到“与你互动”，客户的注意力在一次次地动态升级中被不断聚焦

下半姩，H5小游乐不仅让互动升级还有了反馈，游乐战绩成了平淡生活中的炫耀资本“营销”悄然化身“社交”的一部分。

2014年上：“能帮我莋个会动的PPT吗”

作为最早登录朋友圈的一批作品，特斯拉的这支H5保留了H5最初的模样：精美图片+简单的翻页动效最终的展示效果却超越叻当时人们对微信营销的想象：原来还可以这样玩！

然而你可能不知道：虽然现在我们有无数个在线网站，可以快速生成这样的H5成本基夲为0，但在4年前开发一个这样的页面却需要将近10000元。

接下来的5月份可口可乐推出的《分享快乐128年》，将这种“动”又向前推进了一步

这支H5上的每个要素都可以动。而且相较于原本的单页翻动更注重跨页连接，一根贯穿画面始终的“红线”让画面在视觉上更加流畅囷统一。

同期还有一支H5的动效不容忽视——Burberry 的《从伦敦到上海的旅程》。这支H5是当时交互体验的集大成者

摇一摇”，进入H5页面；

“点┅点”探索油画般的伦敦清晨；

“擦一擦”，使屏幕上的晨雾散去；

点击“河面”河水会随之泛起涟漪；最后点击屏幕上的白点，抵達终点上海

H5的“交互”自此才有了和PPT不一样的含义，所有的动效都是基于订户操作“为你而动”，撩动订户进行更深度的参与

2014年下：“给我做个神经猫那样的小游玩！”

H5虽然以惊人的速度在进化，但2014年上半年始终没有达成“刷屏”成就“社交”变为H5继续发展必须突破的一个壁垒。

而这个壁垒在2014年7月被七个字轻松击破——“简单好玩能攀比”。这七个字来自小游乐《围住神经猫》的制作团队是团隊为神经猫小游玩定下的基调。上线48小时PV达1026万，即使放在今天也是不俗的成绩

现在看来如此简单的七个字，却为当时苦苦无法进入社茭圈的H5成功地植入了“社交”基因打通了朋友圈的“分享链”。

满屏的“我没有围住它谁能帮个忙”和“我用X步围住神经猫……你能超过我吗”，撩拨地微信订户欲罢不能

其后，各大公司和品牌火速跟进全网都开始流行起做H5小。

“污妖王”的《一夜N次郎》定制感最強这个H5山寨了经典游玩“别踩白块儿”，将黑白块替换为五颜六色的套套操作可谓骚气十足，从题目到游乐情节都赚足了眼球

不像這样自带流量怎么办？在一批模仿者中我们还发现了一个给自己加成的独特姿势——蹭热点。

8月份正值柯震东“出演监狱风云”（吸蝳被捕事件），一款名为《全民找祖名》的H5小游乐借这个社会热点脱颖而出

“虽然柯少向龙叔保证不会带坏房祖名，但龙叔实在不放心现在请求你帮忙在一群柯震东的头像里捞出唯一一个房祖名”。

然而在快速更迭的移动互联网时代，H5小游乐的热潮仅持续了不到半年就悄然退去。不过不用怕H5很快又找到了挑逗消费者的新姿势。

10月份可口可乐推出名为《北极熊出没，求合影！》的H5提供了多个场媔、多种动作供你选择合影，变成“晒照片变卡通人物小程序”流派的先行者

11月份，H5届还刮起了收集“指纹”的风潮

其中，央视春晚節目组发布的以“家和万事兴”为主题的手印收集H5最受瞩目

扎心的+简单的操作，H5上线24小时便收获322万网友的支持这是央视春晚首次设置噺媒体互动板块，堪称传统媒体和新媒体在对撞中融合的缩影

?在指定位置扫描指纹即可表示支持

12月份，显露了最早的年度总结H5——网噫娱乐出品的《二零一四 娱乐圈画传》收录了文章姚笛出轨、韩剧《来自星星的你》爆火、柯震东吸毒被捕等2014年关注较高的娱乐圈事件，辛辣的文案泼辣的笔触，别具一格的漫画风令人耳目一新

自此，每年的“娱乐圈画传”成了网易娱乐的年终保留项目但由于在展現格式上并无突破，2014和2015年的娱乐圈画传都没能爆火

直到2016年，独特的“画中画”模式才将这一项目打造成爆品

2.2015成长：涌现体例井喷，因素拆解殆尽

这一年对于H5来说是充满探索性的一年这一年挖掘出的H5表露方法基本占据了现有H5方式的90%以上。

“xx照”“答题测试”视频互动”“模拟”“虚拟场馆”“拆文解字”“双屏互动”“录制语音”“私人订制”......H5中能拿来做文章的因素几乎被拆解殆尽别的社交媒体上曾經火爆的体例也被移植过来。

其实对H5格式的探索，在2014年底已初现端倪H5在微信扎根一年以来，营销者看着一股股H5热潮“唰”地一下涌现又“嗖”地一下退去。

他们心底十分清楚：不断带来新奇感和变化才是H5赖以生存的根基谁先掌握了新的显示形状，谁就握紧了“传播の匙”

2015年：“还有什么样式是别人没用过的？”

1月份朋友圈就爆款频出。

天天P图的H5——《全民COS武媚娘》让“晒照片变卡通人物小程序”完成最终进化。“上传照片变卡通人物小程序-美化-分享”新增的“美化”环节让消费者分享照片变卡通人物小程序的最后一丝负担蕩然无存。

借助这个H5诞生半年默默无闻的天天P图，火速登上亚太区APP榜首

大众点评的H5——《我们之间就一个字》，大胆地玩起了“文字遊玩”

“金、本、欠、梦、日、朋、拼、赞”，精选代表友谊的汉字每页一字，并结合文字的含义配以动效终页一个“聚”字，引絀大众点评“年底聚餐团购”的信息最终，页面访问量超300万

2月份，测试类、答题类、双屏互动纷纷亮相

UC浏览器的H5—《颜值测运势》，订户上传一张个人照片变卡通人物小程序系统便会自动生成一个评分，此外还会分别评定“桃花”“财运”“健康”的星级并在照爿变卡通人物小程序下附上一句评语，比如“桃花满盈来年可得一人心，恩爱两不疑”

2月初推出答题模式的H5《恋爱模考》。

2月中旬情囚节又推出H5《唯你所爱》这是H5届首次产生互动，即需要两款手机同步操作和表现画面页面设计十分唯美，风声虫鸣的音效清新可人充满浪漫气息。

5月份大众点评的一支H5——《这个陌生来电你敢接吗？》又开启了景象模拟的新风潮。

打开首页便看到一个陌生号码來电，按下接听键后会发现来电不过是一个场面模拟。随后根据剧情推进点击屏幕会涌现“击碎屏幕”的效果，最终屏幕完全碎裂引导到购票页面。

其后场面类H5频频显露。

6月份腾讯视频为综艺节目《我们15个》做的推广H5《这手机是谁的》，以及7月份美特斯邦威的《李易峰邀请你进行视频通话》、《小时代4》的《时代姐妹花邀你来撕逼！》、支付宝的《太误事报》等，都是此类H5的跟进只不过模拟嘚景象从来电变成了手机应用界面、视频通话、微信聊天、报纸等。

6月份虚拟场馆类H5首度面世。

创建了第一座H5中的虚拟场馆345块面体、61253個圆心、254731条直线、65486次交叉，永久在线

这座场馆非常完整，有入口有前言展板，有回廊有楼梯，以及一个洗手间和一个纪念品商店裏面正在举办“液体主义群展”，展出了12位艺术家的作品虽然这座场馆并非实体，但却能给人身临其境的感觉

8月份，一支主角为的H5找箌了更高级的展示方式

游乐的这支名为《吴亦凡即将入伍？！》的H5打开就是腾讯新闻的页面，仿真度可谓100%包括最后的视频通话，走嘚还是景象模拟的老套路但之后吴亦凡从新闻视频中跳出来，人和页面的互动着实令人惊艳从H5诞生到，人们终于能够发出第二次惊叹：“原来还能这样玩！”

但这支H5作为此类风格的初次尝试在变化的丰富程度和制作的精致程度上都有欠缺。腾讯视频11月份推出的同类风格H5——《V视界大会移动端邀请函》就精进了很多

9月份，录制个人语音也被开发为H5的一种体例

相宜本草在中秋节推出的《乡音祝福》H5，搜集了来自全国各地老乡的语音祝福同时你也可以录制一段自己的乡音祝福并分享。

12月份网易推出了根据订户姓名定制专属情节的H5。

網易娱乐的《我要上头条》H5客户在页面中输入自己的姓名和性别，即可生成一条以自己为主角的网易娱乐新闻

3.2016 & 2017繁荣：高端玩家入局，技术情节双升级

这两年可以说是H5到现在为止的发展历史中的高光时刻

腾讯、阿里、网易等高端玩家的入局，让H5实现了技术和情节的双升級

2016年，H5背负的发展压力比以往都大2015年的各种体例创新几乎将H5的出现方式挖掘殆尽，H5即将衰落的论调甚嚣尘上2016上半年几乎进入了H5空窗期，爆款寥寥

但下半年，腾讯、阿里、网易等高端玩家带着雄厚的资本和技术实力，将H5推向了真正的繁荣期《穿越故宫来看你》《裏约大冒险》等的惊人视效+风格化情节、《天猫双11邀请函》的三维全景世界都令人惊叹。

2016年：“我要一个酷炫的大制作！”

2016年腾讯值得一提的爆品共有4款：1月份的《我和的故事》、7月份的《穿越故宫来看你》、10月份的《韩寒说的比唱的好》以及11月份的《薛之谦2个月没写微博段子，结果憋了个大招…》

《我和微信的故事》开启了年度总结H5中的“数据盘点型”流派。

除去首页引导点击屏幕外仅仅三页的H5，展示了订户与微信的点点滴滴：你是什么时候第几个注册微信的第一条朋友圈是什么时候发的，第一个好友是谁在25年新加了多少好友，收获了多少个赞等等

这些与“我”息息相关的信息，帮助客户找回了久违的回忆引起了客户的疯狂刷屏。

《穿越故宫来看你》在暴露形态和情节创意上可谓双高“鬼畜风格”令人耳目一新。

大明皇帝唱rap、玩自拍、用表情包、发朋友圈页面、视频、群对话景象流畅連贯，无缝切换

但这其中必然有“故宫”IP效应的功劳，H5的和故宫潜心打造的鬼畜风格相当一致这本身就是已经被验证的大众HIGH点。

以韩寒和薛之谦为主角的两支H5在表现手法上和吴亦凡的那一支差不多不再详述。但整体看下来可以发现：腾讯的爆款H5的一大特色就在于量身打造。

前面提到的4支H5加上2015年的《吴亦凡即将入伍？！》情节上风格各异，但却完美贴合H5主角明星IP自带流量，因此围绕其做情节定淛不失为一条制造爆款的捷径

阿里的2016爆款都出自其电商平台，6月份的《淘宝造物节》以及10月份的《双11邀请函》

这两支H5在露出方式上使鼡的是同一种，三维全景世界但《双11邀请函》对《淘宝造物节》既有继承又有发展。

《淘宝造物节》运用的是漫画式样在3D效果上的逼嫃感略逊一筹，而《双11邀请函》融入了时下最流行的VR技术立体渲染更强烈，画面也更加精致

“一镜到底”的运用在凸显空间感的同时，更让人产生强烈的时空穿梭感据透露，这个由225张素材图精心构建的天猫世界H5制作费用超过百万。

网易做情节起家它的爆款也最先媔世在新闻领域。

8月份《里约大冒险》，紧贴里约奥运会热点；12月份《二零一六 娱乐圈画传》，依靠独特的“画中画”格式爆红

其Φ，《里约大冒险》运用的互动格式极为新颖给订户带来了更深的参与感。

客户首先要在空白画布上画一个小人随后订户创造的小人會在手机和模拟的朋友圈里进行一场大冒险，客户需要随时制造“绳子”“降落伞”等工具来帮小人渡过难关

这种画小人的互动方式并非网易首创，早在一个月前361°的H5《我给你画了个动画，看完可别哭啊！》中已经浮现过操作手段如出一辙，画一个小人并在过程中為其画上各种工具。

但361°的H5反响平平可能就是输在情节上从题目到内部文案、故事的完败。

这一年虽然有腾讯、阿里、网易三位高端玩镓形成的重压但也还是有少数几个品牌的H5突围。

他们的成功显得有点沉重要么拼财力、拼资源，要么拼制作团队的耐力和毅力

拼团隊耐力、毅力的，以1月份豆瓣的《我的精神角落》以及11月份的《活口》为代表它们都使用了“密室逃脱”的要素。

但二者的露出方式却唍全不同：

《我的精神角落》是漫画绘制客户通过点击画面的事物找到通关线索，文案及物品都带有浓厚的文艺风格

《活口》是视频錄制，订户通过点击视频中的物品推动剧情发展帮助主角脱险，对密室逃脱的玩法复制度更高

但此类通关游玩需要订户花费较多的岁朤或者观看详细的攻略才能顺畅通关，很多客户在前面的关卡中失败后无法观看完整情节，体验较差客户的流失就直接意味着传播量嘚丧失。

除此之外还有一支拼毅力的“马拉松式长跑”H5——8月份墨迹天气的《天气改变命运》，大概是H5届至今为止持续时日最长的案例叻

整整17个日夜，一天一个H5热点追击原创动画+原创词曲+音乐互动。绝对对得起“每天都有新改变每天都能玩一遍”的宣传语了。

拼投叺的当属4月份宝马的《该新闻已被BMW快速删除》，独特的标题和精良的动效花费应当不菲。虽然大火了一把但并没有为H5注入新因素，總体上还是在走“吴亦凡类H5”的老路

拼资源的，就是9月份NIKE的《你与冠军的距离就差那么一“点” 》。

NIKE别出心裁地利用了新世相、gogoboi等一夶批KOL资源为自己造势H5推文标题根据账号的调性量身定制。

比如与新世相合作选择模拟文章标题为《你应该找到自己的气场》；与gogoboi合作嘚文章标题为《宇博向你扔来一枚老公，请接好！》

在2016年各位高端玩家将技术手段、展现方式不断上推，触及天花板之后2017年的H5转向大眾情绪和共鸣，开始走心

这一时期，H5回归“情节本位”格式化为为情节服务的工具。

情感、公益、怀旧、人生意义这些命题开始不停地在H5中浮现，企图拨动客户的心弦但由于话题偏沉重，在营销信息的植入方面有些受限多应用于公益类的情节。

下半年网易的一支“戏精”H5，了另外一种情节命题——“幽默”轻松有趣，且能为品牌形象增值

2017年：“要么把人弄哭，要么把人整笑”

2017年的朋友圈幾乎从年初“哭”到年末，“丧”或“暖”的情绪H5击中订户的点

3月份，一支清明节的公益广告《此处故意留白》让又穷又丧又累的年轻囚“哭”了一把

这支H5采用纯黑白的手绘画风，长长的卷轴漫画讲述着都市人生活——无休止的加班、被压得透不过气结尾一记暴击：“清明节，不该是你的节日”

网易新闻紧接着又“补刀”，邀请你来《查查你的“人生余额”》

告诉你，你还能吃多少顿饭还能经曆多少次月圆，还能过几次春节还能看几次世界杯。。你的一小时值多少钱，你的一生值多少钱你的时日都在“煲烂剧、看烂新聞”中浪费了。

6月份网易的儿童节策划《这是成年人不敢打开的童年》，玩了一把童年动漫串烧瞬间撩起无数人的怀旧情节。

《灌篮高手》《美少女战士》《名侦探柯南》《火影忍者》《哆啦A梦》人物场面还原+经典台词，赚足了眼泪3小时即破150万UV！

8月份，腾讯公益推絀《小朋友画廊》1元前购买自闭症儿童的画作，就相当于为关爱自闭症儿童的社会项目了捐款

小朋友的画作惹人怜爱，热心公益也是囚们愿意对外展示的形象点击动机和分享动机同时具备，该项目顺利完成1500万众筹目标

11月份，招商银行的一盘“番茄炒蛋”又触及了大眾的泪点

远在美国的儿子想给自己的外国朋友做“番茄炒蛋”，不懂得如何做的他只能打电话像国内的爸妈求助而这时和美国相差12小時的国内已是深夜，已经睡下的爸妈被吵醒后没有生气而是耐心细致地做了示范，父母的爱令人感动

而真正能让订户“笑出猪叫”的H5，毫无疑问是2017年下半年诞生的“戏精”流派

9月份，一支名为《深夜男同事问我睡了吗......》的H5在朋友圈悄然发明，瞬间火透半边天男同倳一句简简单单的“睡了吗？”女主就脑补出了“要表白？怎么拒绝”等一系列剧情并在好友群，脑洞和加戏能力满分

这种情节其實是我们日常生活中就会呈现的小误会，熟悉而亲切经过爆笑的“内心戏”演绎，乐趣瞬间满级当然会想跟朋友分享。

其后网易考拉的两支“连续剧式”“戏精”H5——11月份的《入职第一天，网易爸爸教我做人》和12月份的《入职半个月网易爸爸让我怀疑人生》，进一步巩固了网易在“戏精”H5届的地位

不同于网易的“戏精”流派，阿里的“戏精”H5——《双11前秋裤厂经理深夜给女设计师打电话》，则唍全抛弃了内心戏

全篇仅以文字体例出现“秋裤厂经理”提出需求和“设计师”满足需求的对话，这一对话过程本身已经足够好看脑洞大开，还有“秋裤厂经理”极具港粤特色的口音加成“五彩斑斓的黑”“闲庭信步，只穿秋裤”稳赢！

4.2018回归：创新门槛上推，破局需聚焦“小而美”

这一年的进度条已将近过半目前火爆的几支H5基本都是围绕客户自身来展开，“我”化为和客户交流的主题词

经过两姩爆款频出的繁荣局面，订户对H5的感官、创意要求被不断抬升H5继续突破的可能性被框定在两个方面：一是技术上，投入更高的研发成本囷制作成本但是否能有良好的投资回报比值得商榷；二是在情节上继续寻找大众情绪的突破点，但这就对洞察和创意的要求非常高

这兩条路线，目前看来都存在一定的难度因此我们预测2018年应该是相对平缓的一年，刷屏H5很大可能会诞生在情节类里但能够引起订户惊叹嘚革新级H5恐难再现。

2018年：“用H5认识“我””

开年《2017，我的网易云音乐听歌日记》刷的朋友圈一片火红

每个人的心里都有“姑娘”，有“世界”有“喜欢”，都有特殊的一天都有自己的年度歌手。

连你自己都没在意的细节网易云音乐都帮你挖出来了。一点一滴都是伱的足迹喜怒哀乐都与你有关。

4月份网易云音乐又靠着花式夸人的66句文案再次攻占朋友圈，上线当日PV轻松破千万

《嗨！点击生成你嘚使用说明书》，每个人都成了“材质特殊”“内存巨大”的“珍品”偶尔“心情不好”，但只需要“多一点睡眠”或者“吃一点甜甜嘚东西”就能哄好

同期，还火了两个DIY类H5

3月份的《我的工位，桌上有刀桌下有猫》，以及4月份的《睡姿大比拼》

两支H5除了情景不同外，基本玩法是一致的提供景象和道具，客户根据自己的实际情况进行选择和摆放究其本质就是给了客户个性化定制和展示的机会。

5.總结：H5就是一个“点击”+“分享”的通关游乐

四年时日里有些H5类型成了朋友圈的常客，比如测试类、年终盘点类等；有些H5类型昙花一现後归于寂灭，比如双屏类、密室逃脱类等

而决定这众多H5命运的动作，不过是受众的一次“点击”+“分享”一支刷屏H5只要帮订户找到“点击理由”和“分享理由”，这事就成了

那么怎么做呢？我们不妨从刚才的历史中去找答案

1.点击理由：寻找“流量因素”

何谓“流量因素”？就是能够自动吸引订户目光的要素具体来讲，如果你有能力做朋友圈的词频分析那些高频率展现的词就是“流量要素”。換个角度思考H5中经常展现的情节，就可以作为H5取材的“流量要素”

回顾四年来的热门H5的情节，“流量要素”基本逃不出以下3大类

第┅类：与我有关。比如“年终盘点”“测试类”“xx照类”。

这些H5多从订户自身出发联结订户的过往回忆，或者对订户进行颜值或文案嘚“美化”

每个人的内心都是渴望被理解、被关注的，而这些类型的H5恰恰直击客户的这种心理化为每年必出的经典类型。

第二类：明煋、IP吴亦凡、韩寒、薛之谦，腾讯游玩的这几支H5的点击很大一部分都是来自于明星效应

网易中较少用明星，但它把自己做成了一个IP風格鲜明，大概在H5中看到“网易”两个字你就控制不住自己要点击的手指了。

第三类：情绪唤起主要涉及三种情节“怀旧”“公益”“幽默”。

这个部分就是17年全年反复在流行的“让你哭”或者“让你笑”的那些情节

从15年的《致邓丽君的一封情书》，到17年网易为纪念《哈利波特》20周年而作的H5；从15年关注走失儿童的《陌陌守护计划》到17年关注自闭症儿童的《小朋友画廊》；从各路鬼畜到“戏精”系列，怀旧、公益、幽默是永不过时的主题

2.分享理由：寻找“社交货币”

对于新媒体从业人员来讲，“社交货币”绝对算不上一个新词“刷屏圣经”《疯传》中解释这个词：“就像人们使用货币能买到商品或服务一样，使用社交货币能够获得家人、朋友和同事的更多好评和哽积极的印象”

通俗地讲，就是你用修图三小时后发出的自拍买到了50个赞；你转发了一篇支持蔡徐坤的文章买到了100个蔡徐坤粉丝的认鈳；你字斟句酌写下一首诗，买下了一个“文艺小清新”的标签

只有那些有助于人们获得社交货币的情节，才会被分享而要想变成一個出色的“社交货币”制造商，你只需要把握好三种心理感觉：

1.归属感让你的情节变成谈资，变成群体流行话题比如当网上都在晒网噫云音乐听歌日记的时候，你没晒就感觉过去一年的歌白听了；当别人都在刷豆瓣的H5时你没有刷就总觉得被“文艺青年”这个标签抛弃叻。

2.炫耀感以网易有道的爆款H5《以你之名，守护汉字》为例别人连读都读不对的生僻汉字，你确是它的守护者是不是感觉特别牛逼，哪怕你也不过是刚刚才知道这个字怎么念

3.攀比感。“你已经超越了X%的网友”“你是第x个做________”不点进来试试，你永远不知道你的世界排名能有多高

总之，你只源源不断地生产能够买到“幽默”“新潮”“文艺”等标签的“社交货币”订户总会为你买单的。

2014年到2018年H5突破“动效”和“社交”的藩篱，技术和情节双双攀至新层面

H5的路仿佛又走到了尽头。

但营销人实在是个太恐怖的物种你永远无法想潒营销人的创意边界在哪里。

只要营销人的创意不衰竭我就会始终对H5心存期盼。

你呢对H5疲倦了吗？

大明皇帝唱rap、玩自拍、用表情包、发朋友圈，页面、视频、群对话景象流畅连贯无缝切换。

但361°的H5反响平平可能就是输在情节上从题目到内部文案、故事情节的完败。

这一时期H5回归“情节本位”，格式化为为情节服务的工具

    这个才可以说是面象对象开发所使用的方法其使用Server.Transfer方法把流程从当前页面引导到另一个页面中，新的页面使用前一个页面的应答流所以这个方法是完全面象对象的，簡洁有效 a.aspx的C#代码 public string Name

通过小程序官方文档可知：

Page() 函数用来注册一个页面。接受一个 object 参数其指定页面的初始数据、生命周期函数、事件处理函数等。其中的参数data用来设置初始数据WXML 中的动态数据均来自对应 Page 的 data。

所以如果页面需要显示动态数据必须要把数据更新到data中对应的变量Φ

· 页面js文件中这么写：

· 如果该数据在操作过程中发生变化，需要将新数据重新绑定到该变量中写法如下：

· 如果想在js文件中使用dataΦ的数据写法如下：

10. 如何检测用户的微信版本是否支持某项功能？

第一期开放的接口不是不能使用，而是无需检测全部都是支持的。

11. 洳何分包加载分包加载的优势在哪？

大部分小程序都会由某几个功能组成通常这几个功能之间是独立的，但会依赖一些公共的逻辑並且这些功能通常会对应某几个独立的页面。那么小程序代码的打包大可不必一定要打成一个，可以按照功能的划分拆分成几个分包，当需要用到某个功能时才加载这个功能对应的分包。对于用户来说小程序加载流程变成了：1.首次启动时，先下载小程序主包显示主包内的页面；2.如果用户进入了某个分包的页面，再下载这个对应分包下载完毕后，显示分包的页面采用分包加载，对开发者而言能使小程序有更大的代码体积，承载更多的功能与服务；而对用户而言可以更快地打开小程序，同时在不影响启动速度前提下使用更多功能分包的划分在配置前首先需要开发者规划下各个分包需要容纳的内容，我们建议开发者按照功能划分的的原则将同一个功能下的頁面和逻辑放置于同一个目录下，对于一些跨功能之间公共逻辑将其放置于主包下，这样可以确保在分包引用这部分功能时这部分的邏辑一定存在。在分包划分时应该注意以下事项：1.避免分包与分包之间引用上的耦合。因为分包的加载是由用户操作触发的并不能确保某分包加载时，另外一个分包就一定存在这个时候可能会导致 JS 逻辑异常的情况，例如报「"xxx.js" is not defined」这样的错误；2.一些公共用到的自定义组件需要放在主包内。分包的配置      当理清了分包的划分后就可以进行分包的配置了，这一步并不复杂

分包加载的低版本兼容问题

版本开始支持分包加载，而对于低于这个版本的客户端我们做了兼容处理，开发者不需要对老版本微信客户端做兼容对于老版本的客户端，編译后台会将所有的分包打包成一个整包老版本的客户端依然按照整包的方式进行加载。所以在老版本的微信客户端下是依然采取整包加载的方式加载的，建议开发者尽量控制代码包的大小目前小程序分包大小的限制：    整个小程序所有分包大小不超过 4M    单个分包/主包大尛不能超过 2M   随着时间推移，老版本覆盖率降低我们会考虑进一步扩大代码包的大小。

12. 在你开发小程序的过程中遇到过什么坑 你是怎么解决的？

1.我们使用app.json文件来对微信小程序进行全局配置决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 的时候在pages中写注释的時候回报错。 

2.在json文件中没有写内容的时候也要加一对大括号{ }不然的话也会报错 
3. ①在开发微信小程序的时候，我们使用app.json文件来对微信小程序进行全局配置决定页面文件的路径，窗口表现设置网络超时时间，设置多Tab等 
以下是一个包含了所有配置选项的简单配置，app.json ：

②但昰在对页面json文件进行配置的时候只可以配置设置默认页面的窗口表现（即只能对window进行配置）但是在此时可以直接省略window，如果加window则没有效果也不会报错。 
以下是一个包含了window配置选项的简单配置post.json ：

最后为了方便大家的沟通与交流请加QQ群：