H5页面制作工具测评

              【科技讯】3月23日消息，自14年10月，HTML5标准规范正式定稿和发布，再加上微信的带动，H5页面火了。国内衍生出了各种H5页面制作工具、H5引擎等等，大家都想分H5这杯羹。
要说市面上最流行的H5页面制作工具，当属易企秀。易企秀提供类似PPT页面切换的HTML5制作工具，通常面向C端（个人）用户，部分为B端（企业）用户。易企秀致力于轻营销，提供了大量的模板供用户免费或付费使用，操作简单上手，但是易企秀所能提供的页面动态效果局限于翻页。
与此同时，为了不局限于易企秀类的翻页H5，市场上出现了另外一些专业的H5页面制作工具，开发出了能实现各样复杂交互的H5工具，功能最强大的当属iH5。还有一类是功能介于易企秀和iH5之间的工具，如epub360，操作界面类似PPT，其他交互功能模板化，属于模块导向的H5工具。
 
今天以iH5、epub360、易企秀为例，对这3类H5页面制作工具进行全面的对比和测评。
 
一、操作界面分析——涉及编辑的灵活度

易企秀在PC端和手机端都有编辑器，PC端划有四大分区，操作起来很像PPT，免费用户不能缩放编辑界面，操作起来稍稍卡顿。易企秀的操作界面有模板区，暗含较低的学习门槛。菜单工具以模块组件为主，表示有限的可拓展性。易企秀的基本结构为页面布局，决定H5的交互效果以翻页为主。
 
iH5的编辑器是PC端网站，以可视化编辑为主并提供HTML5源码，界面有点像PS，可缩放，操作起来比较舒服和流畅。基本结构为DOM，工具思路以交互为主。以对象组件为主，表示可拓展性较强，支持PSD文件上传编译。输出区同时作为编辑区，对资源处理过程进行可视化，编辑过程灵活。
 
Epub360的编辑器是PC端网站，它封装的是模块化（Modularization）模型，提供的组件框架格式基本是固定且相互割裂的，比如计时器、评论组件等。这就意味着，对组件的操作很大程度局限在修改内容上，基本丢失了H5交互的意义。受模型框架影响，并不支持PSD文件直接上传，操作灵活度低。
 
二、H5工具功能对比
首先对比iH5和易企秀的功能，是专业H5工具和轻营销模板类工具的对比。

从上图可以看出易企秀的功能比iH5少了2倍还多，部分功能收费。原因可能是易企秀等类PPT模板类H5工具做的是轻营销，主打翻页类的H5，没有那么多复杂的交互功能，它面向的是小企业以及个人用户。而专业的H5工具讲究的是大而全，它必须覆盖足够多的功能，才能满足大中小企业的各种需求。
 
接下来对比iH5和Epub360的功能，是专业H5工具和模块导向H5工具的对比。

 
从上图可以看出，iH5组件功能数达到51个，多出将近20个，而且组件开发都基于交互基础，因此更能延伸出成千上万种复合型的交互可能，但模块导向的Epub360显然心有余而力不足，和易企秀一样，基本结构是页面布局，能实现的功能自然会局限。只能说术业有专攻，产品定位不同，自然实现的功能也不同。
 
三、网站活跃流量
网站活跃流量反应网站有多少人浏览，即网站热度，观察网站首页的可视化数据可得。

综合对比，iH5网站首页作品浏览量大部分超10万，网站热度高。易企秀网站首页作品浏览量平均在6000，而epub360比易企秀还低，最少的甚至才几百。
 
四、H5数据监测

上图是iH5、易企秀和epub360针对免费用户推出的案例数据监测功能，共同点是都有流量时段对比和传播总量。
不同点是iH5增加了H5在微信打开和分享的渠道占比分析，这个功能易企秀是收费的。易企秀则增加了互动次数功能。Epub360的数据统计较粗略，只有数据总量。
 
除此之外，iH5向企业用户开放精准数据统计后台——H5 VALUE，为单个案例分析地域流量、终端流量、浏览时段、传播指数、活跃用户量等细分化指标，也支持多个案例对比。易企秀也针对企业高级用户开放数据后台，但功能较少。

 
五、教学资源
对于初学者来说，迅速上手一个工具，依赖教学资源。
（1）垂直化的视频教学

iH5共收纳197个教学视频，内容垂直程度高，实用性高。教学视频涵括新手必学、进阶必备、特效使用、工具字典、案例学习五大类型。每个类型针对不同的功能，细分出不同的教学，方便用户各取所需、即学即用。
易企秀共收纳48个教学视频，入口在官网的论坛里面，内容虽完整，但是由于依托优酷平台，每次看都得看广告，不能获取素材，体验较差。
Epub360共收纳48个教学视频，内容较发散，实用性低。教学视频只分为“初、中、高级教程”三种，学习路线下的教学视频纯粹是功能介绍，无实质性意义，用户看完还处于云里雾里的感觉。
 
 
（2）系统化的教学闭环
iH5除了教学视频，还设有线上直播课、线下学院课堂，形成从线上到线下的教学闭环。
Epub360除了教学视频，只剩下帮助文档和常见问题解答。想百分百掌握，还得靠自己连滚带爬地摸索...
易企秀除了教学视频，也设有线上直播课。不过易企秀如此简单的工具，也不需要有那么多教学资源。
 
六、付费相关
（1）模板商城的付费
易企秀有5000多个模板，54%收费模板，价格涵盖10-60元，最低充值是500元。
iH5只有184个精美模板，但新模板上架24小时内免费这一点真的很实惠，后期付费的价格在1-50元，最低充值50元。
Epub360可复制的模板只有14个，模板类型单一，复用价值低，数量少，更新慢。
 
（2）个人用户的付费
易企秀部分功能收费，如添加长页面、编辑区缩放、PSD导入、计数器禁止重复提交的功能等等。
iH5个人用户免费使用工具全部组件（51个），不限定作品创建数量。
Epub360个人用户需付费才能使用高级表单等组件，还限定10个作品创建数量,还规定储存空间为2GB。
 
 
（3）企业用户的付费

 
易企秀对付费样例、去尾页标识、自定义加载LOGO、场景保障服务四种主要用于企业的服务进行收费，套餐外单独收取费用的项目杂多，比如以易企秀最高级的企业版本为例，规定一年付费样例40次，去尾页200次，自定义加载logo200次等。
 
iH5对自定义微信授权、自定义LOGO加载、调用第三方JS函数和作品嵌入第三方网站四种主要用于企业的服务进行收费，其中微信授权费用为1元/月，无其他单独收取的费用，属于“一劳永逸”型。
 
Epub360对隐藏域名、广告流量、自定义LOGO加载三种主要用于企业的服务进行收费，套餐外单独收取费用的项目杂多，比如广告流量另外收取扩充费用30元/50G，绑定独立域名需一次性支付2000元开通，案例导出另外收费。
 
 
综上所述，从6个方面可以对比出三类H5页面制作工具——专业H5制作工具、类PPT模板类工具（易企秀）、模块导向H5工具的区别。
 
简单地说，易企秀和Epub360适合低流量曝光的轻度营销，通过HTML5的跨平台特性，弱化交互的概念，强化模板式展示，把传统离线PPT转换到手机上展示。
 
而iH5以交互作为开发目的，让交互功能间的组合更具复合性和创造性，更适合高流量的深度营销，极大程度压缩开发成本的同时，干掉前端，取代程序员在移动页面开发中的角色。

 

微信搜索并关注科技讯公众账号：kejixun 更多精彩，早知道！