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

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

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

而今年人民日報又帶來了新的刷屏H5，雖然這次活動形式更加簡單，但卻更深入人心，激發(fā)了每個人的從軍欲望。

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

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

人民日報：測測你的軍人潛質(zhì)

創(chuàng)意分析：

還記得兩年前的軍裝照么

今年人民日報又帶來了新的刷屏作品

雖然只是一個簡單的測試活動

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

但活動完全模擬的軍人的實際

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

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

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

鼓勵用戶當(dāng)兵

技術(shù)分析：

技術(shù)分析：

本案例也可以視為一個游戲類H5

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

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

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

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

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

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

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

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

選擇一個自己在孤島上的生存工具

平衡力測試是點擊左右保持小人平衡不落入水中

當(dāng)通過全部測試環(huán)境后會自動生成海報

海報包括用戶名，適合的軍種，和此軍種的宣言

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

視覺分析：

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

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

豐富用戶在玩游戲時的體驗感受

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

創(chuàng)意分析：

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

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

用戶可以選擇自己想要撩的對象

選擇好星座和動物屬性后可以生成獵捕方法海報

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

只要點擊海報上的獵術(shù)推薦可觀看視頻

而且視頻效果特別出色

演員的各種表情到位

技術(shù)分析：

本案例因為主要是視頻類作品

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

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

如果選擇男生，則提示本活動不對男生開放

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

接下來就是選擇捕獵對象的星座和動物屬性

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

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

視覺分析：

設(shè)計上簡潔干凈

搭配黑色的背景插圖

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

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

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

創(chuàng)意分析：

這是比較難得一見的作品

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

紛紛使出十八般武藝

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

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

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

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

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

技術(shù)分析：

本案例屬于典型的長圖展示H5

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

一直下滑即可勘察全部內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

視覺分析：

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

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

整個設(shè)計的核心在于長風(fēng)與師兄的對話

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

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

加強(qiáng)磨煉心智

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

創(chuàng)意分析：

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

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

配合著七夕話題推出

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

而且整個交互采用了微信聊天對話的形式

給用戶充足的聊天代入感

而且文案也生動有趣，話題性十足

技術(shù)分析：

本案例開場就是一群姐妹們的微信炫耀

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

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

突然變成檸檬精

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

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

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

于是發(fā)群里吐槽

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

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

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

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

視覺分析：

設(shè)計上采用輕松簡單的手繪動畫

整體卡通人物可愛有趣

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

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

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

創(chuàng)意分析：

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

因為房產(chǎn)H5一般都是比較單調(diào)且創(chuàng)意不足

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

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

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

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

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

通過一系列情感交互的文案和動作

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

技術(shù)分析：

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

首先通過一個小別墅和月亮的加載頁

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

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

在夕陽下一條路通向移動別墅

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

但朋友周末要加班

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

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

隨后一個女孩在換衣鏡前試衣服

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

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

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

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

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

視覺分析：

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

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

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

營造出了清新和溫暖的感覺

看了這么多案例

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

其實答題制作超簡單

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

那么這么厲害的答題測試H5

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

第一步 

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

進(jìn)入“個人中心”點擊“創(chuàng)建活動”

第二步 

點擊【互動】添加【答題】插件功能  

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

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

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

第三步 

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

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

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

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

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

如果不想自己動手想很多燒腦的問題

還可以直接用人人秀提供的題庫功能

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

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

第四步

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

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

所有設(shè)置完成后

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

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