Web App和Native App 谁将是未来 - 想飞的更远

blogonfly 2021-08-09 原文


Web App和Native App 谁将是未来


http://mobile.51cto.com/design-255047.htm

 

本文详细分析了Web App和Native App的优势和劣势,指出Web只是我们作为设计者和开发者所期待的一种理想化结果,是一种趋势,将会是一个相当久的过渡阶段,对复杂产品来说,Native App + Web App也许是个不错的解决方案。

AD: 51CTO学院:IT精品课程在线看!

 

未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题。那么,我们首先应该立体的认识一下Web App和Native App。

一、Web App

Web无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行。随着iPhone带来的WebKit浏览体验升级,使得专为iPhone等有WebKit浏览内核的移动设备开发的Web应用,也有了如App一般流畅的用户体验。

图1 Google Voice 和Google Gmail是Web App的设计典范

图1 谷歌 Voice 和谷歌 Gmail是Web App的设计典范

Web App的优势:

1.开发成本低

2.适配多种移动设备成本低

3.跨平台和终端

4.迭代更新容易

5.无需安装成本

Web App的劣势:

1.浏览的体验短期内还无法超越原生应用

2.不支持离线模式(html5将会解决这个问题)

3.消息推送不够及时

4.调用本地文件系统的能力弱

图2 街旁和百度小说,采用HTML5实现了接近Native的体验效果

图2 街旁和百度小说,采用HTML5实现了接近Native的体验效果

二、Native App

而App因为位于平台层上方,向下访问和兼容的能力会比较好一些,可以支持在线或离线,消息推送或本地资源访问,摄像拨号功能的调取。但是由于设备碎片化,App的开发成本要高很多,维持多个版本的更新升级比较麻烦,用户的安装门槛也比较高。但是比较乐观的是,App store培养了一种比较好的用户付费模式,所以在Apple的生态圈里,开发者的盈利模式是一种明朗状态,其他market也在往这条路上靠拢。

图3 Gowalla和Awesome Note,是移动客户的经典设计案例

图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的架构

图4 掌上百度和Naver客户端都是Web App+Native App的架构

图5 掌上百度的架构说明,客户端嵌套服务端,保证服务的高效迭代与更新

图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也许是个不错的解决方案。

发表于
2014-04-27 11:31 
想飞的更远 
阅读(80
评论(0
编辑 
收藏 
举报

 

版权声明:本文为blogonfly原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/blogonfly/articles/3693830.html

Web App和Native App 谁将是未来 - 想飞的更远的更多相关文章

  1. web类似于淘宝购物页面 – xler

    web类似于淘宝购物页面 花了一下午的时间写出来的简易页面,内容很粗糙,但里边包含了我独特的想法。由于是初学者 […]...

  2. 佛家四大经典爱情故事 – 公众号73只蚂蚁

    佛家四大经典爱情故事 佛家四大经典爱情故事 (一)前世是谁埋了你 从前有个书生, 和未婚妻约好在某年某月某日结 […]...

  3. 数字证书简介 – shammgod_code

    数字证书简介 数字证书集合了多种密码学算法: 自身带有公钥信息,可完成相应的加解密操作 带有数字签名,可鉴别消 […]...

  4. uint8_t / uint16_t / uint32_t /uint64_t数据类型详解

    uint8_t / uint16_t / uint32_t /uint64_t 是什么数据类型? 在nesc的 […]...

  5. 超详细SVM(支持向量机)知识点 – upstreamL

    超详细SVM(支持向量机)知识点 原地址:https://zhuanlan.zhihu.com/p/76946 […]...

  6. 浅入 .NET Core 中的内存和GC知识

    目录 托管代码 自动内存管理 参考资料: 【1】https://docs.microsoft.com/zh-c […]...

  7. 使用sql server management studio 2008 连接数据库,无法查看数据库,提示 无法为该请求检索数据 错误916 – z

    今日使用时代互联的海外空间,sql 2008 无限空间大小,开通账户后,使用sql server manage […]...

  8. 仿微信 即时聊天工具 – SignalR (一)

    话不多说,先上图         背景: 微信聊天,经常会遇见视频发不了,嗯,还有聊天不方便的问题,于是我就自 […]...

随机推荐

  1. 中心极限定理&&正态分布 随想

    0-前言 笔者本来周末约好朋友出去骑行,不料天公不作美!哎,闲来无事来到了实验室,本来打算看看《天天向上》,而 […]...

  2. Docker技术这些应用场景【转】

    场景一:节省项目环境部署时间 1.单项目打包 每次部署项目到测试、生产等环境,都要部署一大堆依赖的软件、工具, […]...

  3. 解决: Mysql安装时mysqld.exe报`应用程序无法正常启动(0xc000007b)`的问题

    本机环境 Windows10专业版 Mysql5.7.30解压版 Win10系统Mysql5.7/Mysql8 […]...

  4. 翻译记忆软件-塔多思TRADO经典教程_5

    TRADOS新手必读   共有18篇贴子     1  TRADOS新手必读   译海撷英系列之软件漫谈之TR […]...

  5. java中创建List类型的数组-20171028

      遇到了一个问题需要创建List类型的数组,但是在网上查了很多资料,好像发现并不能创建泛型的数组,于是改用H […]...

  6. 重学计算机组成原理(二)- 制定学习路线,攀登“性能”之巅

    0 学习路线的知识点概括 学习计算机组成原理,就是学习计算机是如何协调运行的 计算机组成原理的英文叫Compu […]...

  7. 怎么复制别人网站

    怎么复制别人网站 原文  http://jingyan.baidu.com/article/e5c39bf5a […]...

  8. java javaScript实现遮罩层 动态加载

    通过java、JavaScript和css实现点击按钮后出现灰色遮罩层,并显示动态加载的字样,提高用户体验,废 […]...

展开目录

目录导航