粉絲翻倍的“秘笈”？用它，做一個趣味測試就行了！

【趣味測試】粉絲翻倍的“秘笈”？用它，做一個趣味測試就行了！

美國有一家新聞聚合網(wǎng)站，曾經(jīng)給用戶發(fā)送了一個趣味測試鏈接，主題內(nèi)容是“你最適合生活在哪個城市”。測試一經(jīng)發(fā)出，火速吸引了大批用戶強勢圍觀，收獲了2000W用戶的瀏覽，不可謂不火爆。時至今日，我們也能看到各種各樣的趣味測試。諸如：測試你是什么人格啦，測測你的愛情觀啦，測測你的另一半長什么樣等等。

這些趣味小測試雖然多，但少有讓人反感的情況出現(xiàn)。因為人們希望能更了解自己，也喜歡有人談?wù)撟约?，這是一個十分普遍的現(xiàn)象。趣味小測試就給人們提供了這么一個機會，當然會受到人們的喜愛，人們也很愿意去轉(zhuǎn)發(fā)它。不信，你看，前不久網(wǎng)易云音樂推出的《你的榮格心理學原型》測試類H5，沒過多久就被封禁，足以看出它的火爆程度。今天小編就給大家說說，如何3分鐘輕松制作趣味測試H5！

趣味測試H5制作篇：

人人秀H5頁面制作工具——趣味測試H5

一、功能介紹-趣味測試H5

趣味測試是指一系列通過隨機狀態(tài)或者挖掘用戶非隱私信息來進行分析用戶個人的特征、狀態(tài)、情感和理想等一系列利用微博、QQ空間等社交平臺進行廣泛傳播的網(wǎng)頁小游戲。

在各類游戲網(wǎng)站、測試網(wǎng)站中，趣味測試題屢見不鮮且深受玩家歡迎，因為其有趣的玩法、多樣的結(jié)局，在吸粉、促活方面，趣味測試有著獨一無二的優(yōu)勢。

二、人人秀H5趣味測試小優(yōu)勢：

1、提供圖片題目，深入場景，制作更有趣

趣味測試題是基于玩家在不同場景下所做選擇而產(chǎn)生不同結(jié)果的一種游戲方式。題目通常帶有濃厚的場景色彩，單純的文字制作難以滿足精細化的場景制作需求。

人人秀提供圖片題目制作的功能，通過圖片與文字結(jié)合。讓測試場景更具體，題目玩法更有趣。

2、多達6種選項，8種結(jié)局，題目更多樣

趣味測試題目的樂趣來自于多種多樣的選擇與結(jié)局。當玩家玩到相似或者不同的結(jié)局時，他們會主動分享、轉(zhuǎn)發(fā)，與朋友比較結(jié)局。

人人秀的每個題目都提供6種不同選項，更是提供了多達8種不同結(jié)局。充分保證了每個人選擇的個性，能完美匹配現(xiàn)有的絕大多數(shù)測試題。

三、H5頁面——趣味測試H5制作流程：

1、打開人人秀官網(wǎng)（3分鐘，輕松上手的H5頁面制作工具）

2、進入模板商店——功能類目選擇“趣味測試”，選擇您覺得合適的趣味測試模板，點擊并使用?；蛘哌M入產(chǎn)品中心——活動營銷找到“趣味測試”，點擊進入，然后立即制作。

3、在彈出頁面，點擊使用，便能進入H5頁面-趣味測試H5的制作頁面之中。

4、在H5頁面-趣味測試H5制作編輯頁面左側(cè)，您可以看到一組頁面，第二個頁面便是核心頁面，在這個頁面的中央?yún)^(qū)域鼠標左擊【答題插件編輯區(qū)域 點擊預(yù)覽開始答題】，在右側(cè)便會出現(xiàn)一個答題設(shè)置功能。

5、在答題設(shè)置功能里，您可以看到一共分為六大塊：基本設(shè)置、題目、答題結(jié)果、排行榜、領(lǐng)獎設(shè)置、樣式。

6、將自己的需求一一在設(shè)置調(diào)整好，一份漂亮的趣味測試H5頁面就出爐啦！再然后，您便可以將制作出來的趣味測試H5頁面分享各大社交圈，比如說QQ群啦，微信群啦，粉絲自然會源源不斷找上你的！

彩蛋：如何玩轉(zhuǎn)H5？

H5核心玩法之畫面呈現(xiàn)

這類玩法一般就是展現(xiàn)一段比較酷炫有趣的畫面內(nèi)容，如視頻、動畫、特效，給用戶帶來視覺上的感官享受，用戶也可以通過與畫面內(nèi)容互動，看自己想看的內(nèi)容。

視頻/動畫展示

這類H5會播放一段時間較長但有趣生動的視頻或動畫來吸引用戶關(guān)注其宣傳內(nèi)容。視頻/動畫生動酷炫有趣味，以及常常有明星參與演出，用戶一般不會太抗拒這樣的廣告，反而會喜歡點贊，甚至主動向朋友分享。這個玩法適合用于產(chǎn)品、節(jié)日、游戲、電影等宣傳場景及敘述內(nèi)容比較多的場景。

這個玩法的主要制作方式有：

視頻。主要用AE實現(xiàn)，能制作出很炫的效果，但成本較高，業(yè)內(nèi)都是按秒計算。

 使用canvas制作，這種方式可以制作出像以前的flash一樣的動畫，效果沒視頻酷炫，但這類動畫既可以看，又可以在播放途中自然地添加交互，用原生代碼來寫，難度非常大，推薦使用createjs、egret、layabox和cocos引擎工具等。

使用H5+css3制作，這種方式也能像方式2一樣制作出動畫，但制作難度和復雜度都比方式2大，而且但是受限于手機硬件問題，暫不推薦這種方式。

案例：

（1）薛之謙史上最瘋狂的廣告

首頁是模擬的薛之謙微博界面，開始滑動不幾下至后畫面一黑，薛之謙出現(xiàn)在畫面里開始講導演讓他代言騰訊動漫的原因和過程，內(nèi)容結(jié)合了二次元世界人民喜歡的腐（兩個男的在一起）、騷（因為一個巧克力少年被全校女生喜歡）、逗（被面癱少女報復），最后煽情得抱著一個動畫女主走向千山萬水，原來這時候才是正式開拍宣傳海報，一聲action薛之謙被定格在海報上。

（2） 一鏡到底，一刀未剪的大劇發(fā)布

跟隨視線的深入，在色彩斑斕的畫面中回顧那些很火很熱的劇集和綜藝，輕松愉快的BGM，個性分明的大咖，光彩奪目的熒屏巨星逐一呈現(xiàn)在畫面中。在屏幕下方戳一戳優(yōu)酷圖標，畫面就會變換為萬花筒。在H5的最后呈現(xiàn)YOUKU會員推廣的界面。

（3）勞斯萊斯BlackBadge化身黑暗騎士

這是一個目前來看非主流的快閃類型，提供給大家以啟發(fā)思路。本H5案例采用快閃加圖文切換的形式來展現(xiàn)，黑色的主色調(diào)以大氣和高貴唯美的存在整個案例中，配合諸多經(jīng)典黑色美學電影的精彩片段，即體現(xiàn)了對黑色美學的致敬又突出了新車型BlackBadge也融入了黑色美學的特質(zhì)。

看了以上的趣味測試H5制作方法，又給大家介紹一種H5核心玩法?，F(xiàn)在的你是否已經(jīng)蠢蠢欲動了呢？快來人人秀H5頁面制作工具，制作一款爆火的趣味測試H5吧！

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