【盘点】2019年度网易十大H5案例赏析

作者:创始人 日期:2020-06-18 人气:5717

和用户强相关的选题内容才是刷屏的关键。

再过几天,我们将向21世纪的10年代说再见。

这一百多年来,报纸、广播、电话、电视、网络等媒介载体不断发展。

而H5作为移动互联网时代社交传播的媒介载体,也才只是一个几岁的小孩。

经过了翻页PPT式的萌芽期、测试类的疯狂生长期、高逼格的技术开发期,到了现在,H5已经回归到内容为王的道路上。

不管媒介载体如何转变,终归要以内容为本。

这一年里,网易出品了百余个H5,我们从中选出了10个最具特色的代表作品。

这10个H5,无论是在内容寓意、形式创意还是设计细节上,都可圈可点,值得回味和收藏。

01、最 · 实用

2019开年第一个爆款H5,一定是《新年flag》。

辞旧迎新之际,立flag已经成为年轻人必做的事情之一。

通常flag都是积极、正向、美好的。

针对这种特殊的仪式感,H5把立flag的行为具象化,用户可以主动编辑自己的flag,也可以选择H5提供的flag。

没有炫酷的互动效果和特别的内容包装,《新年flag》从日常需求出发,用简约又个性化的清单形式,帮助用户进行新年许愿。

H5实用性很强,给予了用户不得不分享的理由。

02、最 · 感动

这是一个视频互动H5。

“我”在父母的保护下慢慢长大,那时“我”认为父母就是全世界。而长大后,父母的叮嘱变成了念叨,“我”也遇到了喜欢的人。

后来,我们虽然离开了最在意我们的父母,但我们会带着爱意守护他们,并把爱分享给我们爱的人。

H5的洞察在于,成长伴随着断舍离,但亲情永远不会被舍弃。

当代年轻人忙于工作,与家人的联系越来越少。虽然缺少了陪伴,但爱不会因此变质。

H5调动起远离家人的思念情感,用户的情感融入就是促成转发行为的一大动机。

03、最 · 扎心

我们总是会关注人类的生死存亡,却对动物的生存状况视而不见。

这个H5把人类新闻和动物新闻结合在一起, 从相亲、吸猫、脱发、北漂四个热点话题入手,表面上是在将人类新闻,但撕开报纸后却看到濒危动物的生存困境。

人类的脱单、脱发是热点,动物界的过度捕杀和濒危灭绝就不该被重视吗?

人类新闻映射着动物世界的残酷真相,由濒危动物亲口说出人类的恶行,强烈的对比让用户感同身受。

用户们不禁也想要“为Ta发声”,将H5分享到朋友圈,让更多人的人加入到保护动物的行列中。

04、最 · 深刻

《英雄》一反常规的英雄拯救世界剧情,剑走偏锋,让英雄落败。

在被破坏的自然环境面前, 英雄也无法拯救人类,引出环保主题。

H5使用一镜到底的交互玩法,重在“如何讲好故事”。每个页面无缝衔接,玩起来是一个流畅的过程,便于用户带入故事内容,更有参与感。

“英雄惨败”的反英雄主义思路,为环境被破坏敲响了警钟。这种反套路让人印象更加深刻。

H5虽然全篇充斥着绝望,但它成功地调动起用户的震惊与愤怒。

把它转发到朋友圈,可以表达自己关心环保的积极意愿,建立正面形象。

05、最 · 古风

这个H5最大的亮点,是画风上参考了北宋名画《千里江山图》,是非常独特的国画风格。

整体建构在《千里江山图》的原貌上,每页的转场也是像水墨一样切换,视觉感官上非常震撼。

H5通过仙鹤的飞行拉开序幕,而画面中汽车的出现竟然毫不违和,行驶的汽车和飞翔的仙鹤换面串联起来,过渡自然。

名画是H5中的一个常见元素,这个H5不仅还原了名画原貌,还带领大家深入“江山”,在细节表现上水准较高,单纯因为制作精良的画面效果也值得分享。

06、最 · 治愈

网易哒哒这个H5是为六一儿童节定制的个性化测试H5。

现在六一专属儿童的标签逐渐变淡,童心未泯的“大龄儿童”们也把儿童节视作一种精神安慰。

《饲养手册》洞察到90后、 00后喜欢追逐新鲜感、喜欢用可爱事物缓解压力和孤独的特性,设计了一个可爱但不幼稚的H5,帮“大龄儿童”圆梦。

画面和交互上设计了萌属性的日系元素,色彩搭配高级不土味。

整个H5使用了长图形式,将每一页测试拼接组合,实现文字和图形穿梭的动作效果,操作顺畅,玩法并不复杂。

要说分享动机......也真的太萌了吧!!

07、最 · 震撼

H5使用了电影级别的CG动画,高度还原大英博物馆藏品原貌。

尤其是埃及猫、法老像、宙斯雕像部分,造型的空间感增加了画面的层次,与扁平化的作品完全不同,形成一种强烈的视觉冲击。

配乐恢弘霸气,凸显出历史的沉重感,也营造了紧张的氛围。

品牌与内容通过一张‘邀请函“自然融合,用户对广告的接受度较高,也不会影响转发。

08、最 · 唯美

这个H5也是靠精良的画面和动态取胜。

为了表现芒种时节的气候特征和农作习惯,H5设计了插秧、降雨、百灵鸟歌唱环节。

整体是水墨画的形式,色彩细腻丰富,视觉观感上赏心悦目,营造出和谐安好的时节气氛。

H5用一镜到底的形式串联起芒种的变化,最后设计了猜谜环节,用户可以用谜题海报考验好友。

爱美之心人皆有之,流畅绝美的设计是这个H5最大的转发动机。

09、最 · 高能

H5开头就出现红色预警,瞬间吸引用户注意力。再加上H5的背景是人类幸存者求生,一下子给用户带来紧张感和急促感。

测试题目的设计冲突性很强,它抓住人性的弱点,做选择时需要用户仔细思考,实际上是延长用户停留在H5的时间,加强角色的代入感参与感。

H5的最后,生成一张未来世界身份海报,结合用户个性化选择给予他们三个标签、一个人设。

标签的命中率很高,用户很容易被测试文案感染,并将自己的新人设展示到朋友圈中,让更多人认识自己。

10、最 · 神秘

同样是测试类,这个H5则是先建了一个微信群聊场景,群友都是精英大佬。在明确每位KOL的身份后,再开始测试。

这个聊天群以现实世界为蓝本,通过经常使用的微信窗口,建立一个完全虚幻的场景,用户会觉得这次“对话”非常新鲜。

有几位名人背书,从他们的口中解读“人的潜能”,用户更容易信服测试结果,进行分享行为。

网易今年其实还出品了很多制作精良、传播广泛的优质H5,我们从内容策划、视觉设计、互动体验三个维度挑选出十个最佳H5,相信大家或多或少都在朋友圈见过几个。

真正的爆款不止靠形式、靠渠道,有趣、有料、和用户强相关的选题内容才是刷屏的关键。

我们也一直坚信,H5丰富的内容表现形式和互动效果,是其他内容形式无法取代的。


你觉得这篇文章怎么样?

00