H5工具中,比较常听到的是易企秀这种以APP为主的移动展示工具。这种类型的H5工具,定位为手机PPT的在线展示,操作简单,个人用户较多。
但从功能丰富度和实用性角度,国内属于行业顶尖的是iH5和意派两家,它们具有两个共同的基本特征:
(1)提供HTML5页面的可视化编辑器;
(2)通过电脑端网页在线 *** ,能一键生成链接。
然而,两者在本质上有所差别,iH5偏向于底层交互,意派偏向于轻度营销。这两个区别表面看上去很简单,背后有什么深意?
第1张图:用户的差别
类比图像 *** 软件,可以简单地概括为:
iH5:H5界的Photoshop,以企业用户为主;
意派:H5界的美图秀秀,以个人用户为主。
从上图可以看出,使用iH5的设计师,主要接受不同规模公司的定制需求,但也有部分个人用户。由于面向底层交互,iH5提供的功能都是基础应用类型的,基本替代了传统上由专业程序员编写HTML5代码的工作,更受企业青睐。因此,使用该工具的设计师一般处于品牌推广团队中,负责成品页面的实现。
使用意派的设计师,大部分接受来自个人或小公司的 *** 需求,但也有部分企业用户。这种面向轻营销的H5工具,相当于把PPT实现的功能通过在线网页展示出来,交互思路以翻页为主,更适用于个人用户。但由于个人市场目前被易企秀这类更容易上手的APP所占领,意派所占份额实际比较有限。
第2-3张图:功能的差别
H5页面 *** 服务所需组件主要有四种类型:
(1)多媒体:iH5比意派多6个功能;
(2)容器:iH5比意派多6个功能;
(3)数据应用:iH5比意派多7个功能;
(4)特效:iH5比意派多8个功能.
在上图中,标示Epub 360的四个彩 *** 域表示意派和iH5重叠的组件服务,灰 *** 域表示iH5独有的组件。
意派在多媒体方面提供的服务与iH5比较接近,但在容器、数据应用和特效三个方面都不及iH5的二分之一。如果只计算意派不具有的组件服务,iH5比意派多27个组件,但由于两种工具部分组件存在交叉现象,从总量上看相差20个。
为什么会产生这样的差距?
第4张图:性能的差别
在iH5独有的组件中,具有决定性作用的是“万金油”式的事件(组),能通过逻辑判断为其他组件拓展出无限种可能:
手指按住屏幕的时间长短;
手势擦除面积的大小;
微信录音的开始或结束;
数据提交次数是否超限。
上图是iH5在视频组件下添加一个事件时,配套的18种触发条件,表示能为视频做18种逻辑判断。
是否使用事件机制,对工具性能有很大影响——
(1)通过事件,iH5的设计师能对交互行为进行逻辑判断,并设计各种各样的反馈动作,比如设置视频播放到某一时刻时弹出广告。因此,用户能利用事件的组合,规定成千上万种“如果……就……”的反应情形。
(2)没有事件,所有的组件都是割裂的,比如视频的播放只能局限在视频组件内部进行控制。这也导致意派有很多组件存在重复功能,因为每个组件的反馈机制基本是独立的。
在事件的帮助下,设计师可以实现很多传统上必须程序员介入才能完成的交互逻辑。既然事件那么重要,为什么国内H5工具中只有iH5使用事件机制?
第5张图:结构的差别
实际上,iH5和意派的差别取决于工具结构上的差异:
iH5:使用“对象树”管理资源,页面作为众多资源的一种;
意派:使用页面布局,主要提供基于页面的翻页交互。
下图为两个工具的编辑界面。
iH5以交互作为出发点,采用DOM(文档对象模型)结构,提供的组件基本是对象类型的,诸如屏幕、时间轴、数据库等。因此,用户能通过“对象树”对不同类型的组件进行管理,这也是事件机制可行的基础。
意派则以模板作为出发点,采用页面结构,提供的组件基本是模块类型的,诸如相册、计时器等。实际上,这种工具相当于收集不同类型HTML5网页模板的源码,把它们拆解成不同模块,再分别开发成套件。因此,用户只能在预设格式的套件内调整内容,拓展性较低。
第6张图:成本的差别
从费用上来看,两种工具的使用成本也有所差异:
iH5:所有组件的使用均免费,对4种服务按需收费;
意派:7个组件的使用需要付费,对12种服务收取年费。
意派将账号分为体验版、基础版、专业版、企业版和企业增强版五种类型,在作品创建数量、存储空间、表单、数据应用等基础功能上均有限制,并对加载LOGO等服务进行收费,年费更高达59999元。
iH5对自定义微信授权、自定义LOGO加载、调用第三方 *** 函数和作品嵌入第三方网站四种主要用于企业的服务进行收费,其中微信授权费用为1元/月,所有增值服务按年计更高为12012元,为意派的五分之一。
虽然iH5和意派均提供基于云端的可视化编辑服务,但通过用户、功能、性能、结构、和成本五个方面的对比,可以看出两者还是存在很大区别。
简单地说,意派属于轻度营销类H5工具,是通过利用HTML5的跨平台特性,把传统的离线PPT转换为在线展示;而iH5是以交互为思路的基础工具,能更大程度地取代程序员在网页设计中的角色。