的数百种现象中的4个核心例程刷H5页面往往会产生巨大影响。然而，屏幕本身的形成是一个“技术活动”，本文总结了H5的成功页面，并发现了审美胜利，技术胜利，情节胜利和互动胜利等运营策略。

作者：范冰，《增长黑客》。本文首先出现在范冰的新媒体中 - ——成长官方研究所，欢迎大家关注“ldquo;成长官方研究所”

亚马逊Kindle服务号码最近推出了《点击查看你的 Kindle 阅读史》，因此喜欢阅读和发光的粉丝分享了共享私人图书馆的社交货币并转发了他们的朋友圈。

我还拿出了充满灰烬的Kindle，登录了帐户，并计算了它。我发现我在Kindle上买的最贵的书实际上是最初的《Starcraft》小说“Ghost Action”。试用后，Kindle Unlimited也将使用一个月。无论如何，我的个人行为不具代表性。

在阳光下没有什么新东西。 H5的显示总是在变化，但例程没有分开。今天，我们总结了屏幕H5的一些例程和案例。让我们看看不同类型的H5如何吸引用户的青睐。

1.

美学取胜

1）首草「首草先生的情书」

这是早期的H5作品，于2014年底推出。页面元素非常简单：纯净的背景音乐+温馨的配图+走心的文案，虽然图片很简单，但意义深远，在发布之后，它疯狂地传下去了用户组。这是H5的启蒙作品之一。 H5营销的趋势。

寿曹是中国企业家的高端健康品牌。营销公司W（W是一家知名的新媒体营销公司）为其品牌推广活动设定了主题：“女性最好的补充不是第一草，而是爱。” 。 “寿曹先生的情书”的H5页面是第一波宣传。

打开页面，它是一张光影，伴随着舒缓的钢琴背景音乐，用户可以翻阅 17 页真挚的情书，以时间先后为线索，表达了「首草先生」作为一位男士对妻子深深的爱意。终于回归主题“女人的最佳滋补品不是第一草，而是爱情。”

整个H5有近20页，其中大部分都附有长文案。也许我们听过一个名为“尽可能少用文本”的原则，但这款H5仍然赢得了用户的喜爱。

第一个是在情绪渲染上抓住了用户的注意力，每个页面都有一个大标题和一个小副本。当你看到标题时，你可以理解所说的内容。不需要小的副本。其次，H5的目标用户群是一个稍微年长的中年男性，他有阅读文本的习惯，他们可能更喜欢这些可以与他们产生共鸣的文案。

一般来说，Shougra先生的H5是一个美丽的获奖作品，拥有简洁优雅的画面和心灵的响亮复制品，创造了一种充满爱的感觉，并加强了第一草代表女性爱的品牌。宣传呼吁。

▲“寿曹先生的情书”H5

2）大众点评「我们之间就一个字」

当H5是全文时，你认为有人会看吗？不仅，而且还很多。

“我们之间的一句话”是W公司向公众发表评论的H5推广页面。虽然它是全文的形式，但他们把文本变成了“图片”。常用词是具体化和可视化显示的。这个词的意思。

「人与人之间的情分，言之不尽，感之不弥，不如一字以道之。」这些话是：金，欠，欠，梦，天，朋友，战斗，赞美，聚集，代表与朋友相处的方式，最后一句话是“融合”，巧妙地和公众评论品牌相结合。

公众意见的主要业务是预订餐馆，“聚”一词意味着朋友经常聚在一起，即需要公众评论的服务。这项工作的实质在于文本文本化的精美动画，在发布后引起了很多模仿。

▲“我们之间的一句话”H5

3）悦榕庄「唤起这一刻」

悦榕庄是一个高端酒店品牌。它一般位于风景秀丽，环境优美的自然风景区。根据当地特色，酒店环境设计与当地环境融为一体，非常美观。结合品牌特色，他们推出了“唤起这一刻”的H5页面，展现了黄山悦榕庄的终极美感。

画面采用了中国风元素，分为四个画面，用户长按画面可以听到应景的一段音频。一图片是黄山的一角，配音是鸟鸣的声音;第二张照片是空白的，长长地按着对山谷大喊的声音;第三张照片是油菜田，长风吹着田野的声音在吹;第四张照片是传统的徽州建筑，长期受到女人的传统歌唱。

H5页面充分展示了黄山的美丽。有了这款H5，您可以感受到悦榕庄的放松和美丽。

▲“唤起这一刻”H5

4）QQ「这可能是地球上最美的 H5」

H5的开发更先进，技术要求更高。 QQ发布的“H5，可能是地球上最美丽的”是大规模生产，把网页技术和精美画面结合，为用户带来科技与艺术的享受。

进入H5后，用户可以看到完整的地球，用户可以自由旋转地球。不同的锚点被放置在不同的地方，用户可以按住云来看到这个地方的美丽。

这个H5推广“QQ X计划”，它将地球探险家招募到地球上最美丽的地方，向世界各地的网民展示地球的美丽。该计划的推出也是QQ的品牌推广，QQ 的战略是年轻化，避开与微信的直接竞争，对地球的探索也展现了 QQ 充满探索精神的年轻气质。

▲“这可能是地球上最美丽的H5”H5

2.

技术取胜

1）全民突击「吴亦凡入伍」

为了代表技术代表作品获胜，首先值得一本大书的是吴一凡，他是一名全国性的攻击者。它不仅一夜之间点燃了朋友圈，也开启了H5页面动态视频与静态页面相结合的时代，具有“划时代”的意义。

明星题材具有天然的吸引力。吴亦凡的人气势不可挡。 “入伍”更加引人注目，因为大陆基本上没有明星。即使它是娱乐新闻，也是一个非常受欢迎的新闻。

仿真，然后出其不意的突破。模拟腾讯娱乐新闻，大家一开始认为这是娱乐新闻，但画面风格突然改变，吴亦凡感动，观众发现有些事情出了问题。吸引注意力，故事可以一步一步说。

剧情紧凑，看客眼球被牢牢抓住。在头条新闻中被注意到的吴亦凡突然感动（违规）。照片闪烁，吴亦凡跳出视频电话“印象吴亦凡电话”和吴亦凡（答案揭晓）。

这些触摸点，每个都有自己强大的吸引力，让用户一个接一个地跟随场景。最后，吴亦凡在视频中揭示了故事的来龙去脉。用户突然意识到这一系列故事非常有趣。

▲“吴亦凡入伍”H5

2）奔驰「七夕鹊桥会」

双屏互动是 H5 页面中的一个流派，需要两个人的手机进入同一个页面，可以看到两台手机中的 H5 进行联动，在情侣、朋友相关的营销活动中用的较多。梅赛德斯 - 奔驰的H5是在Tanabata时期推出的。主题是桥梁会议，追逐热点表达浪漫的爱情，画面精美。

然而，具有双屏互动的H5尚未诞生。原因可能是运营成本太高。毕竟，在碎片化时间内很难找到另一个人与手机进行交互。大多数人直接放弃。 。

▲“七夕鹊桥会”H5

3）AKQA「梦幻水晶球」

许多人年轻时可能会有一个水晶球，尤其是女孩。 AKQA推出的H5页面播放了一张怀旧卡片，采用简单的重力感应技术让用户进入水晶球探索球内的奇妙世界。摇晃手机也会有下雪的效果，用户可以自定义水晶球的问候，然后与朋友分享，并送上温暖的冬天祝福。

这款H5于2014年底推出，现在看来其中所运用的重力感应、3D 技术并不复杂，但当时它主要是平板H5的工作，这款交互式3D画面的H5非常惊人。

▲“梦幻水晶球”H5

4）NIKE「每双球鞋都有一个故事」

NIKE建立了一个“鞋子宇宙”来展示不同鞋子的故事。图片是3D。鞋子采用Polygon涂装技术展示。用户可以通过上下滑动手指来切换角度，然后单击要放大的元素以查看详细信息。

▲“每双鞋都有故事”H5

3.

情节取胜

美学需要大量的设计成本。技术胜利需要强大的技术力量。这些类型的H5可能意味着一分钱的商品。您花的钱越多，制作的越漂亮，看起来更漂亮的图片会给用户留下深刻的印象。那么通过更好的设计可以找到另一种方法吗？

接下来，让我们看看通过绘图获胜的H5类型，并通过巧妙的绘图设计吸引用户的注意力。读完之后，就像看一部微电影一样。

1）大众点评「这个陌生来电你敢接吗」

H5页面模拟iPhone的来电界面，并且有一个未知的号码呼叫。一开始，悬念被设置为使用户好奇。

连接后，画面变黑了，一个陌生男人的叙述出现了。然后有人在图片中打破了手机的屏幕，越来越多的人对发生的事情感到好奇。

终于透露了答案，原来是《复仇者联盟 2》即将发布，公众对购票的评论有折扣，屏幕前面是复仇者联盟的英雄，让用户的心放下，突然意识到。

公众意见的H5页面也来自W公司，是第一支模拟手机场景的作品，随后有越来越多的 H5 开始模拟手机场景，企图以假乱真，给用户带来惊喜。

▲“你敢接这个奇怪的电话吗？” H5

2）百度手机助手「时代姐妹花」

这款H5接口可在整个过程中模拟日常手机场景。一系列场景将用户带入故事：锁屏消息，解锁界面，微信联系人列表，聊天窗口，朋友圈等都是用户每天触摸的界面。

在H5发布期间，它是《小时代 4》加热展期。因此，以小时代为主题，用户“解锁”成聊天组。群体中小时代的角色是“争论”，用户甚至可以发送一个句子参与群聊。 。然后将场景转移到朋友圈，继续“争论”，最后导致百度移动助手的海报。

H5页面高度恢复了日常的微信使用场景，但更进一步，不仅是模拟，还增加了用户交互部分，允许用户参与电影角色辩论，给用户强烈的替代感。

▲“泰晤士报”H5

3）一加手机「1步1步看清韩寒」

H5页面模拟传统的打字机。物化材料的设计非常有纹理。当用户按下按钮时，打字机可以打印出图片和文案，显示韩寒的成长过程，以及一加手机和韩寒气质的部分，说明韩寒成为一体。添加手机发言人的原因。

当每个人都关注移动界面和微信界面时，W公司再次率先创新和模拟现实生活中的物品。用于逐字打印文案的打字机的设计也允许用户的注意力集中在副本上，以便人们可以关注接下来会出现的内容，因此基本上所有的副本和图片都可以被用户仔细观看，确保品牌。促销效果。

▲“1步和1步看韩寒”H5

4）腾讯「NEXT IDEA × 故宫」

这个H5页面在剧情设计中更加大胆和惊人。它推动了由腾讯和紫禁城联合举办的“NEXTIDEA”创意比赛，并以满足当代人喜好的想法推广紫禁城。

H5页面的主角是朱熹皇帝（他建造了紫禁城），印象中的皇帝庄严肃穆，但这里显示的皇帝是“潮人”。他演唱说唱，跳舞，玩自拍，玩朋友圈和QQ，并与后宫玩各种高科技产品，传统和现代的碰撞，颠覆了常规的认知，加上欢乐的气氛，让人会心一笑。

▲“NEXTIDEA´紫禁城”H5

4.

互动取胜

最后一种类型是交互式H5页面，它不需要高成本投资，但可以实现显着的传播效果，其核心秘诀是与「我」相关的互动，让用户有很强的参与感，给用户许多社交货币，满足了他们的社交需求。

例如，游戏类H5，您可以与周围的朋友分享您自己的成就;一个H5考试，你可以和朋友分享，看你是一个怎样的人;匿名聊天H5，你可以和你的朋友互动;恶搞H5可以让你在朋友圈中变得有趣。

1）轻游戏

周围的神经猫是第一个红热的H5游戏，在24小时内有数千万的PV，然后被微信封杀死。事实上，PC互联网时代有无数类似的游戏，为什么它在移动互联网时代变得越来越受欢迎？其成功的原因可归纳如下。

社交攀比。游戏结束后，告诉用户结果：您使用了xx步骤，排名xxx，击败了xxx网友，并获得了xxx标题。并提供一个按钮，引导用户与朋友分享。这些数据和标题可以引起朋友之间激烈的讨论。当您以15个步骤完成游戏时，其他人将被挑战在15个步骤内完成，并且比较将使用户想要停止。

玩法简单。基本上，你不需要用户进行头脑风暴，你可以在几秒钟内掌握游戏玩法来完成游戏。在移动互联网分散的时代，简约是一个重要特征。用户可以在用餐队列，工作休息期间和电视广告中完成几轮游戏，而不需要花费更多的时间和精力。

有趣放松。大多数流行游戏都充满乐趣和轻松。神经猫的形象，飞扬鸟的神奇水平设计，以及八分音符的音调操作都很有趣。他们没有漂亮的图片或震撼的配乐，但有趣的风格和简单的游戏。一个可以让人放松并帮助用户缓解压力的小游戏自然受到追捧。

▲“包围神经猫”H5

密室逃脱或侦探游戏是另外一个流派，特点是在一个封闭的空间内找齐不同的东西，让用户过了一把侦探瘾。这种游戏允许用户沉浸在H5中，这意味着我们可以在更长的时间内向用户展示我们想要宣传的东西，因此用户将通过有趣的品牌活动留下更深刻的印象隐藏设计。

▲“逃生室”H5

2）测试类

测试类的H5非常受欢迎且持久耐用。一个典型的例程是给出一系列问题，最后给出一个得分和分析结果，甚至输入一个名字，传递照片给出一个结果。当然，这个结果并不科学，但博君笑了。

很多人都非常热衷于这一点，并经常转发类似的H5。也许只要你与“自我”有关，你总能引起大多数人的注意。每个人总是希望看到当他们自己替换这个测试时会发生什么。

▲测试类H5（1）

▲测试类H5（2）

3）匿名类

匿名聊天班H5在朋友圈中也很强大，微信是一个熟人社交，通常每个人都知道，突然切换到匿名语境会变得有趣。有一种名为“Friends Impression”的产品专用于此类H5页面。例如，您可以匿名评价朋友并告诉他一些匿名的私语。由于诱导能力太强，相关的服务都被微信封杀死，足以看出“添加”用户对这种类型的H5的看法。

匿名社交是社交软件的一个分支，用户可以在这类社区里畅所欲言。移植到H5页面，出版商可以了解自己在朋友中的真实形象，这只是一种需要，毕竟每个人都想呈现一个好的自我，所以每个人都想知道朋友对自己的评价。对于匿名评论者，您可以借此机会表达通常不方便的内容。如果对方是最喜欢的人，你可以表达你的表达。如果对方是您不喜欢的人，您也可以正确发泄。

▲匿名课程H5

4）恶搞类

“欺骗”一词越来越受欢迎。这个不那么优雅的词通过炫耀和虚假表达了对虚荣的满足，并向他人展示了他们没有的特征。这种解释可能太重了。许多人日复一日地在平凡的生活中幽默地与朋友分享一些恶搞的东西。

有一种H5迎合这种心理并变得流行。它允许用户“体验”通常不会发生的事情。例如，网易娱乐推出了“我想成为标题”的H5。用户可以输入性别和名称来生成。夸张的假新闻，满足了用户的头条新闻。

▲“我想成为头条新闻”H5

另一种形式是生成假照片，如结婚证，房产证，工作许可证，名片，名人照片等。一般生成的照片将附有二维码，扫描后进入活动页面，允许用户生成自己的假照片。

恶搞类的 H5 如果能够跟自身的产品结合起来，能获得很好的下载转化和品牌宣传，但是如果仅仅是为了恶搞而恶搞，则会面临活动效果不明显的局面。

在微信系统中，许多人的做法是添加公共号码的QR码以试图增加粉丝，但这种方法很容易导致公共号码被微信封杀死，所以做这样的活动是无异于自杀行为。在准备类似的H5时，我们需要考虑这项活动可以为产品带来什么价值。

▲欺骗等级H5

5.

其他Tips

1）善用 H5 模板工具提高效率

H5的普及也导致了许多H5模板工具的开发。它们提供了一整套技术解决方案和设计模板。操作员可以自行释放H5而无需经过漫长的过程。对于小团队来说，这是一个很棒的工具。 。

但是，缺点也很明显，即只能应用固定模板，设计太粗糙，只能在简单小范围内用于H5。如果您只是拥有一些简单的信息或非常少量的互动，您可以使用该模板快速进行在线。如果您想构建更广泛的H5，您仍然需要使用自己的团队，从设计到开发。

2）成功经验分享促成二次传播

爆炸H5，刷屏两三天，是否从过去消失，还是埋在下一次爆炸中？实际上，您也可以选择进行“二次通信”。所谓的“二次沟通”就是分享如何在媒体上爆发H5的成功经验，这也可以带来很多曝光。

我们可以使用搜索引擎找到一个成功的案例，我们可以找到很多文章，如分析和解释，经验分享等。也许H5的生命只有两三天，但这些文章将永久存放，并且继续成为品牌和创意团队。带来曝光。因此，如果您对H5有信心，您可以提前准备经验分享，并在H5火灾后分享。

▲二次传输带来持续曝光

（完）