Web App和Native App 谁将是未来
未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题。那么,我们首先应该立体的认识一下Web App和Native App。
一、Web App
Web无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行。随着iPhone带来的WebKit浏览体验升级,使得专为iPhone等有WebKit浏览内核的移动设备开发的Web应用,也有了如App一般流畅的用户体验。
图1 谷歌 Voice 和谷歌 Gmail是Web App的设计典范
Web App的优势:
1.开发成本低
2.适配多种移动设备成本低
3.跨平台和终端
4.迭代更新容易
5.无需安装成本
Web App的劣势:
1.浏览的体验短期内还无法超越原生应用
2.不支持离线模式(html5将会解决这个问题)
3.消息推送不够及时
4.调用本地文件系统的能力弱
图2 街旁和百度小说,采用HTML5实现了接近Native的体验效果
二、Native App
而App因为位于平台层上方,向下访问和兼容的能力会比较好一些,可以支持在线或离线,消息推送或本地资源访问,摄像拨号功能的调取。但是由于设备碎片化,App的开发成本要高很多,维持多个版本的更新升级比较麻烦,用户的安装门槛也比较高。但是比较乐观的是,App store培养了一种比较好的用户付费模式,所以在Apple的生态圈里,开发者的盈利模式是一种明朗状态,其他market也在往这条路上靠拢。
图3 Gowalla和Awesome Note,是移动客户的经典设计案例
Native App的优势:
1.提供最佳的用户体验,最优质的用户界面,最华丽的交互
2.针对不同平台提供不同体验
3.可节省带宽成本
4.可访问本地资源
5.盈利模式明朗
Native App的劣势:
1.移植到不同平台上比较麻烦
2.维持多个版本的成本比较高
3.需要通过store或market的确认
4.盈利需要与第三方分成
三、融合
乔布斯有一次谈到这个问题,他说Web是未来,虽然现阶段Native给了用户更好的体验。如果现在的开发者不有效的利用Web技术,那他就落伍了。但如果过分依赖Web,完全不用Native那也未必就是好事。
iOS平台上的App有三类:Web App,通过浏览器访问;Native App,通过App store安装;第三类叫Hybrid App,它虽然看上去是一个Native App,但只有一个UI WebView,里面访问的是一个Web App,比如街旁网最开始的应用就是包了个客户端的科,其实里面是HTML5的网页,后来才推出真正的原生应用。再彻底一点的,如掌上百度和淘宝客户端Android版,走的也是Hybrid App的路线,不过掌上百度里面封装的不是WebView,而是自己的浏览内核,所以体验上更像客户端,更高效。
图4 掌上百度和Naver客户端都是Web App+Native App的架构
图5 掌上百度的架构说明,客户端嵌套服务端,保证服务的高效迭代与更新
谷歌的Chrome OS和Android都是操作系统,但走的是两条路。Chrome OS走的是Web app的路。从Chrome OS 大会上发布的Chrome Web App能看出来,谷歌想为未来的Chrome OS做铺垫,鼓励更多的开发者开发出具有应用程序体验的Web App,正如Chrome OS官网上说的——“Nothing but the web”。而Android走的是Native App的路。Android作为手机平台的操作系统,明显更注重应用程序开发,这一点从Android Market可以看出来。也许前微软首席架构师Ray Ozzie的评价更加一针见血:“谷歌的战略中Android(以app为主)是在赌过去,而Chrome OS(完全基于Web)则是在赌未来。”
于是我们可以得到这样一个启发,你要想服务于未来,必须不断的跟随技术发展的脚步,提供更好的网页服务和体验。但是人们是活在当下,为了当下用户的需求,又必须提供现阶段浏览体验最好的客户端产品。但是,客户端是笨重且迟缓的,它不能像传统网页那样,一有风吹草动就华丽转身,只能规划好功能点,一步一步迭代,毕竟用户的升级成本太高了。所以,就有了这种Web App + Native App的架构,在现有条件下给用户最好的浏览体验和升级迭代。
四、未来趋势
虽然我们都愿意相信,当Web的体验和Native的体验逐渐趋近的时候,人们更愿意把精力花在内容获取上,而不是软件交互上,但是现阶段的交互体验,恰恰是影响人们获取内容的主要短板。所以,趋势摆在那里,我们却无法预测这个时间差。
就跟电脑端的应用一样,虽然现在Web化的趋势已经非常明显了,但是还是无法取代你本机安装的一些工具类的、游戏类的应用,在Web技术没有达到本地应用的效率和体验之前,Web是无法颠覆Native的。
总得来说,Web只是我们作为设计者和开发者所期待的一种理想化结果,开发成本低、轻松跨平台、迭代更新快,但是显然,现阶段用户的期待和手机设备厂商的期待还是体验上更胜一筹的Native。Web之于我们,只是一种趋势。在这个也许会非常久的过渡阶段,对复杂产品来说,Native App + Web App也许是个不错的解决方案。
Web App和Native App 谁将是未来相关推荐
- Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- hybrid app、web app与native app工具
1.使用过哪些工具? Webapp:ThinkPHP Mobile(TPM).Ionic Framework.JingleUI Hybridapp:Apicloud.Phonegap(稍了解Hbuil ...
- 如何选择Web APP与Native App原生开发模式的区别(转)
APP开发模式通常分为Web APP与Native APP原生模式两种,这两种模式均各自有自己的优势,到底是采用Native App开发还是采用Web App开发一直是业界争论的焦点,但是随着HTML ...
- Web App 和 Native App,哪个是趋势?
2019独角兽企业重金招聘Python工程师标准>>> Web App 和 Native App,哪个是趋势? https://www.zhihu.com/question/1955 ...
- 专题:Web App与Native App技术点大整合
出处:http://mobile.51cto.com/mobile-409592.htm 当下移动互联网的发展势头迅猛,各式各样的App也在横空出世,最近百度的推出的轻应用,也是当下的一大亮点,其实, ...
- 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- WEB APP、HYBRID APP与NATIVE APP 差异分析
更多 134 编者按:这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针, ...
- 什么是 Web App?Hybrid App?Native App?
Hybrid?是个啥? 相信大家在平常生活中也会经常见到这个词,比如现在比较火的hybrid汽车(混合动力汽车) 那如果是针对于App而言呢? 那就要从App的分类说起了 目前主流应用程序大体分为三类 ...
- 论Web App、Hybrid App、Native App设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
最新文章
- redis 五大数据结构__常用命令
- c语言课本第八章答案,c语言第八章字符串编程答案
- oracle如何带符号求和,ORACLE 实现行转列(字符串求和)
- windows 系统监视器_使用Windows 7中的可靠性监视器对计算机问题进行故障排除
- Shell expr的用法 bc 命令 let命令
- JavaSE03: Arrays工具类的使用及简单数组算法
- java extjs combobox_extjs的combobox的用法
- ps-色彩饱和度的设计
- 案例-三角形(CSS3)
- 23种设计模式(二)组件协作之模板方法
- oracle经典分数排名,力扣数据库题目: 分数排名(中等)
- Virtual Hosts
- matplotlib画图教程,设置坐标轴标签和间距
- Lombok介绍、使用方法和总结
- 微信公众号数据2019_2019年9月原创公众号排行榜数据报告出炉
- 项目ERP与传统ERP的区别是什么?
- 钓鱼Wi-Fi搭建实践
- 中国海上风电行业十四五运维策略及供需形势分析报告2021-2027年
- 2022年5月20日最全摸鱼游戏导航
- yaml语法格式,springboot中yaml的使用
热门文章
- mysql三范式_MySQL设计之三范式的理解
- php万能注入密码,php下的SQL注入万能用户名和密码
- easyui 动态设置单元格控件_插入控件-gt;引用变量-gt;实现动态图表纵横筛选
- c 字符串数组_redis为什么不直接使用C字符串,而要自定义简单动态字符串?
- python opencv 批量将视频转化为图片
- 在微信页面中,关闭浏览器
- 【Linux】42.Ubuntu 18.04笔记本电脑关闭盖子无法唤醒问题解决
- Python-OpenCV 处理视频(四): 运动检测
- 高级开发必须理解的Java中SPI机制
- MyBatis 源码分析 - 内置数据源