两款专业H5制作工具对比:iH5、意派Epub360
你也许已经发现,我们正在向“人人做H5”的时代迈进。随着国内HTML5技术的成熟,越来越多H5页面制作工具崛起,H5制作不再是小众的玩物,而是互联网经济的新产物。
据不完整统计,国内市面上存活的H5页面制作工具有超过50个,说是百家争鸣一点都不夸张。但用户量最多的当属iH5和Epub360两家,功能、技术水平等方面在国内都是屈指可数的。
两者都向用户提供可视化的HTML5编辑框架,打开电脑端网页即做即用,但性能上却迥然不同。
通过阅读这两家工具的相关资料,加上反复使用测试,以四大指标对比iH5和Epub360,重点在于帮助大家更客观地认识这两款H5页面制作工具:
1、内容制作
内容制作是使用H5页面制作工具的直接目的,这里把内容制作划分为两大评测模块:编辑方便度和功能覆盖度。编辑灵活程度越高,内容制作越高效;功能覆盖度越高,内容制作越有质量。
(1)编辑灵活度
iH5的对象管理系统完善,操作灵活度高,它封装了齐全的文档对象模型(DOM),提供的组件基本是对象类型的,比如全景容器、物理引擎、数据库等。它定义了所有HTML元素的对象和属性,以及相应的访问接口,这使不同对象间有了更多联动的可能。
换句话说,它支持在对象树上自主获取、修改、添加或者删除对象,用户能对不同类型的对象组件进行灵活管理,同时支持PSD文件上传编译。
Epub360的对象管理系统简洁,以页面为单位管理。但它封装的是模块化(Modularization)
模型,提供的组件框架格式基本是固定且相互割裂的,比如计时器、评论组件等。这就意味着,对组件的操作很大程度局限在修改内容上,基本丢失了H5交互的意义。
受模型框架影响,并不支持PSD文件直接上传,而且当页面下多个对象重叠时,不能直接选取最底层对象,非得一层层挪开,这是最抓人的吧...
(2)功能覆盖度
按市面上H5在多媒体范畴的应用,摘取常用于H5设计的功能,以此作为凭据,对比两个H5页面制作工具的功能覆盖度——
基于DOM封装开发的iH5组件功能数达到51个,比Epub360多出将近20个。在线制作h5页面另外,iH5的组件开发都基于交互基础,如果用得越熟练,往往会发现iH5能实现越来越多高水平的H5作品,更能延伸出成千上万种复合型的交互可能。反观Epub360,以模块导向可以给用户带来快餐式制作便利,但复用场景不多,在交互上更是显然心有余而力不足。
在上图中,表单类的基础多媒体组件服务,Epub360跟iH5很接近,但在高级多媒体组件上,远不及iH5那么全能。特别是去年行业刚兴起的全景模式,iH5的功能开发可以说是紧追流行趋势。
放眼数据应用组件,像输入框、文本框、数据提交这类底层的服务组件,Epub360虽然支持,但并不对个人用户免费开放。
2、学习成本
对于初学者来说,会更倾向于选择学习成本低的H5页面制作工具,如果它的学习成本远高于学习期望值,那么注定会流失一部分没耐心的用户。
按常理来说,H5页面制作工具的功能越丰富,学习成本越高。然而,iH5比Epub360多出20
个功能,学习成本却远低于Epub360。
这是为什么呢?
(1)垂直化的视频教学
iH5共收纳197个教学视频,内容垂直程度高,实用性高。教学视频涵括新手必学、进阶必备
、特效使用、工具字典、案例学习五大类型。每个类型针对不同的功能,细分出不同的教学,方便用户各取所需、即学即用,比如想两分钟创建一个H5处女作,或者建立一个H5网站,都能在这里到答案。
Epub360共收纳48个教学视频,内容较发散,实用性低。教学视频只分为“初、中、高级教程”三种,学习路线下的教学视频纯粹是功能介绍,实质性意义并不大,用户看完还处于云里雾里的感觉。
(2)系统化的教学闭环
iH5除了教学视频,还设有线上直播课、线下学院课堂,形成从线上到线下的教学闭环。这系统化的教学闭环,算是初学者的福音——线上课程掌握基础功能,线下课程学习案例临摹,在最短时间内熟练掌握,从小白进阶成H5大神,其实也没那么难。