歡迎關注微信公眾號“老貓觀”
H5到底是什么？你的H5技能樹點歪了嗎？
雖然現(xiàn)在互聯(lián)網(wǎng)圈開口閉口就談H5滨嘱，前段時間去了一個昆明本地的一個讀書沙龍峰鄙，和大家聊天的時候很自然的就和大家談到了H5？ 然后就有人問我H5到底是什么太雨？
我一下子也懵了吟榴，不知道該怎么向他們解釋。
說是HTML第五代標準么囊扳？這種解釋太性冷淡了吧吩翻！而且和我要說的內(nèi)容也不符合。
然后我想“微場景”這個詞會不會準確一些呢锥咸？這樣的詞說出來其他人就更不知所云了狭瞎。
我當時只能給他們解釋，你們還記得在朋友圈里那些打開后的動態(tài)頁面吧搏予？那就用H5技術實現(xiàn)的熊锭，所以簡稱H5了。
我就想了一下雪侥，我們平時在工作中微信里跳轉的鏈接大概分為兩類：一種我們會叫它web頁面碗殷，雖然也是用H5寫的；另一種我們才會把它叫做H5校镐。實在是水平不夠亿扁，沒找到合適的文字進行描述，所以直接上圖大家感受一下吧鸟廓！
我也給不了大家對于H5的明確定義，既然定義下不了襟己，那么就用舉例法來搞定這個事情吧引谜！
也算是給大家科普和整理下現(xiàn)有的H5形式啦！
初階：
幻燈片玩法
實現(xiàn)難度：★
開發(fā)周期：1-2天
用戶參與指數(shù)：★
分享指數(shù)：★
所需資源：一枚活動策劃擎浴，一枚設計師员咽，第三方H5制作工具（易企秀、MAKA等等等）
H5的初階形式就是幻燈片贮预，基本上就是把PPT移到了手機上來贝室。有很多的第三方制作工具都能夠完成這個工作，百度一下全都有仿吞。PPT移到手機屏幕上會發(fā)生什么呢滑频？和PPT行業(yè)一樣的，全靠制作者的設計感唤冈。
高逼格性冷淡的有峡迷，無所畏懼彈彈彈的也有，滿屏文字不考慮用戶體驗的也有。不管怎樣绘搞，H5行業(yè)點亮了“視覺設計”的技能樹彤避。
對于企業(yè)來說，利用這種H5去迎合熱點夯辖。因為制作成本低琉预，能夠做到快速反應。如果有清晰的策劃蒿褂，熟練的設計師從設計到制作完成模孩，差不多一天時間就能搞定。但是因為只是像PPT一樣去簡單敘事贮缅，用戶的參與感極低榨咐，帶來的轉發(fā)量和轉化率也相對較低。
進階：
交互式H5
實現(xiàn)難度：★★
開發(fā)周期：2-3day
用戶參與指數(shù)：★★
分享指數(shù)：★★
所需資源：一枚H5策劃谴供；一枚視覺設計師块茁；一枚交互設計師；一枚前端工程師桂肌；一臺服務器
進階第一級数焊，在大家對H5的不斷嘗試過程中，一些公司率先將豐富的交互效果加入到了H5頁面中崎场，點亮了“交互設計”的技能樹佩耳。H5頁面不再是呆板的一頁一頁切換了，不再需要你去等待一個個特效加載完谭跨。
用戶體驗開始進入H5頁面的設計過程中干厚。
因為對用戶體驗的挖掘和交互效果的實現(xiàn)，H5從體驗上開始讓用戶有了參與感螃宙，因為參與感的提升蛮瞄，用戶的分享指數(shù)也帶來了進一步提升。最典型的一個例子就是神州專車的“史上最長加班夜谆扎！”
測試/答題類挂捅，提交表單H5
實現(xiàn)難度：★★
開發(fā)周期：2-3天
用戶參與指數(shù)：★★
用戶分析指數(shù)：★★
所需資源：一枚H5策劃；一枚視覺設計師堂湖；一枚前端工程師闲先；一枚后端工程師；服務器
進階第一級无蜂，除了交互設計方向伺糠，有人想到了是不是該點亮“數(shù)據(jù)庫”技能樹了。所以我們愉快的添加了一枚后端工程師酱讶，開始搭建測試類和答題類的H5退盯。可能有人會疑惑小測試什么的不是前端工程師就能搞定了么？
原因是這樣的渊迁，從企業(yè)對獲取用戶數(shù)據(jù)的欲望是與生俱來的慰照，你以為你做測試的時候真的只是做測試么？當你填下你的選擇之后琉朽，你提交的數(shù)據(jù)開始輸入企業(yè)的數(shù)據(jù)處理中心毒租，分析你的喜好、分析你的需求箱叁、分析你的消費水平墅垮、分析你的消費態(tài)度，確定你是不是目標受眾耕漱。
所以點亮“數(shù)據(jù)庫”技能樹之后算色，你會發(fā)現(xiàn)H5變得更聰明了，當然企業(yè)也能收集到用戶的更多數(shù)據(jù)了螟够。而且這個時候灾梦，我們就可以實現(xiàn)報名等等表單收集的功能了，有種連上世界的感覺了呢妓笙！
動態(tài)小游戲
開發(fā)難度：★★★★
開發(fā)周期：1-2個周
用戶參與指數(shù)：★★★★
用戶分享指數(shù)：★★★★
所需資源：一枚H5策劃若河；一枚視覺設計師；一枚交互設計師寞宫；一枚游戲開發(fā)工程師萧福；一枚后端工程師；一顆游戲引擎辈赋；服務器
在點亮“交互設計”和“數(shù)據(jù)庫”的技能樹之后鲫忍，H5得到了快速的發(fā)展，這時候黑科技“游戲引擎”被點亮了炭庙。
標志性事件就是火到?jīng)]有朋友的“圍住神經(jīng)貓??”饲窿。一個簡單的小游戲帶來的傳播效果實在是驚人，也讓大家看到了H5游戲的火熱前景焕蹄，很多公司前赴后繼投入了H5游戲的開發(fā)。
但是由于H5游戲的開發(fā)成本較高阀溶，很多小公司可望而不可及腻脏，這個時候一些微信營銷工具開始進入這個市場。在很多的微信營銷工具上也出現(xiàn)了很多可以修改的游戲模板银锻，但是這些游戲重復率太高永品，僅僅是簡單的修改了一個UI，最后導致用戶視覺疲勞击纬，已經(jīng)激發(fā)不起用戶的參與感了鼎姐。
動態(tài)小游戲要激起用戶的熱情已經(jīng)沒有那么簡單了；需要策劃、創(chuàng)意炕桨、設計饭尝、游戲制作以及激勵手段的緊密配合。
功能型H5
開發(fā)難度：★★★
開發(fā)周期： 1-2周
用戶參與指數(shù)： ★★★★
用戶分享指數(shù)： ★★★
所需資源： 一枚H5策劃献宫；一枚視覺設計師钥平；一枚交互設計師；一枚前端工程師姊途；一枚后端工程師涉瘾；一臺服務器；
在還有一個從H5誕生就被賦予極大想象空間的技能樹捷兰，“H5輕應用”的技能樹也開始被點亮立叛。在微信還沒有撐起H5這個市場的時候，“輕應用”這個概念就被廣泛提及贡茅，百度還有一些瀏覽器廠商都想建立起來相關的生態(tài)鏈秘蛇，但是都不算成功。
對于用戶來說：功能性的H5能提供一些使用頻次較高的功能友扰，免除下載App的麻煩彤叉，比如查快遞、房間預訂等功能村怪。
對于企業(yè)來說秽浇，需要將功能型的H5當作一個產(chǎn)品來對待，不斷的迭代甚负，滿足用戶需求柬焕。
上面提到的只是常見的一些H5的形式，在H5這個大樹上梭域，還有更多的技能等待被點亮斑举；在做H5的時候可以根據(jù)不同的需求選擇不同的技能疊加，會給你的H5帶來意想不到的buff加持病涨。
今天配圖了喲富玷，希望你的閱讀的還算愉快。
關注“老貓觀”既穆，從產(chǎn)品角度去分享小知識赎懦，希望有更多新收獲。
