一個(gè)成功的H5,要擊中用戶要害,達(dá)到運(yùn)營(yíng)目的
我們都在竭盡心力想做出一個(gè)成功的H5作品。
1.?什么是H5
暫先不說(shuō)“成功”如何定義,你能告訴我什么是H5嗎?
我們都知道,H5是HTML5的縮寫。但HTML5只是一個(gè)頁(yè)面實(shí)現(xiàn)方式的技術(shù)名詞,難道我們平日所指的就是這個(gè)技術(shù)名詞嗎?顯然不是。
準(zhǔn)確的說(shuō),我們所說(shuō)的是以Html5方式實(shí)現(xiàn)的在移動(dòng)端展示的功能頁(yè)面。
如果把頁(yè)面比作人,那么HTML是他的骨架,CSS是他的肌肉皮膚,JavaScript是這個(gè)人的行為反應(yīng),比如蒼蠅飛到臉上了,人會(huì)一巴掌拍過(guò)去(West World有追的嗎)。
這樣說(shuō)來(lái),與頁(yè)面交互最相關(guān)的是JavaScript,而不是HTML。而且,現(xiàn)在各平臺(tái)上出現(xiàn)的大部分H5作品其實(shí)都沒(méi)有用到HTML5的特性,用以往的HTML技術(shù)就足以實(shí)現(xiàn)。
可見我們平常所說(shuō)的H5,和技術(shù)名詞HTML5沒(méi)有太大關(guān)系,是一個(gè)被大家叫習(xí)慣了的產(chǎn)品名詞而已,本質(zhì)上就是在移動(dòng)端展示的功能頁(yè)面。但為什么我們所說(shuō)的H5顯得如此特殊呢?
原因其實(shí)是蘊(yùn)藏其背后的運(yùn)營(yíng)目的。
2.?怎樣的H5算是成功?
《圍住神經(jīng)貓》的爆紅雖然是個(gè)巧合,但一直以來(lái)被當(dāng)做一個(gè)典型的成功案例為大家所知。但它真的算是成功的H5作品嗎?玩過(guò)之后,你記住了什么?
大部分人記住的只是這種“賤兮兮小游戲”的游戲概念和交互方式。用戶就算玩過(guò)10遍也不一定知道這個(gè)H5的制作團(tuán)隊(duì)是誰(shuí),這個(gè)團(tuán)隊(duì)想要宣傳什么。
《吳某凡要入伍》也一度刷爆朋友圈,信息展示方式很有創(chuàng)意,乃至現(xiàn)在都還有很多作品沿用這種在真實(shí)頁(yè)面背景上做創(chuàng)意的表現(xiàn)形式。但同樣還是那個(gè)問(wèn)題,玩過(guò)之后,除了吳某凡這個(gè)名字和酷炫的交互方式,你還記住了什么?如果用戶在體驗(yàn)了整個(gè)設(shè)計(jì)之后都不知道這個(gè)H5宣傳的主體是什么,能稱之為成功嗎?
注:當(dāng)然我沒(méi)有具體數(shù)據(jù)表明以上H5上線之后對(duì)用戶下載等方面數(shù)據(jù)的影響,但從我對(duì)小范圍用戶的調(diào)研來(lái)看,和H5本身的影響力不對(duì)等。
那到底怎樣的H5作品是成功的呢?如圖所示:
所指運(yùn)營(yíng)目的無(wú)非就是拉新、日活、品牌曝光等;用戶目的比較常被利用的有占便宜、獵奇、追星、炫耀、情感共鳴等。而作為設(shè)計(jì)師要做的,就是利用可用資源設(shè)計(jì)一種方式,委婉的誘導(dǎo)用戶實(shí)現(xiàn)其用戶目的,從而協(xié)助產(chǎn)品達(dá)成運(yùn)營(yíng)目的。
(>_>)用詞是不是太邪惡了?
回頭再來(lái)看《吳某凡要入伍》這個(gè)案例:
如果沒(méi)有特別注意,很容易誤認(rèn)為這個(gè)H5主要是為騰訊新聞做宣傳。因?yàn)槌蓑v訊新聞的標(biāo)題以外,H5的曝光主角“全民突擊”游戲名只出現(xiàn)在了結(jié)束頁(yè)的左上角,以及吳某凡視頻的口頭描述中。除了左上角視覺(jué)表達(dá)上不夠突出外,在H5傳播環(huán)境下,用音頻傳遞重要信息本身也不是很高效的方式。
套用上圖邏輯來(lái)說(shuō),就是用戶雖然在此H5中達(dá)到了用戶目的(獵奇、追星…),但并未成功轉(zhuǎn)化為達(dá)成運(yùn)營(yíng)目的條件。
小結(jié)
筆者當(dāng)然沒(méi)有一套理論總結(jié)如何能百分百做出一個(gè)成功的H5作品,畢竟一個(gè)作品的成功除了設(shè)計(jì)師本身的素質(zhì)外,還受很多其他因素的影響。就像前段時(shí)間乘著洪荒少女的熱浪火起來(lái)的“網(wǎng)易噠噠-用洪荒之力畫小人”,有一些其他H5作品,比如“361°創(chuàng)造屬于你的熱愛”在更早時(shí)用了相同的表現(xiàn)形式卻沒(méi)能達(dá)到前者一樣的傳播效果。有些評(píng)論稱之為抄襲,對(duì)此筆者只能說(shuō),希望自己也能抄襲出很多這樣成功傳播的作品。
H5的成功從來(lái)就是這樣,充滿了不確定因素,有些作品費(fèi)盡心血和成本,最后換來(lái)用戶的一句“恩,挺好看的”然后點(diǎn)擊關(guān)閉,沒(méi)有驚起半點(diǎn)波瀾。而有的作品雖簡(jiǎn)單,卻能準(zhǔn)確地?fù)糁杏脩粢?,達(dá)到運(yùn)營(yíng)目的。作為交互設(shè)計(jì)師,我希望自己能最大限度的保證當(dāng)這種機(jī)會(huì)降臨的時(shí)候,在交互設(shè)計(jì)的層面上,我已完全做好準(zhǔn)備。
本文旨在和大家分享筆者對(duì)H5設(shè)計(jì)的一些想法,如有不妥之處還請(qǐng)大家包涵。
作者:杰克蝶
來(lái)源:微信公眾號(hào)【ME網(wǎng)易移動(dòng)設(shè)計(jì)】
? 什么內(nèi)容都沒(méi)有么