中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如何打造刷屏級(jí)的H5？本文作者從自己的實(shí)踐經(jīng)驗(yàn)出發(fā)，結(jié)合相關(guān)案例，分享了 H5 營(yíng)銷創(chuàng)意、內(nèi)容、設(shè)計(jì)、推廣等方面非常有用的知識(shí)，供大家一同參考和學(xué)習(xí)。

從 2015 開(kāi)始，H5 營(yíng)銷逐漸成為了互聯(lián)網(wǎng)公司的公關(guān)利器。借助社交媒體天然的流量池，一個(gè) H5 活動(dòng)可能瞬間刷屏，讓此前處在低位的企業(yè)迅速完成冷啟動(dòng)。

在營(yíng)銷領(lǐng)域，有越來(lái)越多的公司強(qiáng)化了對(duì) H5 的重視。用網(wǎng)易傳媒文創(chuàng)事業(yè)部總經(jīng)理劉晶的話來(lái)說(shuō)：“目前這個(gè)形態(tài)的生命力是很旺盛的。甚至可以說(shuō)整個(gè)行業(yè)里面，有很多的同行在做同樣的事情，大家都同樣努力?！?/p>

企業(yè)之所以重視 H5，主要是因?yàn)?H5 營(yíng)銷的天然優(yōu)勢(shì)。

首先，低成本。H5 營(yíng)銷的策劃、設(shè)計(jì)、開(kāi)發(fā)均可由本公司現(xiàn)有團(tuán)隊(duì)完成，占用人力少，所謂成本僅體現(xiàn)在“引爆前”的推廣費(fèi)用；

其次，高溢價(jià)。一個(gè) H5 營(yíng)銷活動(dòng)，可以搭載品宣、拉新、促活等多種功能，PR 推廣、引導(dǎo)下載、裂變分享、外部引流理論上都可以通過(guò)一次 H5 活動(dòng)完成；

第三，傳播快。H5 營(yíng)銷和社交媒體具有天然的綁定關(guān)系，一個(gè)適銷對(duì)路的 H5 會(huì)在短時(shí)間內(nèi)借助所謂的私域流量瞬間引爆，并形成快速的刷屏效果。

相比于傳統(tǒng)的廣告，或者日常的信息流廣告，H5 營(yíng)銷無(wú)疑具有更強(qiáng)的宣傳致效性。

站在個(gè)人角度，H5 營(yíng)銷的策劃與籌備，也逐漸成為互聯(lián)網(wǎng)運(yùn)營(yíng)從業(yè)者的必備技能。

就我個(gè)人而言，在從業(yè)兩年半的時(shí)間里，經(jīng)歷的 H5 營(yíng)銷活動(dòng)近 10 次，主導(dǎo)的 H5 營(yíng)銷包括“咪咕 x 刷屏 H5 營(yíng)銷項(xiàng)目”，“刷屏斯普蘭格性格測(cè)試”等，并分別實(shí)現(xiàn)了 PV426532、UV460325 和 PV 194793 、UV357716 的數(shù)據(jù)表現(xiàn)。

所以，于公于私，了解、學(xué)習(xí)并掌握 H5 策劃的技能都是非常重要的。

好了，鋪墊就做到這里。接下來(lái)，我將結(jié)合個(gè)人的實(shí)踐經(jīng)驗(yàn)，從 H5 營(yíng)銷的創(chuàng)意、內(nèi)容、設(shè)計(jì)、推廣等方面延展開(kāi)來(lái)，希望對(duì)你有所裨益。

一、設(shè)定核心目標(biāo)

盡管一次 H5 營(yíng)銷可以承載多目標(biāo)任務(wù)，但所有的任務(wù)也應(yīng)當(dāng)有主次、有輕重。

在策劃之初，一定要在所有的系統(tǒng)中找到最重要的核心目標(biāo)，這會(huì)為你后續(xù)的營(yíng)銷策劃提供決策依據(jù)，每當(dāng)方案搖擺不定的時(shí)候，一切以是否有利于核心目標(biāo)為準(zhǔn)。

分類來(lái)看，核心目標(biāo)可以繼續(xù)細(xì)分，不同的核心目標(biāo)也對(duì)應(yīng)了不同的用戶痛點(diǎn)和承載形式。

1. 品宣

這是 H5 營(yíng)銷活動(dòng)中最常見(jiàn)、最底層的目的。

打造一次刷屏爆款，擴(kuò)大品牌露出，產(chǎn)生最大程度的品牌曝光，讓品牌或產(chǎn)品出圈，使用戶產(chǎn)生模糊、粗淺但卻有效的品牌記憶。

例如，《抖音》的《第一屆文物戲精大會(huì)》、網(wǎng)易噠噠 x 第五人格的《榮格心理測(cè)試》、網(wǎng)易新聞的飼養(yǎng)手冊(cè)以及我策劃的咪咕 x 刷屏《你內(nèi)心住著怎樣的靈魂歌手》均屬于此類活動(dòng)。

（《第一屆文物戲精大會(huì)》 by 抖音）

用戶痛點(diǎn)：在創(chuàng)意上應(yīng)該把吸引用戶放在首要位置，滿足用戶的好奇、興趣、娛樂(lè)等可以直接促進(jìn)參與和轉(zhuǎn)發(fā)的需求。

在此基礎(chǔ)上，盡可能使策劃內(nèi)容與產(chǎn)品相結(jié)合。例如“網(wǎng)易噠噠 x 第五人格”的《榮格心理測(cè)試》，既滿足了探索自我的需求，又結(jié)合了第五人格的游戲特點(diǎn)。

承載形式：品宣類的 H5 多以性格測(cè)試、創(chuàng)意故事等形式出現(xiàn)，方便用戶理解和操作。整體構(gòu)建勿貪多貪全，要把用戶體驗(yàn)放在首位，不能為了轉(zhuǎn)化而干擾用戶使用。

舉個(gè)例子，我司團(tuán)隊(duì)曾策劃了《渣男渣女鑒渣測(cè)試》。在結(jié)果頁(yè)上，并沒(méi)有一次性給出測(cè)試答案，反而需要用戶下載 APP 才能查看全部答案。

這樣設(shè)計(jì)的最初考量是在品牌曝光的同時(shí)能夠帶動(dòng) APP 下載，但最終數(shù)據(jù)卻是uv10000+，pv44000+。這說(shuō)明單個(gè)用戶寧愿自己測(cè)試很多次，也不愿意下載查看全部答案。

同時(shí)，在多次的測(cè)試中，用戶逐漸消耗了分享欲望，以至于次測(cè)試最終沒(méi)能出圈。

（《康康你能不能識(shí)別渣男渣女》 by 刷屏）

2. 促活

促活是產(chǎn)品盤活用戶存量的行為，其目的是保持用戶對(duì)產(chǎn)品的依存度，同時(shí)宣傳產(chǎn)品的新功能或新體驗(yàn)。

用戶痛點(diǎn)：促活的用戶痛點(diǎn)是解決用戶為什么使用、為什么持續(xù)使用以及使用后有什么價(jià)值增量的問(wèn)題。

這個(gè)價(jià)值增量或者是一個(gè)新功能，或者是提升了一種使用產(chǎn)品的價(jià)值維度。

以此前刷屏的網(wǎng)易云音樂(lè)《私人歌單》為例，就是在原來(lái)聽(tīng)歌的基礎(chǔ)上，突出了數(shù)據(jù)統(tǒng)計(jì)和分析的功能。用戶在分享到社交媒體后，還會(huì)產(chǎn)生一種附加的社交價(jià)值。

甚至有用戶會(huì)根據(jù)這個(gè) H5 校正自己的聽(tīng)歌行為，從聽(tīng)鳳凰傳奇變成了聽(tīng)巴赫， 以便在分享后更能彰顯自己的聽(tīng)歌品味。

（《網(wǎng)易云音樂(lè)私人歌單》 by 網(wǎng)易云）

承載形式：促活 H5 需要建立在用戶對(duì)產(chǎn)品有認(rèn)知或有使用的基礎(chǔ)上，宜采用數(shù)據(jù)整合、復(fù)盤類的形式。

知乎的《平行世界》、騰訊的 QQ《個(gè)人軌跡》、花唄的年度賬單皆屬于此類。

3. 營(yíng)銷

以營(yíng)銷為核心目的的 H5，一切向轉(zhuǎn)化看齊。最理想的效果是用戶在使用完 H5 之后，能夠馬上上頭，即時(shí)付費(fèi)，迅速購(gòu)買。

用戶痛點(diǎn)：這類目的最原始，但效果也最難實(shí)現(xiàn)。因?yàn)橛脩舻馁?gòu)買欲需要在短短幾分鐘被徹底激發(fā)。

此類 H5 多用于商業(yè)推廣、品牌促銷、門票購(gòu)買等中活動(dòng)中，需要品牌或產(chǎn)品自身的吸引力作為鋪墊。

例如《「我」是草莓音樂(lè)節(jié) H5》、《Kindle：每個(gè)人都是一本奇書，你是哪一本》、《寶潔 P&G：過(guò)年別再給我送男朋友了！》均屬于此類。

承載形式：應(yīng)體現(xiàn)出較強(qiáng)的煽動(dòng)力和交互性，使 H5 充分體現(xiàn)用戶自身的屬性， 讓用戶覺(jué)得物有所值。

以《寶潔 P&G：過(guò)年別再給我送男朋友了！》為例，整個(gè) H5 是典型的場(chǎng)景布置設(shè)定，用戶根據(jù)個(gè)人喜好裝扮自己的家，滿意后分享到社交媒體，再邀請(qǐng)好友給自己送禮物。

用戶在整個(gè)過(guò)程中極致地展現(xiàn)了個(gè)人的審美意志，并通過(guò)分發(fā)擴(kuò)大了社交價(jià)值， 寶潔則在此過(guò)程中實(shí)現(xiàn)了優(yōu)惠券的派發(fā)和淘寶店的導(dǎo)流。

（《過(guò)年別再給我送男朋友了！》 by 寶潔）

4. 拉新

拉新的首要任務(wù)是促進(jìn)用戶注冊(cè)、下載，目標(biāo)對(duì)象是此前沒(méi)有使用過(guò)產(chǎn)品的新用戶。

用戶痛點(diǎn)：集中體現(xiàn)產(chǎn)品的核心優(yōu)勢(shì)，在痛點(diǎn)上要滿足用戶的功能性需求，也就是回答“用戶為什么要下載你的 APP，成為你的會(huì)員”。

承載形式：緊扣產(chǎn)品的核心功能，且以滿足用戶的某項(xiàng)實(shí)際需求你為目的。

比如天天 P 圖的《前世青年照》，英語(yǔ)流利說(shuō)的《你的發(fā)音像哪個(gè)明星》等等， 皆是從自身產(chǎn)品的核心功能出發(fā)，讓用戶一下就明白你是干什么的。

與此同時(shí)，還為用戶提供切實(shí)的功能，例如自動(dòng)上傳照片的 P 圖功能，后來(lái)在“青年照”、“軍裝照”、“兒童照”中都曾多次復(fù)現(xiàn)。

（《我的前世青年照》 by 天天P圖）

5. 公益

以公益為核心目的的 H5，與品宣類 H5 具有一定的相似性。其不同在于，品宣類H5 是品牌先行，在設(shè)計(jì)時(shí)需要把品牌露出放在首位；而公益類 H5 則需要把某種觀念放在優(yōu)先位置。

用戶痛點(diǎn)：公益類 H5 首先需要擊中用戶自己的“善念”，也要在轉(zhuǎn)發(fā)后，成為用戶的社交貨幣，塑造出“我很善良”的優(yōu)越感。

此類 H5 的代表作品是騰訊公益的《小朋友畫廊》、網(wǎng)易的《她掙扎 48 小時(shí)后死去,無(wú)人知曉》。

承載形式：此類 H5 適于故事類題材,通過(guò)巧妙地故事架構(gòu)和煽情的文案，觸動(dòng)用戶的善意，盡量減少交互和使用干擾，以營(yíng)造出不被破壞的慈善氛圍。

（《她掙扎 48 小時(shí)后死去,無(wú)人知曉》 by 網(wǎng)易）

二、形成創(chuàng)意

有了核心目標(biāo)之后，就可以圍繞目標(biāo)形成創(chuàng)意。不同類型的 H5 可能有不同的創(chuàng)意表現(xiàn)，但優(yōu)秀的創(chuàng)意大都有以下內(nèi)核。

第一，與“我”相關(guān)

互聯(lián)網(wǎng)上顛婆不播的真理是，用戶只關(guān)心自己。在高度去中心化的時(shí)代，用戶就是傳播網(wǎng)絡(luò)中的分散節(jié)點(diǎn)。而要擊發(fā)這個(gè)節(jié)點(diǎn)，H5 必須與其本身高度相關(guān)。

這個(gè)相關(guān)，可以是讓用戶了解自己，比如近兩年大火的測(cè)試類 H5；

可以是讓用戶標(biāo)榜自己，使其樹立熱衷潮流、熱心慈善的形象，比如網(wǎng)易的《她掙扎 48 小時(shí)后死去,無(wú)人知曉》；

可以是用戶的社交貨幣，能夠讓他微信朋友圈中跟上節(jié)奏，不落伍，比如我司的《測(cè)測(cè)你是致命女人中的誰(shuí)》。

總之，一定要跟用戶本身產(chǎn)生強(qiáng)烈的關(guān)系，讓他感受到這個(gè) H5 就是為她打造的。

第二，能夠出圈

優(yōu)秀的 H5 要能夠在社交網(wǎng)絡(luò)引發(fā)大范圍的傳播，也就是出圈。

這就要求一個(gè)創(chuàng)意既要足夠吸引人，又要降低排他性，盡可能地弱化職業(yè)、年齡、地域等屬性的干擾。比如：“全國(guó)吃貨測(cè)試”就是比“四川省吃貨測(cè)試”更優(yōu)秀的創(chuàng)意。

同時(shí)，H5 還要讓用戶有分享欲。這點(diǎn)非常重要，如果一個(gè) H5 不能夠引發(fā)他人的分享，基本上它會(huì)在很早期的階段就停步了。

第三，有話題度

一個(gè)好的創(chuàng)意還要引發(fā)充分的討論，讓用戶在在轉(zhuǎn)發(fā)和分享之后，迅速完成輿論聚焦。

這一要求可以通過(guò)主題設(shè)定實(shí)現(xiàn)，也可以通借助熱點(diǎn)事件完成。比如，我們前不久推出的《測(cè)測(cè)你是致命女人中的誰(shuí)》就屬于典型的蹭熱點(diǎn)。

原本只是一個(gè) APP 內(nèi)部的測(cè)試，但卻因?yàn)椤吨旅恕返拇蠼Y(jié)局而在微博、豆瓣引發(fā)討論，最終斬獲了 15w+UV。

此前，如《測(cè)測(cè)你是復(fù)聯(lián)中的誰(shuí)》《測(cè)測(cè)你是都挺好中的誰(shuí)》《測(cè)測(cè)你是長(zhǎng)安十二時(shí)辰》中的誰(shuí)，大都延用了此套路，且最終數(shù)據(jù)呈現(xiàn)都不錯(cuò)。

綜上，一個(gè)好的創(chuàng)意要做到三點(diǎn)：與我相關(guān)，能夠出圈，有話題度。

三、策劃流程（純干貨）

有了創(chuàng)意接下來(lái)就要看具體怎么做了。為了方便大家理解，我將以《刷屏 x 咪咕音樂(lè)《測(cè)測(cè)你是致命女人中的誰(shuí)》為例，全面拆解 H5 的策劃流程。

1. 確定主題

在策劃初期，首先要弄清楚，H5 的核心目標(biāo)是什么，我要達(dá)成怎樣的目的， H5 應(yīng)該有怎樣的主題。

這個(gè)主題最好與自己的品牌或產(chǎn)品相關(guān)，且這個(gè)相關(guān)最好能引起用戶興趣。如果在主題確定過(guò)程中，能夠蹭到熱點(diǎn)，就更好了。

比如，我們跟咪咕音樂(lè)做這次聯(lián)名開(kāi)發(fā)時(shí)， 前期就確定了品宣的核心目標(biāo)。

由此連想到的就是咪咕音樂(lè)的品牌屬性，也基本明確了本次 H5 活動(dòng)的主題必須要與音樂(lè)相關(guān)。

與此同時(shí)，根據(jù)開(kāi)發(fā)排期，本次 H5 開(kāi)發(fā)和上線時(shí)，恰逢湖南衛(wèi)視《歌手》節(jié)目的熱播，正好是用戶關(guān)注音樂(lè)的熱點(diǎn)時(shí)期，也為我們提供了一個(gè)“蹭熱點(diǎn)”的契機(jī)。

2. 確定形式

有了主題之后，就要想到 H5 用什么形式來(lái)呈現(xiàn)，換言之，H5 的核心優(yōu)勢(shì)是什么？

是一個(gè)工具？一個(gè)測(cè)試？一個(gè)腳本故事？還是一次派發(fā)福利的廣告？很多人常常在確定主題之后，沒(méi)有選擇一個(gè)好的形式，導(dǎo)致功歸一簣。

近兩年，在所有的形式當(dāng)中，最容易出爆款的就是測(cè)試類 H5。這是一個(gè)屢試不爽的形態(tài)，甚至一些 H5 團(tuán)隊(duì)策劃能力并沒(méi)有那么好，也可以通過(guò)這種玩法偶爾給行業(yè)一次比較有意思或現(xiàn)象級(jí)的傳播案例。

在形式設(shè)定之初，我們一早就確定了測(cè)試類 H5 的基本形態(tài)。而后再把測(cè)試、音樂(lè)、歌手等元素結(jié)合在一起，很容易就會(huì)聯(lián)想到“你是哪一類歌手” “你適合唱哪類歌手的歌曲”“你內(nèi)心的性格是怎樣的歌手類型”等等， 綜合考量后，我們鎖定了“你內(nèi)心住著怎樣的靈魂歌手”的創(chuàng)意。

基于“測(cè)試+音樂(lè)”的主題下，這一創(chuàng)意的表現(xiàn)力和傳播力最強(qiáng)。

3. 尋找理論

確定了測(cè)試類 H5 的方向后，還需要扎實(shí)的心理學(xué)理論依據(jù)做支撐。

很多開(kāi)發(fā)團(tuán)隊(duì)在設(shè)計(jì)時(shí)一味貪快，或者把測(cè)試想得過(guò)于簡(jiǎn)單，認(rèn)為只要拍拍腦袋就能設(shè)計(jì)出一個(gè)爆款測(cè)試。

結(jié)果就是整個(gè) H5 測(cè)試缺少理論支撐，缺少信度（說(shuō)服力）和效度（準(zhǔn)確性）， 最終沒(méi)能引發(fā)傳播。要知道，用戶需要的不是測(cè)試，而是一次準(zhǔn)確的測(cè)試。

因此，找到理論依據(jù)就非常關(guān)鍵，而理論依據(jù)又包括兩個(gè)方面：

（1）理論基礎(chǔ)

在所有的測(cè)試類 H5 中，都應(yīng)用到了巴納姆效應(yīng)。該理論認(rèn)為每個(gè)人都會(huì)很容易相信一個(gè)籠統(tǒng)的、一般性的人格描述特別適合他，這一點(diǎn)在星座、算命以及職業(yè)特征中都所有應(yīng)用。

利用大數(shù)據(jù)和概率學(xué)催生的格式文案，是非常具有迷惑性的。

（2）心理學(xué)理論

盡管在學(xué)術(shù)領(lǐng)域中，心理學(xué)理論浩如煙海，但具體到人格理論就相對(duì)有限， 比較著名的如大五、大七、斯普蘭格、九型人格、十六型格理論、卡特爾人格理論、奧爾波特特質(zhì)論等等。而這其中，能夠適用于 H5 測(cè)試的就更加有限。

要判斷一個(gè)理論是否可用，可以參考以下三個(gè)指標(biāo)：

第一，是否通俗易懂。全世界大多數(shù)人都知道佛洛依德，但是誰(shuí)又能說(shuō)清楚他的理論依據(jù)呢？如果想要把這種理論加以應(yīng)用，你顯然需要一次 2 小時(shí)的心理診療，而不是 2 分鐘的 H5 測(cè)試；

第二，是否論證充分。此處的論證尤其強(qiáng)調(diào)定量研究，也就是說(shuō)這個(gè)理論是心理學(xué)家通過(guò)調(diào)查問(wèn)卷測(cè)出來(lái)的，是有充分的被試證明了的，而不是心理學(xué)家臆想出來(lái)的。

第三，是否維度清晰。就是說(shuō)這個(gè)理論能不能表達(dá)成幾個(gè)清晰的特征，或者用幾個(gè)形容詞就把人的性格介紹完成， 還能做到不重不漏。

比如，大五人格理論就把人的性格劃分成了開(kāi)放、責(zé)任、外向、宜人、神經(jīng)質(zhì)等特征，十六型格理論把人分成了建筑師、指揮官、調(diào)停者、守衛(wèi)者等十六中類型。

滿足以上三條標(biāo)準(zhǔn)，基本上就可以應(yīng)用到 H5 測(cè)試中。

當(dāng)然，了解一個(gè) H5 并不是要求你成為該理論的學(xué)者，但是你需要明白這個(gè)理論的源起和內(nèi)容。因此，非常建議大家通過(guò)科學(xué)上網(wǎng)，在維基百科查看相關(guān)詞條，其內(nèi)容和鏈接基本就能滿足你的需求。

4. 設(shè)計(jì)結(jié)果頁(yè)

確定了主題和理論，就可以開(kāi)始上手設(shè)計(jì) H5 了。這個(gè)時(shí)候請(qǐng)注意：

H5 的設(shè)計(jì)是從結(jié)果頁(yè)開(kāi)始的！

H5 的設(shè)計(jì)是從結(jié)果頁(yè)開(kāi)始的！

H5 的設(shè)計(jì)是從結(jié)果頁(yè)開(kāi)始的！

（重要的事情說(shuō)三遍）

結(jié)果頁(yè)在一次測(cè)試中最后出現(xiàn)，但卻是 H5 測(cè)試真正的門面，因?yàn)橛脩魧?duì)H5 的評(píng)價(jià)、分享大部分取決于結(jié)果頁(yè)的質(zhì)量；

在社交媒體中，曝光最多的也是結(jié)果頁(yè)，新用戶會(huì)不會(huì)參與你的 H5，也完全取決于結(jié)果頁(yè)的吸引力。

結(jié)果頁(yè)的設(shè)計(jì)主要包含文案和 UI 兩個(gè)部分，其中文案先于 UI。

（1）文案設(shè)計(jì)

首先，結(jié)果頁(yè)上包含哪些要素。

一般情況下，一個(gè)完整的測(cè)試結(jié)果頁(yè)包括主題，用戶名稱，頭像，雷達(dá)圖， 二維碼、品牌 LOGO，結(jié)果描述等等。

雷達(dá)圖可以說(shuō)是測(cè)試類 H5 必備的要素，因?yàn)樗钅軌蛑庇^、細(xì)致的反應(yīng)用戶的性格構(gòu)成，也讓你的 H5 顯得更加可信。

雷達(dá)圖的幾個(gè)維度要根據(jù)選擇的理論來(lái)設(shè)定，比如本次測(cè)試使用的是大五人格理論，所以就有五個(gè)維度；之前的斯普蘭個(gè)測(cè)試把人分成了六種性格， 所以就有六個(gè)維度。

第二，結(jié)果描述細(xì)分為 punchline 和結(jié)果詳解。

Punchline 能夠在一瞬間擊中用戶，因此務(wù)必簡(jiǎn)潔、經(jīng)典，建議從一些小眾但經(jīng)典的文學(xué)名句中尋找；

結(jié)果詳解則務(wù)必準(zhǔn)確、生動(dòng)，一般可用“主題詞+解釋”的形式構(gòu)成。主題詞不是憑空設(shè)想的，要從原有的心理學(xué)理論中抽象出來(lái)；

“解釋”也要注意貼合主題， 把性格描述融入到測(cè)試主題當(dāng)中。

比如“稟賦：你天資聰穎，學(xué)習(xí)能力強(qiáng)，能夠博采眾長(zhǎng)，各種樂(lè)器都能在你手中幻化成絕美的樂(lè)章”

第三，結(jié)果詳解一定要謹(jǐn)記“彩虹屁原則”。

要深信人性是有弱點(diǎn)的，所有的 H5 剖析到最后，一定都是對(duì)用戶的彩虹屁。所以你的創(chuàng)意無(wú)論如何包裝，在內(nèi)核上都要變著花樣的夸他。

比如，我們之前跟咪咕合作的“你內(nèi)心住著怎樣的靈魂歌手”測(cè)試，盡管使用了音樂(lè)和歌手等元素，但最后的結(jié)果還是對(duì)用戶的各種吹捧。（甚至部分用戶反映比他自己認(rèn)為的自己還好）

（2）UI 設(shè)計(jì)

UI 設(shè)計(jì)是在文案設(shè)計(jì)的基礎(chǔ)上進(jìn)行的。UI 設(shè)計(jì)需要考慮本次 H5 主題、基調(diào)，以及結(jié)果頁(yè)內(nèi)容的排列組合，同時(shí)還要想到結(jié)果頁(yè)上需要哪些精心設(shè)計(jì)的小元素。

一般情況下,一個(gè)合格的 UI 會(huì)提供至少三種結(jié)果頁(yè)樣本，然后共同討論、協(xié)商、豐富細(xì)節(jié)，形成最后的結(jié)果頁(yè)。

5. 設(shè)計(jì)題目

題目設(shè)定要考慮以下內(nèi)容：

第一，題目有無(wú)腳本

有腳本的測(cè)試，題目之間是互相關(guān)聯(lián)的，一道題目會(huì)影響到另一道題目的選擇。這樣的好處是用戶做題時(shí)會(huì)感到連貫和自然，壞處是策劃需要非常完善的構(gòu)思，讓題目的轉(zhuǎn)接不免強(qiáng)、不生硬。

無(wú)腳本的測(cè)試，題目之間沒(méi)有關(guān)聯(lián)，彼此獨(dú)立。這種設(shè)定可能會(huì)讓用戶找不到節(jié)奏，但也會(huì)給用戶超出預(yù)期的驚喜感。

在我所策劃的 H5 測(cè)試中，基本上都是采用無(wú)腳本題目。而從用戶反饋來(lái)看，無(wú)腳本與有腳本的題目對(duì)用戶而言，接受程度是差不多的。

所以，如果你有一個(gè)非常的故事設(shè)定，就可以設(shè)計(jì)有腳本的測(cè)試題目；反之，無(wú)腳本的題目對(duì)最終的測(cè)試效果上并沒(méi)有太大影響。

第二，數(shù)量

測(cè)試類題目而言，題目數(shù)量以 8-12 題為宜，用戶完成一次 H5 的體驗(yàn)不要超過(guò) 2 分鐘；

第三，難度

測(cè)試題目太簡(jiǎn)單或太難都不合適，所設(shè)定的題目一定是用戶需要思考才能完成。

例如：你周圍的世界是本來(lái)如此還是因你如此？錢是這個(gè)世界上最重要的嗎？丑下鴨最終會(huì)變成白天鵝還是大丑鴨？……

此類題目屬于簡(jiǎn)單題目，用戶在第一次做題時(shí)會(huì)糾結(jié)，但在反復(fù)做題后往往會(huì)很快做出選擇。例如：

明早就要離開(kāi)久居多年的城市，你今晚回去哪里吃晚餐？

a.最常去的餐廳

b.很想去但從未去過(guò)的餐廳

c.隨意找一個(gè)餐廳

d.在家中享受晚餐

這就屬于困難類題目，用戶不僅首次做題時(shí)會(huì)糾結(jié)，在多次做題時(shí)仍然也會(huì)思考選擇。

與此同時(shí)，這里要敲黑板。測(cè)試類 H5 的題目一定不能是非黑即白的對(duì)錯(cuò)題。

比如，去年我們?cè)邉澚艘粋€(gè)《測(cè)測(cè)你的吃瓜水平》，里面的題目大都圍繞 2018 年的娛樂(lè)圈事件設(shè)定。但題目本身存在明顯的對(duì)錯(cuò)，一旦用戶多次選錯(cuò)，就會(huì)失去做題的耐心。當(dāng)然，最后的數(shù)據(jù)也證明了這一點(diǎn)。

第四，形式

測(cè)試類 H5 的題目一般會(huì)采用選擇題的形式，一般為二選、三選或四選。

且大多數(shù)題目都借鑒了心理學(xué)經(jīng)典的“主題統(tǒng)覺(jué)測(cè)驗(yàn)”。

主題統(tǒng)覺(jué)測(cè)驗(yàn)是由 H.A. 默里于 1935 年為性格研究而編制的一種測(cè)量工具。傳統(tǒng)的主題統(tǒng)覺(jué)測(cè)驗(yàn)會(huì)提供給用戶 30 張內(nèi)容隱晦的黑白圖片，讓用戶做判斷， 并基于此來(lái)推測(cè)出用戶的性格。

例如：下圖中的老婦人是什么心情？是憂傷、邪惡、陰郁還是慈祥？

在爆款 H5 測(cè)試中，基本上都能看到主題痛覺(jué)測(cè)試的影子：

比如，網(wǎng)易云的《榮格心理測(cè)試》中的大灰狼與小紅帽的選擇題；

比如，《測(cè)測(cè)你內(nèi)心住著怎樣的靈魂歌手》中的看圖題：

又比如，聽(tīng)這段音樂(lè)，你覺(jué)得作者表達(dá)了什么心情等等。

這些都是從主題統(tǒng)覺(jué)測(cè)驗(yàn)中演繹出來(lái)的測(cè)試形式，可以說(shuō)也是測(cè)試類 H5 的標(biāo)配。

這一方面，是因?yàn)橹黝}統(tǒng)覺(jué)測(cè)驗(yàn)非常經(jīng)典；另一方面，主題統(tǒng)覺(jué)測(cè)驗(yàn)在測(cè)試性格方面也具有非常強(qiáng)的準(zhǔn)確度。

第五，題目分布

題目設(shè)計(jì)還要考慮題目的排列順序，也就是分布問(wèn)題。

在多年的測(cè)試中，我總結(jié)出了一種交叉分布的節(jié)奏感，即：簡(jiǎn)、簡(jiǎn)、難、難、簡(jiǎn)、難、難、簡(jiǎn)、難、簡(jiǎn)

前面兩題設(shè)置簡(jiǎn)單，不至于讓用戶望而卻步，如果你第一道題就讓用戶解一道一元二次方程，他肯定馬上關(guān)掉測(cè)試走人；三、四題逐漸提升難度，讓用戶減少雜念，全身心投入到測(cè)試中。

在經(jīng)歷了前兩題之后，用戶一般會(huì)繼續(xù)做下去。如果這個(gè)時(shí)候你給他一道簡(jiǎn)單題目，他很可能會(huì)認(rèn)為你的測(cè)試沒(méi)有深度，然后草草做完了事。

五到八題是尾部題目，影響了用戶結(jié)束測(cè)試時(shí)的心情和印象，所以至少有兩道題比較困難，讓用戶留下心理困惑，以便他會(huì)重復(fù)做題；而最后一題務(wù)必簡(jiǎn)單，讓用戶的心情可以稍稍平復(fù)。

簡(jiǎn)而言之，題目的排列組合也是對(duì)用戶心理的掌握，把握得準(zhǔn)確，分布的巧妙，也能起到事半功倍的效果。

6. 設(shè)計(jì)規(guī)則

很多人認(rèn)為，測(cè)試規(guī)則的設(shè)定是由產(chǎn)品或后端進(jìn)行的，但由于文案是題目、結(jié)果頁(yè)的直接設(shè)計(jì)者，也是對(duì) H5 最了解的人，因此整個(gè) H5 的計(jì)分規(guī)則， 也應(yīng)該由文案來(lái)設(shè)計(jì)。

就我個(gè)人的經(jīng)驗(yàn)而言，測(cè)試類的 H5 一般選擇加法計(jì)分的方式來(lái)統(tǒng)計(jì)結(jié)果：

第一步，首先考慮清楚最后要輸出多少種結(jié)果；

第二步，給每一道題目中的每一個(gè)選項(xiàng)賦予分值，賦分的標(biāo)準(zhǔn)是這個(gè)選項(xiàng)與輸出結(jié)果的契合度；

第三步，根據(jù)用戶的選擇，進(jìn)行加法運(yùn)算，得分最高的結(jié)果項(xiàng)就是最終結(jié)果。

用 Excel 表格展示如下圖。

本次《靈魂歌手測(cè)試》總共有 9 種結(jié)果和 9 道題目；每道題目中的每個(gè)選項(xiàng)都對(duì)應(yīng)了結(jié)果的一個(gè)分值；根據(jù)用戶的選擇，最后加總起來(lái)的就是 9 個(gè)結(jié)果的數(shù)值，其中數(shù)值最大的，就是最終結(jié)果。

7. UI 設(shè)計(jì)+前端開(kāi)發(fā)

跟前面介紹的一樣，一個(gè)好的 UI 至少要提供三種設(shè)計(jì)方案以供選擇，然后通過(guò)集體論證確定設(shè)計(jì)基調(diào)。

測(cè)試類 H5 的設(shè)計(jì)應(yīng)該要包含幾個(gè)部分：初始頁(yè)、loading 頁(yè)、轉(zhuǎn)場(chǎng)頁(yè)、題目頁(yè)、結(jié)果 loading 頁(yè)、結(jié)果頁(yè)和結(jié)果分享頁(yè)。

這其中，大多數(shù)人會(huì)更加關(guān)注題目頁(yè)和結(jié)果頁(yè)，這當(dāng)然沒(méi)錯(cuò)，但是其他頁(yè)面的設(shè)計(jì)也同樣重要。

初始頁(yè)的要能彰顯主題；

loading 頁(yè)要能交代清楚這個(gè)測(cè)試是怎么回事，轉(zhuǎn)場(chǎng)頁(yè)特效要自然；

結(jié)果 loading 頁(yè)要給結(jié)果計(jì)算留下充足的時(shí)間；

而結(jié)果頁(yè)，要設(shè)置不同的功能按鈕。比如再測(cè)一次、下載 APP 的引導(dǎo)、或者是給 WEB 端某個(gè)端口的導(dǎo)流。

在 UI 設(shè)計(jì)完成后，前端就要對(duì)內(nèi)容加以實(shí)現(xiàn)。對(duì)前端而言，有兩個(gè)關(guān)鍵問(wèn)題需要解決。

一是特效。

UI 在做效果圖的時(shí)候，往往天馬行空，特效做的越炫越好，但前段往往很難將其完全實(shí)現(xiàn)。

這并不是說(shuō)前端能力不足，而是前端需要考慮頁(yè)面的加載時(shí)間。理論上來(lái)說(shuō)，如果一個(gè)頁(yè)面的轉(zhuǎn)場(chǎng)和露出超過(guò) 5s，那用戶就會(huì)失去耐心；

二是適配。

適配問(wèn)題是前端最頭疼的問(wèn)題，蘋果機(jī)型還好，但安卓機(jī)浩如煙海的屏幕分辨率讓適配很困難。前端需要不斷的調(diào)試，才能得到比較理想的結(jié)果。

當(dāng)然，如果某些手機(jī)出現(xiàn)很大一片空白，那也只能將就了。

8. 后端開(kāi)發(fā)

在題目和計(jì)分規(guī)則設(shè)計(jì)完成后，后端就可以進(jìn)行開(kāi)發(fā)了。

后端老師不止一次跟我說(shuō)，加法運(yùn)算的開(kāi)發(fā)對(duì)他們來(lái)說(shuō)是最簡(jiǎn)單的，事實(shí)上，他們也只需要三天時(shí)間，就能碼完。

等前端完成后，雙方需要對(duì)接口。由于我的測(cè)試結(jié)果頁(yè)上有雷達(dá)圖，所以我往往會(huì)跟后端老師強(qiáng)調(diào)，盡可能的把雷達(dá)圖的參數(shù)夸張呈現(xiàn)。

比如最大值乘以 1.2，中間值不變，最小值乘以 0.8，以取得最佳的呈現(xiàn)效果。

當(dāng)然，如果你得 H5 沒(méi)有雷達(dá)圖，或者你設(shè)計(jì)的分值足夠完美，你也可以不進(jìn)行這樣的操作。

9. 測(cè)試

在所有開(kāi)發(fā)完成后，就要進(jìn)行測(cè)試工作，這個(gè)時(shí)候會(huì)發(fā)現(xiàn)各種各樣的問(wèn)題，從文案、設(shè)計(jì)、適配到結(jié)果可能都需要調(diào)整，BUG 也會(huì)層出不窮，這時(shí)千萬(wàn)耐心，有錯(cuò)就改。

一個(gè) H5 至少要經(jīng)過(guò)三輪測(cè)試后才可以上線，確保萬(wàn)無(wú)一失。

10 上線＋推廣

H5 準(zhǔn)備好后，就可以上線了，可以說(shuō)這里就是市場(chǎng)部同事的工作了。

首先，上線時(shí)間

一般建議上線時(shí)間安排在周二到周四之間，因?yàn)橹芤淮蠹姨?，周五大家太慌?周六、周日根本無(wú)心測(cè)試；

這其中，下午 3 點(diǎn)到 4 點(diǎn)之間，上線為最佳。因?yàn)檫@個(gè)時(shí)候大家普遍進(jìn)入了一天的摸魚時(shí)期，非常有心情做一個(gè)測(cè)試。

而一般 H5 的引爆會(huì)在晚上 6 點(diǎn)到 9 點(diǎn)之間，提前上線也是為 H5 的刷屏進(jìn)行充分預(yù)熱。

其次，推廣渠道

一般渠道包括微博 KOL，微信大號(hào)，微信群，朋友圈，其他產(chǎn)品的資源位等等。

這其中，性價(jià)比最高的還是微信群，因?yàn)?H5 營(yíng)銷天然的帶有社交屬性，微信群是最容易引爆的。相反，KOL、大號(hào)的帶量效果一般，價(jià)格貴，有些時(shí)候并不能完全篤信。

當(dāng)有些天然自帶話題的測(cè)試，還可以嘗試投放到免費(fèi)渠道。

比如，上月的《測(cè)測(cè)你是致命女人中的誰(shuí)》，我們就投放到了豆瓣小組，渠道免費(fèi)，但帶量效果卻不錯(cuò)。

有時(shí)候，并不是非要花大錢才能辦成事的。

第三，排期建議

很多人覺(jué)得開(kāi)發(fā)一個(gè) H5 需要很多時(shí)間，其實(shí)并不是這樣的，我的經(jīng)驗(yàn)來(lái)看，一個(gè) H5 的排期。

• 前期創(chuàng)意+文案設(shè)計(jì)：五個(gè)工作日，2 個(gè)人力
• UI 設(shè)計(jì)、后端開(kāi)發(fā)可同時(shí)進(jìn)行，大概需要 7 個(gè)工作日，設(shè)計(jì) 2 個(gè)人力，后端 1 個(gè)人力
• 前端：一周，1 個(gè)人力
• 測(cè)試：三個(gè)工作日，1 個(gè)人力。

也就是說(shuō)，總共需要 22 個(gè)工作日，7 個(gè)人力。當(dāng)然這其中會(huì)有賦予事件，總之，一個(gè) H5 的測(cè)試，不宜超過(guò)一個(gè)月。

11 總結(jié)&分析

做完了整個(gè) H5 之后，一定要進(jìn)行分析和總結(jié)。這其中最關(guān)鍵的就是數(shù)據(jù)復(fù)盤。

在后端開(kāi)發(fā) H5 的時(shí)候，就要進(jìn)行數(shù)據(jù)埋點(diǎn)。其中基本數(shù)據(jù)包括昵稱、UUID、時(shí)間、鏈接。有這些數(shù)據(jù)就能得出 PV、uv 和用戶來(lái)源渠道。

進(jìn)階的數(shù)據(jù)，包括留存時(shí)間、跳出率和分鐘級(jí)監(jiān)測(cè)。前兩者可以看出 H5 的質(zhì)量， 后者則可以看到 H5 的爆發(fā)和增長(zhǎng)情況。

（《測(cè)測(cè)你是致命女人中的誰(shuí)》流量檢測(cè)）

除了數(shù)據(jù)之外，還要關(guān)注設(shè)計(jì)的反饋，這一方面就主要靠口碑了，可以設(shè)計(jì)一個(gè)調(diào)查問(wèn)卷，廣泛收集意見(jiàn)，在隨后的開(kāi)發(fā)工作中，進(jìn)行適當(dāng)調(diào)整。

四、總結(jié)

H5 的營(yíng)銷其實(shí)并不存在過(guò)高的門檻，把設(shè)計(jì)環(huán)節(jié)拆解來(lái)看，每一個(gè)步驟都是可量化、可控制的，只要每一步都做到金線之上，整體效果就不會(huì)太差。

當(dāng)然，跟互聯(lián)網(wǎng)的其他營(yíng)銷一樣，大品牌、大資本和大公司有更大的幾率去制造

爆款和刷屏。這一點(diǎn)，小企業(yè)其實(shí)不必羨慕，按照正確的方式做下去，用更少的人力、資源、成本去博取相對(duì)較大的點(diǎn)擊率，這種高性價(jià)比的 H5 其實(shí)也是一種成功的營(yíng)銷。而大多數(shù)小公司或第一次上手做 H5 的運(yùn)營(yíng)，也都是這樣開(kāi)始的。

作者：賈子苼 ，微信號(hào)：jiarui0828；公眾號(hào)：異論點(diǎn)

來(lái)源：https://mp.weixin.qq.com/s/VhkTj18eb_TZnNSeCdkZzQ

本文由 @賈子苼 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議