原标题：H5到底是什么？你的H5技能树点歪了吗？
虽然现在互联网圈开口闭口就谈H5，前段时间去了一个昆明本地的一个读书沙龙，和大家聊天的时候很自然的就和大家谈到了H5？ 然后就有人问我H5到底是什么？
我一下子也懵了，不知道该怎么向他们解释。
说是HTML第五代标准么？这种解释太性冷淡了吧！而且和我要说的内容也不符合。
然后我想“微场景”这个词会不会准确一些呢？这样的词说出来其他人就更不知所云了。
我当时只能给他们解释，你们还记得在朋友圈里那些打开后的动态页面吧？那就用H5技术实现的，所以简称H5了。
我就想了一下，我们平时在工作中微信里跳转的链接大概分为两类：一种我们会叫它web页面，虽然也是用H5写的；另一种我们才会把它叫做H5。实在是水平不够，没找到合适的文字进行描述，所以直接上图大家感受一下吧！
我也给不了大家对于H5的明确定义，既然定义下不了，那么就用举例法来搞定这个事情吧！
也算是给大家科普和整理下现有的H5形式啦！
初阶：幻灯片玩法- 实现难度：★
- 开发周期：1-2天
- 用户参与指数：★
- 分享指数：★
- 所需照片：一枚活动策划，一枚设计师，第三方H5制作工具（易企秀、MAKA等等等）
H5的初阶形式就是幻灯片，基本上就是把PPT移到了手机上来。有很多的第三方制作工具都能够完成这个工作，百度一下全都有。PPT移到手机屏幕上会发生什么呢？和PPT行业一样的，全靠制作者的设计感。
高逼格性冷淡的有，无所畏惧弹弹弹的也有，满屏文字不考虑用户体验的也有。不管怎样，H5行业点亮了“视觉设计”的技能树。
对于企业来说，利用这种H5去迎合热点。因为制作成本低，能够做到快速反应。如果有清晰的策划，熟练的设计师从设计到制作完成，差不多一天时间就能搞定。但是因为只是像PPT一样去简单叙事，用户的参与感极低，带来的转发量和转化率也相对较低。
进阶：- 交互式H5
- 实现难度：★★
- 开发周期：2-3day
- 用户参与指数：★★
- 分享指数：★★
- 所需照片：一枚H5策划；一枚视觉设计师；一枚交互设计师；一枚前端工程师；一台服务器
进阶第一级，在大家对H5的不断尝试过程中，一些公司率先将丰富的交互效果加入到了H5页面中，点亮了“交互设计”的技能树。H5页面不再是呆板的一页一页切换了，不再需要你去等待一个个特效加载完。
用户体验开始进入H5页面的设计过程中。
因为对用户体验的挖掘和交互效果的实现，H5从体验上开始让用户有了参与感，因为参与感的提升，用户的分享指数也带来了进一步提升。最典型的一个例子就是神州专车的“史上最长加班夜！”
测试/答题类，提交表单H5- 实现难度：★★
- 开发周期：2-3天
- 用户参与指数：★★
- 用户分析指数：★★
- 所需照片：一枚H5策划；一枚视觉设计师；一枚前端工程师；一枚后端工程师；服务器
进阶第一级，除了交互设计方向，有人想到了是不是该点亮“数据库”技能树了。所以我们愉快的添加了一枚后端工程师，开始搭建测试类和答题类的H5。可能有人会疑惑小测试什么的不是前端工程师就能搞定了么？
原因是这样的，从企业对获取用户数据的欲望是与生俱来的，你以为你做测试的时候真的只是做测试么？当你填下你的选择之后，你提交的数据开始输入企业的数据处理中心，分析你的喜好、分析你的需求、分析你的消费水平、分析你的消费态度，确定你是不是目标受众。
所以点亮“数据库”技能树之后，你会发现H5变得更聪明了，当然企业也能收集到用户的更多数据了。而且这个时候，我们就可以实现报名等等表单收集的功能了，有种连上世界的感觉了呢！
动态小游戏- 开发难度：★★★★
- 开发周期：1-2个周
- 用户参与指数：★★★★
- 用户分享指数：★★★★
- 所需照片：一枚H5策划；一枚视觉设计师；一枚交互设计师；一枚游戏开发工程师；一枚后端工程师；一颗游戏引擎；服务器
在点亮“交互设计”和“数据库”的技能树之后，H5得到了快速的发展，这时候黑科技“游戏引擎”被点亮了。
标志性事件就是火到没有朋友的“围住神经猫”。一个简单的小游戏带来的传播效果实在是惊人，也让大家看到了H5游戏的火热前景，很多公司前赴后继投入了H5游戏的开发。
但是由于H5游戏的开发成本较高，很多小公司可望而不可及，这个时候一些微信营销工具开始进入这个市场。在很多的微信营销工具上也出现了很多可以修改的游戏模板，但是这些游戏重复率太高，仅仅是简单的修改了一个UI，最后导致用户视觉疲劳，已经激发不起用户的参与感了。
动态小游戏要激起用户的热情已经没有那么简单了；需要策划、创意、设计、游戏制作以及激励手段的紧密配合。
功能型H5- 开发难度：★★★
- 开发周期：1-2周
- 用户参与指数：★★★★
- 用户分享指数：★★★
- 所需照片：一枚H5策划；一枚视觉设计师；一枚交互设计师；一枚前端工程师；一枚后端工程师；一台服务器；
在还有一个从H5诞生就被赋予极大想象空间的技能树，“H5轻应用”的技能树也开始被点亮。在微信还没有撑起H5这个市场的时候，“轻应用”这个概念就被广泛提及，百度还有一些浏览器厂商都想建立起来相关的生态链，但是都不算成功。
- 对于用户来说：功能性的H5能提供一些使用频次较高的功能，免除预告App的麻烦，比如查快递、房间预订等功能。
- 对于企业来说，需要将功能型的H5当作一个产品来对待，不断的迭代，满足用户需求。
上面提到的只是常见的一些H5的形式，在H5这个大树上，还有更多的技能等待被点亮；在做H5的时候可以根据不同的需求选择不同的技能叠加，会给你的H5带来意想象不到的buff加持。
本文由 @宁显鼎（公众号“老猫观”）原创发布于人人都是产品经理，未经许可，禁止转载。
相关：
近日，站方发现有部分用户在微博股票的个股页面中，发布大量相似、相同的点评内容，意图获得更多推荐，严重
本文第一部分和第二均翻译自Nikita Popov(nikic，PHP 官方开发组成员，柏林科技大学的学生) 的博客。为了更
本文第一部分和第二均翻译自Nikita Popov(nikic，PHP 官方开发组成员，柏林科技大学的学生) 的博客。为了更
腰在太极拳练习中具有重要作用，练太极拳要灵活转动腰，若不能灵活转动，将会无法提高太极境界。
解密阿里巴巴高可用架构技术——“异地多活”保障君·2015-12-19 20:57 架构师（WanZhuanBangHui） 我
kafka文件系统设计那些事2015-12-22 19:30 架构师（WanZhuanBangHui） 我们都是架构师！1.文件系统说明文件
分布式系统的特点以及设计理念王璞·2015-12-19 20:57 架构师（WanZhuanBangHui） 我们都是架构师！分
在Android平台，对于和硬件交互相关的模块来说，比如：和双卡对应的Telephony模块、和拍照对应的Camera模块
Oneko 是一个有趣的应用。它会把你的光标变成一只老鼠，并在后面创建一个可爱的小猫，并且始终追逐着老鼠光
MVC 的历史MVC，全称是 Model view Controller，是模型 (model)－视图 (view)－控制器 (controller) 的缩写