答題H5 | 最新趣味答題H5測(cè)試合集，來看看8月首個(gè)破億的刷屏H5

八月適逢建軍節(jié)和七夕節(jié)，因此很多H5都是圍繞著這個(gè)主題開展的。于是我們可以看到，答題測(cè)試H5又開始火爆起來。

人民日?qǐng)?bào)早在17年建軍節(jié)就推出了軍裝照活動(dòng)，當(dāng)時(shí)借助人臉融合的功能，該H5瞬間刷屏全網(wǎng)。

而今年人民日?qǐng)?bào)又帶來了新的刷屏H5，雖然這次活動(dòng)形式更加簡(jiǎn)單，但卻更深入人心，激發(fā)了每個(gè)人的從軍欲望。

除了建軍節(jié)之外，七夕也是大家都繞不開的話題。如何給女票選禮物？怎么才能找到自己的男神？這種問題是七夕節(jié)點(diǎn)很多人都關(guān)心的話題。

美團(tuán)和華為榮耀也分別針對(duì)這兩個(gè)話題，結(jié)合自身產(chǎn)品進(jìn)行品牌延展，基本上也都圍繞著答題測(cè)試H5的形式來展開。

人民日?qǐng)?bào)：測(cè)測(cè)你的軍人潛質(zhì)

創(chuàng)意分析：

還記得兩年前的軍裝照么

今年人民日?qǐng)?bào)又帶來了新的刷屏作品

雖然只是一個(gè)簡(jiǎn)單的測(cè)試活動(dòng)

并沒有之前軍裝照的驚艷感

但活動(dòng)完全模擬的軍人的實(shí)際

包括測(cè)試自己的射擊準(zhǔn)確度，觀察力，

性格特質(zhì)，平衡感，專業(yè)傾向，心理素質(zhì)和肺活量等

最后生成結(jié)果海報(bào)

鼓勵(lì)用戶當(dāng)兵

技術(shù)分析：

技術(shù)分析：

本案例也可以視為一個(gè)游戲類H5

把準(zhǔn)確度、觀察力、平衡感等測(cè)試變成一個(gè)個(gè)游戲

首先開場(chǎng)的是打靶練習(xí)

用戶需要在五次機(jī)會(huì)內(nèi)射中靶心

最后顯示設(shè)計(jì)總分?jǐn)?shù)

在反應(yīng)能力測(cè)試環(huán)境中

用戶需要在六個(gè)“5”當(dāng)中找到“S”

而性格測(cè)試則是準(zhǔn)備了有限的野外工具

要從指北針，繩索，野外生存刀，打火石中

選擇一個(gè)自己在孤島上的生存工具

平衡力測(cè)試是點(diǎn)擊左右保持小人平衡不落入水中

當(dāng)通過全部測(cè)試環(huán)境后會(huì)自動(dòng)生成海報(bào)

海報(bào)包括用戶名，適合的軍種，和此軍種的宣言

以及一句鼓勵(lì)的話語“如果有機(jī)會(huì) 一定去當(dāng)兵”

視覺分析：

設(shè)計(jì)上以軍人的綠色主題為主

每一個(gè)挑戰(zhàn)關(guān)卡都有自己的主題及配音

豐富用戶在玩游戲時(shí)的體驗(yàn)感受

美團(tuán)榛果民宿：夏日民宿斬男術(shù)

創(chuàng)意分析：

這是美團(tuán)為自家榛果民宿出品的創(chuàng)意H5

也是配合七夕話題推出的“撩漢”寶典

用戶可以選擇自己想要撩的對(duì)象

選擇好星座和動(dòng)物屬性后可以生成獵捕方法海報(bào)

最有創(chuàng)意的是可以觀看真人演示

只要點(diǎn)擊海報(bào)上的獵術(shù)推薦可觀看視頻

而且視頻效果特別出色

演員的各種表情到位

技術(shù)分析：

本案例因?yàn)橹饕且曨l類作品

所以在視頻展現(xiàn)形式上下了苦功夫

剛進(jìn)入主畫面的時(shí)候是性別選擇環(huán)節(jié)

如果選擇男生，則提示本活動(dòng)不對(duì)男生開放

如果選擇女生，則進(jìn)入下一個(gè)頁(yè)面

接下來就是選擇捕獵對(duì)象的星座和動(dòng)物屬性

當(dāng)選擇完成后即可生成海報(bào)

通過海報(bào)即可觀看獵術(shù)

視覺分析：

設(shè)計(jì)上簡(jiǎn)潔干凈

搭配黑色的背景插圖

而且還融入了忍術(shù)的交互效果

整體表現(xiàn)很驚異

東南大學(xué)招生辦公室：此間的江湖

創(chuàng)意分析：

這是比較難得一見的作品

高考結(jié)束后各大高校為了招生

紛紛使出十八般武藝

而東南大學(xué)則借用了江湖的概念

通過長(zhǎng)幅漫畫講述了“九龍島”弟子間的故事

引出“江湖”的概念和未來發(fā)展

最后介紹了東南大學(xué)的建校理念和優(yōu)勢(shì)

以此讓用戶了解東南大學(xué)，吸引考生報(bào)考本校

技術(shù)分析：

本案例屬于典型的長(zhǎng)圖展示H5

用戶無需切換內(nèi)容

一直下滑即可勘察全部?jī)?nèi)容

而且隨著內(nèi)容的展現(xiàn)

還會(huì)播放對(duì)應(yīng)的旁白

故事主要講述了九龍島弟子長(zhǎng)風(fēng)拜師學(xué)藝已經(jīng)一年

師父卻一直讓打拳挑水，不肯教真功夫

隨后大師兄告訴長(zhǎng)風(fēng)

無論師從何處，第一年都要打基礎(chǔ)

只有基礎(chǔ)打好方能成就未來

長(zhǎng)風(fēng)決定好好學(xué)武未來闖蕩江湖

師兄告訴長(zhǎng)風(fēng)他早已身在江湖了

長(zhǎng)風(fēng)問什么是江湖

師兄說高考之后，就是江湖

視覺分析：

畫面設(shè)計(jì)以黑白漫畫風(fēng)格為主

人物及環(huán)境都符合古風(fēng)的形象

整個(gè)設(shè)計(jì)的核心在于長(zhǎng)風(fēng)與師兄的對(duì)話

將江湖歷練同大學(xué)學(xué)習(xí)結(jié)合在一起

引導(dǎo)初入大學(xué)的學(xué)子們要更注重第一年的學(xué)習(xí)

加強(qiáng)磨煉心智

HONOR：跟你講個(gè)笑話:直男的奇幻驚喜

創(chuàng)意分析：

這是由網(wǎng)易和HONOR為宣傳

榮耀2OPRO手機(jī)制作的動(dòng)畫H5

配合著七夕話題推出

主要講述了男女朋友家最有挑戰(zhàn)性的送禮物話題

而且整個(gè)交互采用了微信聊天對(duì)話的形式

給用戶充足的聊天代入感

而且文案也生動(dòng)有趣，話題性十足

技術(shù)分析：

本案例開場(chǎng)就是一群姐妹們的微信炫耀

向?qū)Ψ秸宫F(xiàn)自己男友的男友力

但女主看到其他姐妹發(fā)的圖片后

突然變成檸檬精

感覺自己男票給自己拍的照片太普通了

這時(shí)候男票告訴女主，自己為她準(zhǔn)備了禮物

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

于是發(fā)群里吐槽

沒想到姐妹們和她說是最新品的榮耀2OPRO手機(jī)

于是女主驚喜之下向男主表達(dá)了喜歡之前

最后跳轉(zhuǎn)到落地頁(yè)

榮耀實(shí)現(xiàn)你的戀愛愿望清單

視覺分析：

設(shè)計(jì)上采用輕松簡(jiǎn)單的手繪動(dòng)畫

整體卡通人物可愛有趣

但模仿的微信聊天界面設(shè)計(jì)不佳

一些對(duì)話畫面顏色沖突過于強(qiáng)烈

金悅府×網(wǎng)易新聞:以生活之名，折疊理想時(shí)光

創(chuàng)意分析：

平時(shí)很少會(huì)推出房產(chǎn)類的H5

因?yàn)榉慨a(chǎn)H5一般都是比較單調(diào)且創(chuàng)意不足

但今天要跟大家推薦一個(gè)金悅府的創(chuàng)意房產(chǎn)H5

這是金悅府聯(lián)合網(wǎng)易房產(chǎn)做的項(xiàng)目

主要是推廣金悅府337-423㎡上下兩層闊景疊墅

相比較傳統(tǒng)房產(chǎn)H5以促銷為目的的宣傳H5

本案例更多側(cè)重于使用場(chǎng)景的描述

通過一系列情感交互的文案和動(dòng)作

展現(xiàn)了疊墅為家庭生活帶來的便捷

技術(shù)分析：

整個(gè)案例邏輯策劃上分為情感和促銷兩個(gè)部分

首先通過一個(gè)小別墅和月亮的加載頁(yè)

展現(xiàn)出房屋帶給用戶的家庭感

隨后進(jìn)入主畫面

在夕陽(yáng)下一條路通向移動(dòng)別墅

隨后在別墅里，一個(gè)女孩在和朋友約周末出去玩

但朋友周末要加班

而在客廳里，奶奶、媽媽和孩子在一起玩耍

媽媽想讓孩子約好朋友來家里

隨后一個(gè)女孩在換衣鏡前試衣服

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

接下來轉(zhuǎn)入促銷環(huán)節(jié)

通過地理位置、景觀、空間等一系列展示

向用戶傳遞這金悅府的特征

最后帶出主題——金悅府，讓理想再次悠然綻放

視覺分析：

作為房產(chǎn)類的H5

整個(gè)案例設(shè)計(jì)以卡通為主

描述出了少女、媽媽、孩子等家庭的生活細(xì)節(jié)

營(yíng)造出了清新和溫暖的感覺

看了這么多案例

是不是也好奇答題H5到底該怎么做？

其實(shí)答題制作超簡(jiǎn)單

通過人人秀3分鐘就可以制作答題測(cè)試游戲H5

那么這么厲害的答題測(cè)試H5

如何在三分鐘之內(nèi)制作出來呢？

第一步 

電腦登錄人人秀官網(wǎng)：www.bydok.cn

進(jìn)入“個(gè)人中心”點(diǎn)擊“創(chuàng)建活動(dòng)”

第二步 

點(diǎn)擊【互動(dòng)】添加【答題】插件功能  

點(diǎn)擊答題插件頁(yè)面，在右側(cè)設(shè)置面板

對(duì)答題進(jìn)行設(shè)置

比如基本設(shè)置、題目、答題結(jié)果、排行榜、答題領(lǐng)獎(jiǎng)、樣式設(shè)置等

第三步 

在基本設(shè)置中，對(duì)答題活動(dòng)的開始時(shí)間進(jìn)行設(shè)置

還可以選擇答題測(cè)試的地域限制或者是活動(dòng)規(guī)則

如果想設(shè)置自定義設(shè)置的話

只需要勾選并填寫分享標(biāo)題即可

在答題及答題結(jié)果設(shè)置中可以設(shè)置H5的問題及答案

如果不想自己動(dòng)手想很多燒腦的問題

還可以直接用人人秀提供的題庫(kù)功能

在答題結(jié)果頁(yè)面里面可以設(shè)置答題結(jié)果的跳轉(zhuǎn)

并設(shè)置抽獎(jiǎng)條件及抽獎(jiǎng)次數(shù)

第四步

領(lǐng)獎(jiǎng)設(shè)置和樣式設(shè)置

可參考人人秀其他插件的設(shè)置方式

所有設(shè)置完成后

發(fā)布作品并部署在公眾號(hào)上即可

人人秀原創(chuàng)文章，如若轉(zhuǎn)載請(qǐng)注明出處：http://www.bydok.cn/content-i3vmo2