在这个app横飞的年代,对于整个产品研发团队来讲,高速的迭代,爆炸式的功能追加已经成为了互联网行业的时代标签,以小时甚至分钟为单位的进度度量成为了常态。在这个市场大环境下,浪里淘沙的不单单是商业模式、产品定义,技术格局也在以飓风的速度在迭代更新,本来已经日新月异的技术,配合着各式各样产品的出现发生了更加惊人的变化。而app和H5的大战,也早在几年前就已经悄悄拉开帷幕。

竞争现状
说起app和H5的现状,要从2个方面进行阐述:
1、app应用与H5应用之争
app应用也就是我们常说的ios、android两大体系(其他系统占比太少不做考虑),这类应用都比较重,功能全面,交互流畅。
H5应用的主要体现在我们的社交类工具中,只需要有一个简单的浏览器引擎就可以运行,这类应用都非常轻量级,功能单一,通过微信等平台传播很快。
2、app应用内部的原生与H5占比之争
现在的大部分app应用中,已经充斥着占比很高的H5页面或者元素,致使app只是作为一个功能展示框架。从目前主流非工具类、非大型游戏的app应用来看,使用硬件机能部分、常年不变且使用率很高的部分会使用原生app,其他功能几乎都是清一色H5实现,而这种变化对于普通用户来说基本是无感知的。

原生app劣势:
1、ios迭代周期严重受限
挡在ios原生app面前最最重要的一个壁垒,就是苹果公司的审核,平均每个版本审核1周,每年只有寥寥数次的快速审核,即便是快速审核也需要3-4天左右的时间才能够发布。加之In House版的推广限制,app store已经成为了团队谈之色变的产物。让我们这种上午需求下午上线的团队几乎没有办法进行推进。
每一个原生app改动都要提前若干天进行部署,还需要考虑之后若干个月可能的变更,不单单是成本激增、风险更大,更重要的是:互联网时代的产品比拼如果技术成为了瓶颈,那这个产品必将寸步难行。
2、android兼容性差
android虽然没有像ios那样的审核周期,但所换来的却是千差万别的兼容性问题,每一个android开发和qa手上没有5个以上的真机,都不好意思说自己接触过android。每一个android开发的内心深处,多多少少都对某些老爷机有说不出的怨念,经常会想,我为什么不去搞ios!
3、用户使用成本高,导致拉新困难
这一条是针对app应用的劣势,想让一个用户下载并使用一个app,要远比让他从微信中授权使用一个网页应用难的多,导致了各种地推活动的奖品越来越好但效果越来越差事实。
4、开发成本高
首先你要有一批ios开发,再加一批android开发,然后分别配置一批qa,即便单人的薪资已经有所回落,但app团队的成本永远是整个团队里最高的之一。单单是兼容老版就要花去不少人工成本。

H5优势:
1、迭代速度快
相比ios的迭代速度,H5简直就是即时响应,随时变更随时上线。用户可以在毫无感知的情况下获取到最新的变化。照片红包上线与下线只是瞬息之间,我甚至没有来得及ps我的玉照就已经被下线了。
2、兼容性强
H5的兼容性只体现在屏幕的大小和部分极特殊机型上,即便出现兼容性问题也仅仅是展示上的略微差异。相比android的夸张测试范围,H5可以说并不存在兼容性的问题。
3、传播途径广、用户使用成本低
H5在营销运行方面的优势太多,以至于我只能把他们归结为这一条。通过各种社交产品的病毒式扩散,用户只需简单的打开链接即可达到我们的宣传推广目的。
4、开发成本低
H5团队可以直接从pc前端团队演变过来,甚至后端开发兼职H5的例子并不是没有。总结起来就是:学得快、用人少、测试乐的呱呱叫。

app相比H5的优势:
相比app的劣势,app的优势显得十分单薄。
1、交互效果好,响应速度快
页游和客户端游戏的区别。目前对于追求产品极致体验但苦于H5无法满足的情况,原生app也是一种退路。
2、机能操作必不可少
对于硬件机能的操作,app有其不可替代性,比如相机和touch等功能。
3、用户黏度高
对于app应用来说,一旦拉新成功,只要产品对他有价值,一般不会轻易弃用。但H5,链接一关,刚才干什么就已经忘记了。

未来:
说完了app和H5的对比后,让我们来预测一下未来的事,还是从那两个方面进行讨论。
1、app应用与H5应用
工具类、大型游戏类app,这类app有H5无法达到的技术屏障,还是会继续存在下去。而对于其他的应用,app的价值已经没有或者很少。不说未来,即便是当下,很多没有多少资金的创业团队都是以微信搭载H5的方式进行产品运营,连作为壳子的app都省去了。
2、app应用内部的原生与H5占比
当H5(或者未来某种更牛逼的前端移动技术)的发展能够达到媲美app原生的交互流畅度和展示效果时,现存的app内部也将发生重大变化,app的作用只是为了保证应用的名称不同、logo各异,内部实现将完全由H5取代,app只是提供操作底层硬件机能与展示的空壳。

大话html5应用与app应用优缺点的更多相关文章

  1. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则 | Kayo's Melody

    最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...

  2. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础

    这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件.事件响应以及可以调用 ...

  3. [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

  4. 【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚

           移动互联网指手机网站和app,其中app分为native app(原生app),web app(html5开发),Hybrid app(前两种app结合):手机网站分为wap网站和3g网 ...

  5. HTML5 Plus移动App(5+App)开发入门指南

    HTML5 Plus移动App,简称5+App,是一种基于HTML.JS.CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和 ...

  6. atitit.html5 vs 原生 app的区别与选择

    atitit.html5  vs 原生 app的区别与选择 1. html5的优点 1 1.1. 最大优势::在跨平台(ios苹果,android安卓等) 1 1.2. 开放性 1 1.3. 快速的更 ...

  7. 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

    使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...

  8. html5+jqueryMobile编写App推广注册页

    html5+jqueryMobile的组合可以直接开发web版的app,所以用到我当前app中的推广注册页的编写是很恰当的,其实只要你熟悉html4+jquery的组合开发,那么html5+jquer ...

  9. html5文章 -- 应用HTML5 开发手机APP

    因为HTML5暂时无法短期内在PC普及,主要方向在使用高端浏览器的高端移动设备,所以可以用作开发Android系统的App.但只有Android2.2以上.iOS3.2以上均支持HTML5,两大平台有 ...

随机推荐

  1. Spring Cloud Feign 出现ClassNotFoundException: feign.Feign$Builder错误

    Spring Cloud Feign 出现ClassNotFoundException: feign.Feign$Builder错误 后来发现是POM文件写错了,修改为正确的pom,就可以了: POM ...

  2. [cocos2dx笔记013]一个使用CCRenderTexture创建动态纹理显示数字的类

    用CCLabelTTF显示的数字不好看.于是就想到用图片来代理.眼下网上的实现都是把每一个数字做一个CCSprite组合的方式. 可是我想.动态生成纹理的方式.没有就仅仅好自己手动写一个. 头文件 # ...

  3. poj - 1050 - To the Max(dp)

    题意:一个N * N的矩阵,求子矩阵的最大和(N <= 100, -127 <= 矩阵元素 <= 127). 题目链接:http://poj.org/problem?id=1050 ...

  4. MongoDB数据查询详解

    查询全部 ​ db.infos.find(); db.infos.find({"url":"www.baidu.com"}); id不要显示出来 db.info ...

  5. ES不设置副本是非常脆弱的,整个文章告诉了你为什么

    Delaying Shard Allocation As discussed way back in Scale Horizontally, Elasticsearch will automatica ...

  6. DF标志和串传送指令

    DF标志和串传送指令 flag的第10位是DF,方向标志位.在串处理指令中,控制si.di的递减. df = 0 每次操作后si.di递增 df = 1 每次操作后si.di递减 串传送指令 格式1: ...

  7. 记一次使用 removeEventListener 移除事件监听失败的经历

    测试一 测试代码如下 var Test = function() { this.element = document.body; this.handler = function() { console ...

  8. 使用Java开发高性能网站需要关注的那些事儿2

      近期各家IT媒体举办的业内技术大会让很多网站都在披露自己的技术内幕与同行们分享,大到facebook,百度,小到刚起步的网站.facebook,百度之类的大型网站采用的技术和超凡的处理能力的确给人 ...

  9. SpringCloud学习笔记(2)----Spring Cloud Netflix之Eureka的使用

    1.  Spring Cloud Netflix Spring Cloud Netflix 是Spring Cloud 的核心子项目,是对Netflix公司一系列开源产品的封装.它为Spring Bo ...

  10. 模板层 Template

    每一个 Web 框架都需要一种很便利的方法用于动态生成 HTML 页面. 最常见的做法是使用模板. 模板包含所需 HTML 页面的静态部分,以及一些特殊的模版语法,用于将动态内容插入静态部分. 说白了 ...