一文讀懂H5:值得收藏的干貨合集

1 評論 28486 瀏覽 73 收藏 17 分鐘
🔗 产品经理的不可取代的价值是能够准确发现和满足用户需求,把需求转化为产品,并协调资源推动产品落地,创造商业价值。

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

一、什么是H5?

程序猿:H5,是HTML5的簡稱,不是一項技術,而是一個標準

大家口中的H5只是借助H5標準制作的網頁,是對技術的狹義解釋,下次不要再問我“這個H5能不能做了”,這是對俺專業(yè)的不負責,直接問我“這個手機端PPT能不能做”?

運營喵:H5,是可交互的移動端網頁,便于營銷推廣分享傳播

無論是淘寶的“年度賬單”還是網易的“飼養(yǎng)手冊”,或者是朋友圈經常看到的裂變活動/邀請函/報名表單/電子相冊/每日打卡/微商城等,都可以算作運營人眼中的H5。

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

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

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

二、H5常見使用場景

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

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

一句化總結:行業(yè)頭部團隊借助H5話題營銷仍在不斷打造刷屏爆款,中小商家作為業(yè)務宣傳載體進行推廣和轉化,正在從展示類H5過度到營銷類H5。

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

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

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

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

四、常見的玩法分類

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

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

1. 個性測試

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

2. 總結盤點

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

3. 定制DIY

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

4. 互動游戲

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

5. 答題競賽

案例《新華社-民法典大沖關》

6. 趣味惡搞

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

7. 營銷推廣

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

8. 限時福利

案例《京東-年終福利》

五、常用的交互方式

H5交互方式匯總:滑動、單擊、連擊、長按、拖拽、縮放、聲音、書寫、重力、3D、全景等,這個知識點來自網易噠噠團隊的干貨文章哦!

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

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

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

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

流暢的交互體驗能夠減少過程中的流失率,畢竟我們不是在做解密游戲,給每一個交互步驟增加引導或使用提示非常有必要。

六、制作方式和流程

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

1. 借助模板

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

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

適合中小微商家或團隊,以及對H5營銷不熟悉的團隊,試錯成本低。

2. 對接外包

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

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

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

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

3. 獨立制作

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

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

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

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

七、用戶分享的動機

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

用戶的分享動機:打造人設、懷舊回憶、情感共鳴、利益誘導、幫助別人、輸出觀點、熱點討論、知識學習。

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

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

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

八、爆款不容易復制

1. 創(chuàng)意難尋

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

2. 成本較高

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

3. 封禁風險

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

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

九、放心大膽去做吧

希望這些資料可以在大家進行項目決策或寫策劃方案時提供幫助,最后討論的“爆款不容易復制”,不是為了“勸退”大家,只是團隊目標如果是以轉化或是大范圍刷屏的話,開發(fā)成本高/籌備周期長且效果不可控的H5活動不建議大家去做,畢竟還有很多更優(yōu)的方案可供選擇。

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

關于H5相關的問題就到這里了,希望大家都能夠早日打造出自己的刷屏爆款!

 

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
"="" class="meta">04-173960 瀏覽
"="" class="meta">
"="" class="meta"> "="" src="https://image.woshipm.com/2023/04/14/a1a134d4-da9e-11ed-9b82-00163e0b5ff3.png!/both/120x80" alt="15000字,詳解10個常見的表單設計疑問?。ㄏ拢?>
="">
"="" src="https://image.woshipm.com/2023/04/14/a1a134d4-da9e-11ed-9b82-00163e0b5ff3.png!/both/120x80" alt="15000字,詳解10個常見的表單設計疑問?。ㄏ拢?>
="">
"="" src="https://image.woshipm.com/2023/04/14/a1a134d4-da9e-11ed-9b82-00163e0b5ff3.png!/both/120x80" alt="15000字,詳解10個常見的表單設計疑問?。ㄏ拢?>
="">包車出海,一門難做的生意
10-072022 瀏覽
包車出海,一門難做的生意
評論
評論請登錄
  1. 好!

    來自浙江 回復