援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

【概述】这几年有幸参与浙江日报、西藏日报新媒体中心建设,有幸与其他央媒、各省市党媒新媒体中心从业人员一起碰撞交流。即将结束援藏工作之际,将工作过程中一些思考进行了汇总,总共分13篇,此为第9篇,其他见文章底部链接。

【作者】蒋涛,浙江日报新媒体中心规划部主任、中宣部第一批组团式新媒体援藏组组长。

——————————

国内比较好的H5团队有人民日报新媒体中心、新华社新媒体中心、网易H5团队。网易坚持自己代码开发不用第三方平台工具,可惜了强大的策划能力。浙江日报新媒体中心H5团队也很厉害,只有3人兼顾其他业务的情况下也能每周流水线产出若干作品,有个爆款作品在获得朋友圈发布50万次、还有个爆款作品为公众号拉粉几万。

用第三方平台开发,不要代码开发

曾看到过某省级党媒新媒体中心的招聘H5开发人员启示,岗位需求描述完全是错误的,招到了也开发不了H5。写代码开发需要前端、后端、测试各类人才配齐,缺一个技术角色都无法运转,所以毫无疑问本来就缺人的新媒体中心开发H5要用第三方平台开发。用第三方平台开发H5,效率比写代码开发高起码10倍,有什么新技术也难以快速拿来用,第一篇提到过建议新媒体中心重点做新媒体产品,少而精的力量做新媒体技术服务。H5业务并没有核心到像网易那样建大规模技术团队。

两个主流制作平台介绍

各新媒体中心的H5作品制作工具,主要集中在iH5和木疙瘩两家。主要原因有两点:

1. 随着优秀第三方平台进化,H5的制作已不仅局限于前几年那种PPT式上下翻页、图文飞滚的H5类型。更多的优秀作品为游戏、动画特效类、外接第三方AI接口(如军装照)的H5(区别于传统PPT式H5,一般称为“互动H5”)。在此过程中一些没有跟上的老牌H5制作平台被边缘化。

2. iH5和木疙瘩在开源共享方面做的比较好,并形成了产业链,好的作品可以在“作品市场”上免费共享或收费使用,使各种创新能以“技术众筹”的模式下在全网的智慧下不断完善、站在前人基础上达到“一步步自己研究”不可能实现的一些应用高度(如仿支付宝VR抢红包H5、仿“跳一跳”游戏播报新闻)。

1. iH5

把常规研发中的前端开发几乎全部变成了零代码的各种选项设置,基本覆盖到了前端开发涉及到的大部分内容。(换句话说:前端开发能用代码实现的,用iH5平台基本都可以实现)

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

优点: 把常用、成熟的东西打包成了组件(比如3D模型、物体运动函数、仿VR、接口组件等),相比常规研发中心的前端开发省去了每一步自行研究,能触达更高的应用层次。

缺点:为了追求零代码,各种选项设置太多,调研时遇到一些场景:理解这些复杂的设置比理解不懂的代码还要费劲。

2. 木疙瘩

我第一次看到此平台的时候大吃一惊。我在2004~2008年做过上千个小时的FLASH。此平台将10多年前流行的FLASH的操作界面及结构完全照搬了过来,连所有快捷键都没换。编程语言用WEB中的JS代替了FLASH中的AS,把FLASH中的“场景”巧妙变成了“页面”。

优点:操作界面及逻辑、结构是经过数十年验证过的,比较科学、容易理解。比IH5容易上手。

缺点:动画相关占了过多比重、互动方面不如IH5。

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

使用这些平台的两种不同方法

1. 模板二次开发

例如iH5官方在微信“跳一跳”热点出现后,第一时间推出了面向媒体单位的“跳一跳”新闻展示模板,花费499元购买后即可下载下来,二次开发成自己需要的作品(主要是改视觉、改文案链接、改局部业务逻辑)。

利用模板可以达到较高的水平及时效性、学到更多全网智慧带来的经验。但存在“撞衫”风险,如果二次开发不彻底,申报“创新奖”等时底气不足。

2. 自主定制

不借助外部模板,利用平台自主进行策划、设计、制作。

这种方式需要的人才类型及技能较多,且协作成本较高。详见下面说明。

需要配备的人员

两个平台操作差异太大,需要选择其中一个平台为主,作一个比喻的话,木疙瘩平台是文艺青年,IH5平台是技术青年如果人力不足,最多出一两个人负责H5制作,那建议选择木疙瘩平台,产出一些简单动画、展示类H5。如果需要更复杂的效果、技术,需要使用IH5平台,需要配备以下人员:

1. 产品经理

掌握科学决策方法,对热点敏感,策划及对接相关业务部门、产出产品原型或动画脚本策划,并协调其他人员分工、落地。

2. 技术工程师

除了背诵平台各种快捷键、组件库,更要清楚平台能做到什么、不能做到什么,及升级趋势。(需要一些前端开发基础)。

这两个平台中的“互动”都是靠JS实现, WEB界面开发由外观性开发(HTML/CSS)和功能性开发(JS)组成,引用一句话介绍JS:

软件占据了世界,Web占据了软件领域,JavaScript占据了Web。React框架占据JavaScript。

(此句中的“框架”就类似报告前面提到的3D模型、物体运动函数、仿VR、接口工具等把成熟稳定的东西打包成组件,常规的“前端开发工程师”一般所熟悉的jQuer等框架与互动H5所需的框架并不一致。初步调研看到iH5用了自创的“框架”、木疙瘩似乎还没有“框架”。)

3. 动画制作及手绘师

人员编制不够也可不选此项,但平时遇到手绘或动画时产出会不太专业。

4. 界面UI视觉设计

设计师建议掌握两种UI风格:一是最普适的扁平动漫风(“飞碟说”那种),另外再掌握一种适合自己的简约风格(非简约风格容易吃力不讨好。FLASH动画流行时知名闪客都有自己显著的风格且普遍以简约为主)。

协作方式

不管什么开发,人员越少效率越高,但分工越细产出越精致。按上面的3~4人团队,协作方式为:

1. 产品经理确定需求、策划、产出原型,与业务需求方签字确认原型。

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

2. UI设计根据原型产出设计稿,并与业务方确认。

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

3. 技术根据设计稿在第三方平台进行开发、产品经理验收测试后,发业务方验收。

如果在这个阶段业务方提出修改,等于前面工作都白做了,所以第一阶段做原型时,一定要让业务方签字确认,同时也作为验收时的依据。如果没有这一步骤,很有可能后面要花几倍的时候修改作品。

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

互动H5开发原型确认签字书

这个签字步骤千万不要觉得不好意思——浪费了单位的开发资源才应该不好意思。也不要怕别人有想法而妥协——每次都不妥协别人才不会对你有看法。

互动H5常见类型汇总

援藏总结(九)媒体单位低成本实现H5制作业务建议(h5作品支持的媒体形式有哪些)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月7日 上午8:31
下一篇 2024年7月7日 上午8:43

相关推荐