H5到底是什么?你的H5技能樹(shù)點(diǎn)歪了嗎?

3 評(píng)論 12574 瀏覽 643 收藏 9 分鐘

雖然現(xiàn)在互聯(lián)網(wǎng)圈開(kāi)口閉口就談H5,前段時(shí)間去了一個(gè)昆明本地的一個(gè)讀書(shū)沙龍,和大家聊天的時(shí)候很自然的就和大家談到了H5? 然后就有人問(wèn)我H5到底是什么?

我一下子也懵了,不知道該怎么向他們解釋。

說(shuō)是HTML第五代標(biāo)準(zhǔn)么?這種解釋太性冷淡了吧!而且和我要說(shuō)的內(nèi)容也不符合。

然后我想“微場(chǎng)景”這個(gè)詞會(huì)不會(huì)準(zhǔn)確一些呢?這樣的詞說(shuō)出來(lái)其他人就更不知所云了。

我當(dāng)時(shí)只能給他們解釋?zhuān)銈冞€記得在朋友圈里那些打開(kāi)后的動(dòng)態(tài)頁(yè)面吧?那就用H5技術(shù)實(shí)現(xiàn)的,所以簡(jiǎn)稱(chēng)H5了。

我就想了一下,我們平時(shí)在工作中微信里跳轉(zhuǎn)的鏈接大概分為兩類(lèi):一種我們會(huì)叫它web頁(yè)面,雖然也是用H5寫(xiě)的;另一種我們才會(huì)把它叫做H5。實(shí)在是水平不夠,沒(méi)找到合適的文字進(jìn)行描述,所以直接上圖大家感受一下吧!

我也給不了大家對(duì)于H5的明確定義,既然定義下不了,那么就用舉例法來(lái)搞定這個(gè)事情吧!

也算是給大家科普和整理下現(xiàn)有的H5形式啦!

初階:

幻燈片玩法

  • 實(shí)現(xiàn)難度:
  • 開(kāi)發(fā)周期:1-2天
  • 用戶(hù)參與指數(shù):
  • 分享指數(shù):
  • 所需資源:一枚活動(dòng)策劃,一枚設(shè)計(jì)師,第三方H5制作工具(易企秀、MAKA等等等)

H5的初階形式就是幻燈片,基本上就是把PPT移到了手機(jī)上來(lái)。有很多的第三方制作工具都能夠完成這個(gè)工作,百度一下全都有。PPT移到手機(jī)屏幕上會(huì)發(fā)生什么呢?和PPT行業(yè)一樣的,全靠制作者的設(shè)計(jì)感。

高逼格性冷淡的有,無(wú)所畏懼彈彈彈的也有,滿(mǎn)屏文字不考慮用戶(hù)體驗(yàn)的也有。不管怎樣,H5行業(yè)點(diǎn)亮了“視覺(jué)設(shè)計(jì)”的技能樹(shù)。

對(duì)于企業(yè)來(lái)說(shuō),利用這種H5去迎合熱點(diǎn)。因?yàn)橹谱鞒杀镜?,能夠做到快速反?yīng)。如果有清晰的策劃,熟練的設(shè)計(jì)師從設(shè)計(jì)到制作完成,差不多一天時(shí)間就能搞定。但是因?yàn)橹皇窍馪PT一樣去簡(jiǎn)單敘事,用戶(hù)的參與感極低,帶來(lái)的轉(zhuǎn)發(fā)量和轉(zhuǎn)化率也相對(duì)較低。

屏幕快照 2015-12-24 下午5.17.57

進(jìn)階:

  • 交互式H5
  • 實(shí)現(xiàn)難度:★★
  • 開(kāi)發(fā)周期:2-3day
  • 用戶(hù)參與指數(shù):★★
  • 分享指數(shù):★★
  • 所需資源:一枚H5策劃;一枚視覺(jué)設(shè)計(jì)師;一枚交互設(shè)計(jì)師;一枚前端工程師;一臺(tái)服務(wù)器

進(jìn)階第一級(jí),在大家對(duì)H5的不斷嘗試過(guò)程中,一些公司率先將豐富的交互效果加入到了H5頁(yè)面中,點(diǎn)亮了“交互設(shè)計(jì)”的技能樹(shù)。H5頁(yè)面不再是呆板的一頁(yè)一頁(yè)切換了,不再需要你去等待一個(gè)個(gè)特效加載完。

用戶(hù)體驗(yàn)開(kāi)始進(jìn)入H5頁(yè)面的設(shè)計(jì)過(guò)程中。

因?yàn)閷?duì)用戶(hù)體驗(yàn)的挖掘和交互效果的實(shí)現(xiàn),H5從體驗(yàn)上開(kāi)始讓用戶(hù)有了參與感,因?yàn)閰⑴c感的提升,用戶(hù)的分享指數(shù)也帶來(lái)了進(jìn)一步提升。最典型的一個(gè)例子就是神州專(zhuān)車(chē)的“史上最長(zhǎng)加班夜!”

屏幕快照 2015-12-24 下午5.18.36

測(cè)試/答題類(lèi),提交表單H5

  • 實(shí)現(xiàn)難度:★★
  • 開(kāi)發(fā)周期:2-3天
  • 用戶(hù)參與指數(shù):★★
  • 用戶(hù)分析指數(shù):★★
  • 所需資源:一枚H5策劃;一枚視覺(jué)設(shè)計(jì)師;一枚前端工程師;一枚后端工程師;服務(wù)器

進(jìn)階第一級(jí),除了交互設(shè)計(jì)方向,有人想到了是不是該點(diǎn)亮“數(shù)據(jù)庫(kù)”技能樹(shù)了。所以我們愉快的添加了一枚后端工程師,開(kāi)始搭建測(cè)試類(lèi)和答題類(lèi)的H5??赡苡腥藭?huì)疑惑小測(cè)試什么的不是前端工程師就能搞定了么?

原因是這樣的,從企業(yè)對(duì)獲取用戶(hù)數(shù)據(jù)的欲望是與生俱來(lái)的,你以為你做測(cè)試的時(shí)候真的只是做測(cè)試么?當(dāng)你填下你的選擇之后,你提交的數(shù)據(jù)開(kāi)始輸入企業(yè)的數(shù)據(jù)處理中心,分析你的喜好、分析你的需求、分析你的消費(fèi)水平、分析你的消費(fèi)態(tài)度,確定你是不是目標(biāo)受眾。

所以點(diǎn)亮“數(shù)據(jù)庫(kù)”技能樹(shù)之后,你會(huì)發(fā)現(xiàn)H5變得更聰明了,當(dāng)然企業(yè)也能收集到用戶(hù)的更多數(shù)據(jù)了。而且這個(gè)時(shí)候,我們就可以實(shí)現(xiàn)報(bào)名等等表單收集的功能了,有種連上世界的感覺(jué)了呢!

屏幕快照 2015-12-24 下午5.18.59

動(dòng)態(tài)小游戲

  • 開(kāi)發(fā)難度:★★★★
  • 開(kāi)發(fā)周期:1-2個(gè)周
  • 用戶(hù)參與指數(shù):★★★★
  • 用戶(hù)分享指數(shù):★★★★
  • 所需資源:一枚H5策劃;一枚視覺(jué)設(shè)計(jì)師;一枚交互設(shè)計(jì)師;一枚游戲開(kāi)發(fā)工程師;一枚后端工程師;一顆游戲引擎;服務(wù)器

在點(diǎn)亮“交互設(shè)計(jì)”和“數(shù)據(jù)庫(kù)”的技能樹(shù)之后,H5得到了快速的發(fā)展,這時(shí)候黑科技“游戲引擎”被點(diǎn)亮了。

標(biāo)志性事件就是火到?jīng)]有朋友的“圍住神經(jīng)貓”。一個(gè)簡(jiǎn)單的小游戲帶來(lái)的傳播效果實(shí)在是驚人,也讓大家看到了H5游戲的火熱前景,很多公司前赴后繼投入了H5游戲的開(kāi)發(fā)。

但是由于H5游戲的開(kāi)發(fā)成本較高,很多小公司可望而不可及,這個(gè)時(shí)候一些微信營(yíng)銷(xiāo)工具開(kāi)始進(jìn)入這個(gè)市場(chǎng)。在很多的微信營(yíng)銷(xiāo)工具上也出現(xiàn)了很多可以修改的游戲模板,但是這些游戲重復(fù)率太高,僅僅是簡(jiǎn)單的修改了一個(gè)UI,最后導(dǎo)致用戶(hù)視覺(jué)疲勞,已經(jīng)激發(fā)不起用戶(hù)的參與感了。

動(dòng)態(tài)小游戲要激起用戶(hù)的熱情已經(jīng)沒(méi)有那么簡(jiǎn)單了;需要策劃、創(chuàng)意、設(shè)計(jì)、游戲制作以及激勵(lì)手段的緊密配合。

屏幕快照 2015-12-24 下午5.19.28

功能型H5

  • 開(kāi)發(fā)難度:★★★
  • 開(kāi)發(fā)周期:?1-2周
  • 用戶(hù)參與指數(shù):?★★★★
  • 用戶(hù)分享指數(shù):?★★★
  • 所需資源:?一枚H5策劃;一枚視覺(jué)設(shè)計(jì)師;一枚交互設(shè)計(jì)師;一枚前端工程師;一枚后端工程師;一臺(tái)服務(wù)器;

在還有一個(gè)從H5誕生就被賦予極大想象空間的技能樹(shù),“H5輕應(yīng)用”的技能樹(shù)也開(kāi)始被點(diǎn)亮。在微信還沒(méi)有撐起H5這個(gè)市場(chǎng)的時(shí)候,“輕應(yīng)用”這個(gè)概念就被廣泛提及,百度還有一些瀏覽器廠(chǎng)商都想建立起來(lái)相關(guān)的生態(tài)鏈,但是都不算成功。

  • 對(duì)于用戶(hù)來(lái)說(shuō):功能性的H5能提供一些使用頻次較高的功能,免除下載App的麻煩,比如查快遞、房間預(yù)訂等功能。
  • 對(duì)于企業(yè)來(lái)說(shuō),需要將功能型的H5當(dāng)作一個(gè)產(chǎn)品來(lái)對(duì)待,不斷的迭代,滿(mǎn)足用戶(hù)需求。

屏幕快照 2015-12-24 下午5.19.47

上面提到的只是常見(jiàn)的一些H5的形式,在H5這個(gè)大樹(shù)上,還有更多的技能等待被點(diǎn)亮;在做H5的時(shí)候可以根據(jù)不同的需求選擇不同的技能疊加,會(huì)給你的H5帶來(lái)意想象不到的buff加持

 

本文由 @寧顯鼎(公眾號(hào)“老貓觀(guān)”)原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 未來(lái)應(yīng)用,看下他們的案例跟官網(wǎng),啟發(fā)性比較直接

    來(lái)自北京 回復(fù)
  2. 去未來(lái)應(yīng)用官網(wǎng)感受下 立刻才思如泉涌 H5最牛的 個(gè)人感覺(jué)

    來(lái)自北京 回復(fù)
    1. 今天看看這個(gè)網(wǎng)站 竟然遇到興趣相投的人 我也喜歡未來(lái)應(yīng)用 交個(gè)朋友吧

      來(lái)自北京 回復(fù)