編輯導(dǎo)讀：H5作為營銷運營的重要手段，好的創(chuàng)意很容易讓其在朋友圈刷屏，引起廣泛傳播。盡管很多人都在談?wù)揌5，但是有些人甚至連H5的定義都不清楚，更別說它的使用場景和玩法了。本文將從運營的角度，圍繞H5進(jìn)行九個角度的分析，希望對你有幫助。

一、什么是H5?

程序猿：H5，是HTML5的簡稱，不是一項技術(shù)，而是一個標(biāo)準(zhǔn)

大家口中的H5只是借助H5標(biāo)準(zhǔn)制作的網(wǎng)頁，是對技術(shù)的狹義解釋，下次不要再問我“這個H5能不能做了”，這是對俺專業(yè)的不負(fù)責(zé)，直接問我“這個手機(jī)端PPT能不能做”？

運營喵：H5，是可交互的移動端網(wǎng)頁，便于營銷推廣分享傳播

無論是淘寶的“年度賬單”還是網(wǎng)易的“飼養(yǎng)手冊”，或者是朋友圈經(jīng)?？吹降牧炎兓顒?邀請函/報名表單/電子相冊/每日打卡/微商城等，都可以算作運營人眼中的H5。

和甲方爸爸或客戶解釋技術(shù)原理可能比較復(fù)雜，因為大部分人都是通過別人家的“H5案例”進(jìn)行了解的，即使把這些活動統(tǒng)稱為“H5”比較狹義，但是卻是最接地氣的叫法，只是在和技術(shù)大大溝通時需要詳細(xì)描述需求類型，不要含糊的描述為“別人家的H5”。

設(shè)計獅：H5，是平面視覺、廣告創(chuàng)意設(shè)計的分支，需要大量原創(chuàng)設(shè)計

對比普通的平面或UI設(shè)計，H5的制作需要更多的原創(chuàng)設(shè)計。將策劃創(chuàng)意在這一步進(jìn)行視覺實現(xiàn)，需要在溝通時對尺寸、風(fēng)格、配色、交互邏輯進(jìn)行梳理確認(rèn)，最終的效果呈現(xiàn)會和這一關(guān)鍵步驟緊密相關(guān)。

二、H5常見使用場景

在圖文時代，可交互的H5算是線上營銷的“奢侈品”，既酷炫又新穎的活動展現(xiàn)方式能夠讓用戶眼前一亮，但隨著“品效合一”的口號，著重品宣效果的展示類H5慢慢被冷落了。

除了看重品宣效果又多金的頭部團(tuán)隊還在堅持，中小商家的注意力逐漸放在了轉(zhuǎn)化效果更好的投票/抽獎/拼團(tuán)/砍價/分銷/秒殺等營銷類H5。

一句化總結(jié)：行業(yè)頭部團(tuán)隊借助H5話題營銷仍在不斷打造刷屏爆款，中小商家作為業(yè)務(wù)宣傳載體進(jìn)行推廣和轉(zhuǎn)化，正在從展示類H5過度到營銷類H5。

三、適用的行業(yè)類型

除了匯總過往的數(shù)據(jù)報告，我還對比了H5模板網(wǎng)站的熱門素材和行業(yè)分類規(guī)律，篩選出了下面這些對H5有高頻需求的行業(yè)：

新媒體、電商微商、保險金融、教育培訓(xùn)、婚禮婚慶、地產(chǎn)中介、廣告?zhèn)髅?、生活娛樂等行業(yè)，這些行業(yè)都有一個共通點，那就是有大量的信息需要借助可視化的載體通過社交媒體傳遞給用戶。

這些行業(yè)其實也是TOB營銷工具的金主爸爸，大部分團(tuán)隊缺少設(shè)計和技術(shù)開發(fā)資源，但日常工作中又有很大的營銷需求，無論是圖片還是H5活動制作，很多模板化的營銷工具剛好能夠解決痛點，給了懶人成為營銷多面手的機(jī)會。

四、常見的玩法分類

根據(jù)常見的H5玩法，我瀏覽了大概上百個案例，覺得可以大概分為以下幾類：個性測試/總結(jié)盤點/定制DIY/互動游戲/答題競賽/趣味惡搞/營銷推廣/限時福利。

接下來我會按照上面的分類列舉一些爆款案例：

1. 個性測試

案例《網(wǎng)易噠噠-飼養(yǎng)手冊》

2. 總結(jié)盤點

案例《支付寶-年度賬單》

3. 定制DIY

案例《騰訊新聞-迎國慶換新顏》

4. 互動游戲

案例《騰訊醫(yī)學(xué)ME大會-手速挑戰(zhàn)，拯救人類你有多快？》

5. 答題競賽

案例《新華社-民法典大沖關(guān)》

6. 趣味惡搞

案例《跳跳糖創(chuàng)意-我的地攤我做主》

7. 營銷推廣

案例《騰訊-全球數(shù)字生態(tài)大會》

8. 限時福利

案例《京東-年終福利》

五、常用的交互方式

H5交互方式匯總：滑動、單擊、連擊、長按、拖拽、縮放、聲音、書寫、重力、3D、全景等，這個知識點來自網(wǎng)易噠噠團(tuán)隊的干貨文章哦！

我發(fā)現(xiàn)大部分案例都是通過滑動和單擊這類簡單交互來完成的，疊加更多的交互方式意味著開發(fā)設(shè)計難度和用戶學(xué)習(xí)成本同步增加。

新穎的交互方式可能會讓用戶眼前一亮，但如果沒有和創(chuàng)意很好的結(jié)合，同時又增加了開發(fā)周期和用戶使用難度，那就得不償失了。

復(fù)雜交互≠優(yōu)質(zhì)H5，在策劃階段討論創(chuàng)意實現(xiàn)方式時，我們需要結(jié)合團(tuán)隊實際情況來確定方案，畢竟運營的腦暴靈感+設(shè)計創(chuàng)意+技術(shù)開發(fā)才能完成一個完整的H5。（如果團(tuán)隊只有你自己一個人，那就跳過這個步驟吧，請看下段文字中提到的速成方案）

對了，記得每一個交互都要增加步驟引導(dǎo)，即使是滑動這類簡單的操作也要進(jìn)行提示，因為大部分用戶在活動中找不到下一步如何操作時會直接關(guān)閉頁面。

流暢的交互體驗?zāi)軌驕p少過程中的流失率，畢竟我們不是在做解密游戲，給每一個交互步驟增加引導(dǎo)或使用提示非常有必要。

六、制作方式和流程

H5活動主流制作方式有三種，分別是借助模板/對接外包/獨立制作，每種方式的預(yù)算成本以及優(yōu)劣勢我?guī)痛蠹疫M(jìn)行了簡單分析，下次做方案時可以直接用到：

1. 借助模板

• 成本預(yù)算：低
• 創(chuàng)意指數(shù)：低
• 耗費時間：短

借助第三方工具模板市場快速獨立完成制作，但是模板化的H5可供修改的內(nèi)容有限，主要的創(chuàng)意和交互方式都無法修改，只能對文字和圖片等素材進(jìn)行調(diào)整。

適合中小微商家或團(tuán)隊，以及對H5營銷不熟悉的團(tuán)隊，試錯成本低。

2. 對接外包

• 成本預(yù)算：高
• 創(chuàng)意指數(shù)：中
• 耗費時間：中

使用鈔能力尋找第三方專業(yè)團(tuán)隊完成制作，你只需要提供靈感，哦不，或者你只需要講清楚“五彩斑斕的黑”這樣的需求即可，誰讓我們是甲方爸爸呢（滑稽）。

專業(yè)第三方團(tuán)隊可以從創(chuàng)意策劃到上線推廣提供一條龍全案服務(wù)，但是需要充足的預(yù)算支持，行業(yè)頭部公司一般會選擇這種方式和第三方團(tuán)隊進(jìn)行合作，雖然大家都懂“如何打造爆款”，但是真正實操時，專業(yè)領(lǐng)域的第三方團(tuán)隊距離成功爆款會更近一些。

普通外包團(tuán)隊只負(fù)責(zé)設(shè)計和技術(shù)開發(fā)部分，需要在合作前確定具體的創(chuàng)意需求和實現(xiàn)方式，作為甲方的我們需要完成前期策劃-進(jìn)度跟進(jìn)-成品驗收。為了防止踩坑，在合作前要對第三方團(tuán)隊進(jìn)行能力評估，過程中來回扯皮延誤進(jìn)度或成品千差萬別是最糟糕的。

3. 獨立制作

• 成本預(yù)算：中
• 創(chuàng)意指數(shù)：高
• 耗費時間：長

由自己團(tuán)隊獨立開發(fā)制作的成本也比較高，通常一個H5活動的制作周期大概為2-4周，同時需要運營+設(shè)計+技術(shù)等團(tuán)隊資源進(jìn)行支持，需要占用比較多的團(tuán)隊資源。

更重要的是，大部分團(tuán)隊沒有這類開發(fā)經(jīng)驗，甚至完整的協(xié)作流程，成熟團(tuán)隊在衡量原創(chuàng)H5的投入產(chǎn)出時，一般會否決這類品宣大于效果的創(chuàng)意策劃。

所以作為運營的我們，在項目啟動時就需要思考清楚，這個方案目前是不是最優(yōu)選擇，如果是初次接觸H5活動策劃，還是選擇第一種低成本的實現(xiàn)方式最優(yōu)。

七、用戶分享的動機(jī)

用戶分享是裂變傳播的關(guān)鍵，分享率決定活動的流量回流率和傳播層級，想要擴(kuò)大影響范圍，我們需要先清楚用戶的分享動機(jī)，以及如何觸動更多用戶進(jìn)行分享。

用戶的分享動機(jī)：打造人設(shè)、懷舊回憶、情感共鳴、利益誘導(dǎo)、幫助別人、輸出觀點、熱點討論、知識學(xué)習(xí)。

上面這段可能有點難理解，我一般會把這種理論內(nèi)容簡單化，那就是自己代入目標(biāo)用戶角色根據(jù)策劃方案寫出不愿意分享的原因幫助優(yōu)化方案，同時寫出自己認(rèn)為活動吸引自己參與和分享的主要動力，如果寫不出或者自己參與都不可能分享，那就推翻重來。

自己或團(tuán)隊腦暴出的方案靈感覺得沒問題后，還可以找目標(biāo)用戶聊一下，如果這樣的活動發(fā)布出來，他會不會參與，會不會分享，以及最近有沒有看到同類型的案例。同樣流程，把用戶溝通放在方案確定前期就是用戶調(diào)研環(huán)節(jié)了，也是幫助我們做決策的方法。

除了理論上滿足用戶的分享動機(jī)，我們還需要清楚影響用戶不愿意分享的因素有哪些？是否會涉及用戶敏感隱私，是否會影響用戶在朋友圈的人設(shè)等原因。總之，在項目前期明白用戶為什么分享，以及不分享的可能原因能讓我們在執(zhí)行和推廣時少踩坑。

八、爆款不容易復(fù)制

1. 創(chuàng)意難尋

能夠和用戶產(chǎn)生情感共鳴的案例才能達(dá)到全民刷屏效果，核心的靈感創(chuàng)意才是這個領(lǐng)域的護(hù)城河，即使掌握了打造爆款的全部方法論，也很難通過復(fù)制模仿達(dá)到同樣的效果。

2. 成本較高

上面和大家分享了H5制作的幾種方式，其中套用模板的方式成本雖然很低，但是幾乎不會有產(chǎn)生爆款的可能，尋找第三方團(tuán)隊或獨立制作的成本高昂，方案可能會在討論或者需求評審階段被放棄。

3. 封禁風(fēng)險

為了增加傳播速度和引流轉(zhuǎn)化，可以在活動中增加獎勵誘導(dǎo)，公眾號或小程序和H5結(jié)合，可以通過紅包或者任務(wù)類實物獎勵激勵用戶進(jìn)行分享傳播，但是被舉報后很容易會被微信爸爸封禁，建議對微信規(guī)則不熟悉的朋友盡量不要試探處罰邊緣。

即使不進(jìn)行利益誘導(dǎo)，只在海報上添加活動入口二維碼，也不能保證百分之百安全，根據(jù)微信的風(fēng)控閾值，達(dá)到定量的分享傳播后，活動同樣會被限制。例如朋友圈海報被屏蔽，其他好友無法看到—禁止鏈接分享—活動域名封禁。

九、放心大膽去做吧

希望這些資料可以在大家進(jìn)行項目決策或?qū)懖邉澐桨笗r提供幫助，最后討論的“爆款不容易復(fù)制”，不是為了“勸退”大家，只是團(tuán)隊目標(biāo)如果是以轉(zhuǎn)化或是大范圍刷屏的話，開發(fā)成本高/籌備周期長且效果不可控的H5活動不建議大家去做，畢竟還有很多更優(yōu)的方案可供選擇。

最后再跟大家分享一個我自己的案例，下面這個《測測你的單身理由H5》是兩年前我和團(tuán)隊小伙伴完成的測試H5，當(dāng)時為了蹭七夕的熱點，從策劃到上線只用了一周的時間，我一個人負(fù)責(zé)運營策劃兼設(shè)計，還要從各處搜集手繪素材，過程很費勁，不過成果還很滿意的，算是一個小范圍傳播的案例，下次有機(jī)會和大家詳細(xì)拆解一下。

關(guān)于H5相關(guān)的問題就到這里了，希望大家都能夠早日打造出自己的刷屏爆款！

本文由 @阿趙 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

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