国内三大HTML5平台的对比分析

  2015年,国内HTML5平台以提供制作和开发工具为主,分为轻营销模板类(如易企秀)、功能引擎类和基础工具类(如iH5)三种。伴随这些平台的逐步发展,HTML5行业开始由技术应用转向整个行业的良性生态化。

  2014年,在微信平台的帮助下,HTML5社交小游戏获得爆炸式传播,同期为HTML5平台以提供制作工具服务进入市场的起点。到了2015年,越来越多公司在HTML5品牌推广上进行布局。

  6至7月份起,鸡汤、自媒体等个人作品呈下降趋势,商企用户作品则保持高速增长。在商业需求的驱动下,HTML5页面设计的目的性更强,获得最好传播效果的基本是经过一定时间策划,在团队操作下有针对性地进行投放的企业案例。

  相对应地,原有HTML5平台也进行了大面积升级。从平台性质而言,HTML5平台可分为轻营销模板类、功能引擎类和基础工具类三种,分别以易企秀、白鹭引擎和iH5为代表。

  提供类似PPT页面切换的HTML5制作工具,通常面向C端(个人)用户,部分为B端(企业)用户。该类平台的数量较大,只适用于轻度营销,所能提供的页面动态效果局限于翻页。

  提供HTML5网页的开发引擎,通常面向B端用户。该类平台主要提供基于Canvas(画布)的游戏引擎,适用于轻游戏的开发,依赖于开发者。

  提供用于页面交互的HTML5可视化编辑工具,主要面向B端用户,部分为C端用户。该类平台只有iH5,采用自主研发的闭源引擎,应用领域广泛,涵盖轻度营销、重度营销、媒体电商内容应用、视频、动画、游戏等方面。

  与浏览器多采用谷歌开源引擎的状况相近,国内HTML5平台基本使用国内外开源框架或引擎。但和浏览器面向网页内容显示,只需提供高性能的技术支持不同,HTML5平台面向的是HTML5制作或开发,需要对网页质量负责。因此,使用开源框架或引擎意味着这些HTML5平台进一步拓展业务会比较被动,容易面临同质化的困境。

  轻营销模板类HTML5平台只能做轻度营销,能实现翻页等简单动效,分为场景展示、电子出版和动画制作三种。该类平台最大的共同点在于工具结构以页面为基础,与软件PowerPoint架构相近,能通过增减页面、使用功能组件和点击快捷菜单来调整内容。

  2015年国内展示应用类市场份额最大的是易企秀,采用Bootstrap、Angular之类的开源前端框架。如图1为其PC端工具的基本架构,划有四大分区。它的分区设置分别对应着展示应用类HTML5工具的四个重要特征:

  在窗口中固定模板区,有利于强化场景应用或电子出版的设计定位,同时说明模板和工具的易用性较强,容易学习。

  不同模块分别装有一组固定对象,单个对象无法独立出来,因此只能在模块整体中进行对象编辑操作。

  展示应用类平台的桌面在线编辑器和移动APP工具一律使用页面结构,相当于借助HTML5的跨平台特性,把传统的离线演示文稿转换为在线)手机形状的输出工作台,可见基本面向微信应用。

  展示应用类HTML5平台由于采取开源框架或引擎,自主开发能力有限,采用PPT的设计思路,某种程度上有悖于HTML5开发的初衷。但这类平台迎合了大部分个人用户的制作需求,能提供基础的在线.功能引擎类平台

  引擎相当于一套可编辑的源码系统,能让开发者在现成框架内快速创建项目。功能引擎类HTML5平台提供游戏和非游戏两种引擎,应用较广的是游戏引擎。

  引擎是HTML5工具的基础,预先部署合适的对象处理机制,常和工具套件配合使用。因此,白鹭通过技术论坛等社区,整合国外一些开源框架资源,把它们包装成编辑工具或插件提供开发者下载使用。

  图2为Egret Wing软件设计师视图下的基本架构。该软件面向HTML5移动游戏的开发,体现了国内游戏引擎类HTML5工具的三个重要特征:

  引擎的作用在于把基础代码流程化,则在HTML5引擎的支持下设计软件,HTML5平台就能通过让用户使用软件组件来简化开发过程。因此,功能引擎类HTML5平台的用户专指性很强,主要是有开发经验的技术人员。

  由于基于第三方集成开发环境Adobe Air开发构建,从界面上看Egret Wing与Adobe系列软件很相似,但其实它的功能更接近于Eclipse等开发工具。因此它可视化的并非资源对象的编辑,而主要为资源的管理。

  HTML5的一个重要特性即引入元素和一些相关的图形绘制API,HTML5游戏开发使用Canvas,有利于渲染速度的提高。

  基础工具类HTML5平台提供底层交互型产品,开发目的、设计原理和实现思路都以交互为基础,国内只有iH5。

  和展示应用类HTML5平台相似,iH5的桌面工具也是PC端网站,以可视化编辑为主并提供HTML5源码,但架构上更接近于设计软件和开发软件的结合。如图3所示,分区设置体现了基础工具类HTML5平台的三个重要特征:

  通过“对象树”把对象作为一个个结点进行管理,对象就是资源管理和页面编辑的基本单元,因此能提供多元化的交互方法。但这也意味着工具使用过程中需要培养编程思维,含有一定学习成本。

  iH5平台工具栏提供的是舞台、屏幕、页面、多媒体素材、事件、数据库等对象组件,而不是构建好的模块组件。这些对象近似于HTML5标准中的各个元素,通过设置这些对象的属性,即对各元素的参数进行规定。

  在输出工作台上可以对图片、视频和网页等素材进行尺寸、位置的简单编辑,完成一定的可视化操作,但编辑主要依赖于参数区的属性设置。

  因为整体上移动端浏览器对HTML5的支持优于PC端,2015年HTML5平台主要面向移动端网页的制作和开发。

  如上表,三种HTML5平台以PC网站、APP和软件三种形式提供制作或开发工具,成品为网页或HTML5源码。

  其中,HTML5游戏引擎利用2D Canvas进行渲染,虽然能提高网页速度,但也存在两个劣势:

  缺乏屏幕自适应方案,没有额外修改时,开发出的网页难以适用于不同屏幕尺寸。

  其他类型的HTML5平台能提供诸如滑动等交互效果,取决于其网页采用DOM结构,因而具有较强的交互能力。屏幕自适应方面,HTML5平台做得最好的是iH5的多屏幕感应式设计方案,能为同一个网页设置不同尺寸大小的屏幕,自动监测相近尺寸设备进行自适应。因此,从长远来看,基础工具类平台由于在工具设计上自主性较强,更有可能获得较好发展。

  同样是HTML5规范,对HTML5技术与性能的取舍成为国内HTML5平台工具定位和提供服务的差别所在。

  国内展示应用类平台的活跃用户量较大,但受工具功能限制,成品受众比较有限;功能引擎类平台开发出的网页能保证较高的收益,但受工具开源限制,平台需要探索有效的盈利模式;基础工具类平台的活跃用户和流量较高,但受工具复杂性限制,缺乏个人用户。

  2015年,易企秀逐渐在海外布局,白鹭把重心放在开发解决方案,iH5推出了社交功能和交易平台。不同HTML5平台的优劣主要与平台定位有关,但可以肯定的是盈利模式更好的平台未来更有可能获得较好发展。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上海广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

相关阅读