HTML5

设计师之家

H5素材|H5资讯|H5场景 > 资讯 >

HTML5工具专业评测★六张图读懂iH5和意派360

2016-02-18

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加载、调用第三方JS函数和作品嵌入第三方网站四种主要用于企业的服务进行收费,其中微信授权费用为1元/月,所有增值服务按年计最高为12012元,为意派的五分之一。

        ·

        虽然iH5和意派均提供基于云端的可视化编辑服务,但通过用户、功能、性能、结构、和成本五个方面的对比,可以看出两者还是存在很大区别。

        简单地说,意派属于轻度营销类H5工具,是通过利用HTML5的跨平台特性,把传统的离线PPT转换为在线展示;而iH5是以交互为思路的基础工具,能最大程度地取代程序员在网页设计中的角色。

        以上文章为@HTML互动大师提供稿件。

         

1-10/1844查看更多