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

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

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

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

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

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

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

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

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

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

初階:

幻燈片玩法

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

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

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

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

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

進(jìn)階:

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

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

用戶體驗(yàn)開始進(jìn)入H5頁面的設(shè)計(jì)過程中。

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

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

測試/答題類,提交表單H5

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

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

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

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

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

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

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

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

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

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

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

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

功能型H5

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

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

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

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

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

 

本文由 @寧顯鼎(公眾號(hào)“老貓觀”)原創(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. 未來應(yīng)用,看下他們的案例跟官網(wǎng),啟發(fā)性比較直接

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

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

      來自北京 回復(fù)