起点分享会｜HTML5制作工具和制作团队(附案例分析).pdf

起点分享会｜ HTML 5 制作工具和制作团队（附案例分析） 下面的提到的主要作品都附带 H5 链接，可以直接点击链接看作品。 Web app 、Hybrid app 与 Native app HT ML5 是一种 Web 技术，由浏览器解析和执行，无需安装插件。广义指的 HT ML5 是包括 HT ML 、 CSS 和 JavaScript 在内的一套技术组合。而我们一般说的 H5 是国内的简称，主要通过微信端在朋友 圈或者好友上传播的载体，比如说产品展示、人物介绍、邀请函、小游戏、抽奖等。 H5属于 web app ，区别于我们平时下载的 app 。因此我会大概介绍一下 web app 、hybrid app 、 native app 的区别。以及 H5 制作平台和优秀的 H5 创作团队。 Web App ：采用 Html5 语言写出的，直接由浏览器解析，无需下载安装。优点是开发成本低，周 期短，更新快，传播效果好，能够跨多个平台和终端；缺点：用户留存率低， UI和交互体验较差， 生命周期短，容易被模仿抄袭。 比如W 的陌生来电， T Gideas 的吴亦凡入伍交互视频，刷遍整个朋友圈，随后大家都开始模仿。 轻应用：无需下载、即搜即用的全功能 App ，既有媲美甚至超越 native app 的用户体验，又具 备web app 的可被检索与智能分发的特性。 Hybrid APP 指的是半原生半 Web 的混合类 App 。需要下载安装，看上去类似 Native App ，但只有很 少的 UI Web View （App 中嵌入网页内容，通常情况下是 html 格式的网页），访问的内容是 Web 。 有类似于 Native App 的体验，但仍受限于技术，网速等等很多因素。 Native APP 指的是原生程序，需要下载安装，一般依托于操作系统，有很强的交互，可拓展性强。 优点：用户体验好，性能稳定，操作速度快，可节省带宽成本，访问本地资源（通讯录，相册）， 用户留存率高；缺点：分发成本高（适配），维护成本高（维护旧版本），更新缓慢。 我是站在运营的角度上理解这些概念的，而不是站在技术的层面上分析的。接下来会和大家讲一 下 H5 制作平台和优秀的 H5 创作团队。 H5 制作平台 目前H5 创作平台很多， iH5 和 Epub360 是比较专业性的，功能强大、效果多、灵活，但是学习成本 相对较高。而简单便利的平台有易企秀、云来、 MAKA 、初页、兔展等，易上手，可满足基本的创 作需求，但是内容的表现方式有限。 iH5 iH5 （互动大师）， ，可实现效果很多，比如说微官网、翻页展示、测试题、交互视频、 小游戏、评论、抽奖、砍价等。而交互动方式也非常多样：点击、滑动、擦除、碰撞、拖拽、摇 一摇、重力感应等。 这些都是用户做的非常有趣的小案例，可以看看： Epub360 Epub360 的特色功能： svg 、序列帧、助力投票组件、系统参数（判断是否关注公众号以及识别手 机系统）。针对企业他们推出了很多商业化服务：导出 html 包、更改授权信息、绑定域名、自定义 尺寸、推广渠道统计、企业主子账户管理等。 易企秀 易企秀，仅 16 个月就收获 1000 多万用户，虽然能够实现的交互效果有限，但是简单易上手，并且为 用户提供了大量素材。丰富的素材库、一键加入地图、送花、投票、特效（烟花、飘雪）等。 A 轮融资之后，易企秀的产品战略也有调整，国内：从 H5 延伸打造轻印刷设计平台，而国外已成立 公司、海外产品去年 10月份就上线了。 H5 优秀团队和案例 除H5 制作平台之外，有很多 H5 优秀团队，包括 W 公司、 T Gideas 、朋沃、环时互动、合谷互动、 LxU Studio 等。他们出品了大量高质量，且大部分是具有引领潮流能力的 H5作品，刷爆了朋友圈。 T Gideas 隶属于腾讯互动娱乐业务系统，是一支专注于运营和营销领域的用户体验设计团队，工作范围涉及 产品包装、广告创意、品牌建设、互动设计等。主要作品： 案例：移动页面用户行为报告：