答题H5 | 最新趣味答题H5测试合集,来看看8月首个破亿的刷屏H5

八月适逢建军节和七夕节,因此很多H5都是围绕着这个主题开展的。于是我们可以看到,答题测试H5又开始火爆起来。


人民日报早在17年建军节就推出了军装照活动,当时借助人脸融合的功能,该H5瞬间刷屏全网。


而今年人民日报又带来了新的刷屏H5,虽然这次活动形式更加简单,但却更深入人心,激发了每个人的从军欲望。


除了建军节之外,七夕也是大家都绕不开的话题。如何给女票选礼物?怎么才能找到自己的男神?这种问题是七夕节点很多人都关心的话题。


美团和华为荣耀也分别针对这两个话题,结合自身产品进行品牌延展,基本上也都围绕着答题测试H5的形式来展开。



人民日报:测测你的军人潜质

 


创意分析:

还记得两年前的军装照么

今年人民日报又带来了新的刷屏作品

虽然只是一个简单的测试活动

并没有之前军装照的惊艳感

但活动完全模拟的军人的实际

包括测试自己的射击准确度,观察力,

性格特质,平衡感,专业倾向,心理素质和肺活量等

最后生成结果海报

鼓励用户当兵


技术分析:

技术分析:

案例也可以视为一个游戏类H5

把准确度、观察力、平衡感等测试变成一个个游戏

首先开场的是打靶练习

用户需要在五次机会内射中靶心

最后显示设计总分数

在反应能力测试环境中

用户需要在六个“5”当中找到“S”

而性格测试则是准备了有限的野外工具

要从指北针,绳索,野外生存刀,打火石中

选择一个自己在孤岛上的生存工具

平衡力测试是点击左右保持小人平衡不落入水中

当通过全部测试环境后会自动生成海报

海报包括用户名,适合的军种,和此军种的宣言

以及一句鼓励的话语“如果有机会 一定去当兵”



视觉分析:

设计上以军人的绿色主题为主

每一个挑战关卡都有自己的主题及配音

丰富用户在玩游戏时的体验感受



美团榛果民宿:夏日民宿斩男术

 


创意分析:

这是美团为自家榛果民宿出品的创意H5

也是配合七夕话题推出的“撩汉”宝典

用户可以选择自己想要撩的对象

选择好星座和动物属性后可以生成猎捕方法海报

最有创意的是可以观看真人演示

只要点击海报上的猎术推荐可观看视频

而且视频效果特别出色

演员的各种表情到位



技术分析:

本案例因为主要是视频类作品

所以在视频展现形式上下了苦功夫

刚进入主画面的时候是性别选择环节

如果选择男生,则提示本活动不对男生开放

如果选择女生,则进入下一个页面

接下来就是选择捕猎对象的星座和动物属性

当选择完成后即可生成海报

通过海报即可观看猎术



视觉分析:

设计上简洁干净

搭配黑色的背景插图

而且还融入了忍术的交互效果

整体表现很惊异


东南大学招生办公室:此间的江湖



创意分析:

这是比较难得一见的作品

高考结束后各大高校为了招生

纷纷使出十八般武艺

而东南大学则借用了江湖的概念

通过长幅漫画讲述了“九龙岛”弟子间的故事

引出“江湖”的概念和未来发展

最后介绍了东南大学的建校理念和优势

以此让用户了解东南大学,吸引考生报考本校



技术分析:

本案例属于典型的长图展示H5

用户无需切换内容

一直下滑即可勘察全部内容

而且随着内容的展现

还会播放对应的旁白

故事主要讲述了九龙岛弟子长风拜师学艺已经一年

师父却一直让打拳挑水,不肯教真功夫

随后大师兄告诉长风

无论师从何处,第一年都要打基础

只有基础打好方能成就未来

长风决定好好学武未来闯荡江湖

师兄告诉长风他早已身在江湖了

长风问什么是江湖

师兄说高考之后,就是江湖



视觉分析:

画面设计以黑白漫画风格为主

人物及环境都符合古风的形象

整个设计的核心在于长风与师兄的对话

将江湖历练同大学学习结合在一起

引导初入大学的学子们要更注重第一年的学习

加强磨炼心智



HONOR:跟你讲个笑话:直男的奇幻惊喜

 


创意分析:

这是由网易和HONOR为宣传

荣耀2OPRO手机制作的动画H5

配合着七夕话题推出

主要讲述了男女朋友家最有挑战性的送礼物话题

而且整个交互采用了微信聊天对话的形式

给用户充足的聊天代入感

而且文案也生动有趣,话题性十足



技术分析:

本案例开场就是一群姐妹们的微信炫耀

向对方展现自己男友的男友力

但女主看到其他姐妹发的图片后

突然变成柠檬精

感觉自己男票给自己拍的照片太普通了

这时候男票告诉女主,自己为她准备了礼物

女票以为自己的直男男友又要送自己什么坑人礼物

于是发群里吐槽

没想到姐妹们和她说是最新品的荣耀2OPRO手机

于是女主惊喜之下向男主表达了喜欢之前

最后跳转到落地页

荣耀实现你的恋爱愿望清单




视觉分析:

设计上采用轻松简单的手绘动画

整体卡通人物可爱有趣

但模仿的微信聊天界面设计不佳

一些对话画面颜色冲突过于强烈



金悦府×网易新闻:以生活之名,折叠理想时光

 


创意分析:

平时很少会推出房产类的H5

因为房产H5一般都是比较单调且创意不足

但今天要跟大家推荐一个金悦府的创意房产H5

这是金悦府联合网易房产做的项目

主要是推广金悦府337-423㎡上下两层阔景叠墅

相比较传统房产H5以促销为目的的宣传H5

本案例更多侧重于使用场景的描述

通过一系列情感交互的文案和动作

展现了叠墅为家庭生活带来的便捷



技术分析:

整个案例逻辑策划上分为情感和促销两个部分

首先通过一个小别墅和月亮的加载页

展现出房屋带给用户的家庭感

随后进入主画面

在夕阳下一条路通向移动别墅

随后在别墅里,一个女孩在和朋友约周末出去玩

但朋友周末要加班

而在客厅里,奶奶、妈妈和孩子在一起玩耍

妈妈想让孩子约好朋友来家里

随后一个女孩在换衣镜前试衣服

突出了情感主题——生活需要精致感

接下来转入促销环节

通过地理位置、景观、空间等一系列展示

向用户传递这金悦府的特征

最后带出主题——金悦府,让理想再次悠然绽放



视觉分析:

作为房产类的H5

整个案例设计以卡通为主

描述出了少女、妈妈、孩子等家庭的生活细节

营造出了清新和温暖的感觉


看了这么多案例

是不是也好奇答题H5到底该怎么做?

其实答题制作超简单

通过人人秀3分钟就可以制作答题测试游戏H5

那么这么厉害的答题测试H5

如何在三分钟之内制作出来呢?


第一步 


电脑登录人人秀官网:rrx.cn

进入“个人中心”点击“创建活动”



第二步 


点击【互动】添加【答题】插件功能  

点击答题插件页面,在右侧设置面板

对答题进行设置

比如基本设置、题目、答题结果、排行榜、答题领奖、样式设置



第三步 


基本设置中,对答题活动的开始时间进行设置

还可以选择答题测试的地域限制或者是活动规则

如果想设置自定义设置的话

只需要勾选并填写分享标题即可


答题及答题结果设置中可以设置H5的问题及答案

如果不想自己动手想很多烧脑的问题

还可以直接用人人秀提供的功能

在答题结果页面里面可以设置答题结果的跳转

并设置抽奖条件抽奖次数



第四步

领奖设置和样式设置

可参考人人秀其他插件的设置方式

所有设置完成后

发布作品并部署在公众号上即可


立即制作(1).png



人人秀原创文章,如若转载请注明出处:https://rrx.cn/content-i3vmo2