`
jianggege
  • 浏览: 97762 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Native App和Web 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的设计典范 ,我朋友的一款HTML5的Web App

地址:http://www.ichedan.net/m (生活爱扯淡 )

 

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 和Native App的相同和不同之处,并阐释了他们相互之间的关系、优缺点,对Web App 和Native App了解必读

    Native App与Web App移动应用发展.pdf

    同时,Progressive Web App(渐进式Web应用)的概念提出,使得Web App更加接近Native App的体验,有望在未来成为一种趋势。 5. 未来展望 未来,移动应用可能会走向更加多元化和融合的方向。一方面,Native App将...

    3种App(Web App,Light App,Native App)应用的对比

    用于3种App(Web App,Light App,Native App)应用的对比,分析各自的优缺点,可以帮助大家来很好的选择需要用哪种方式开发APP。 包含了最新的轻应用APP。

    Universal Links如何在Native App和Web App之间跳转(解决方案).md

    Universal Links如何在Native App和Web App之间跳转(解决方案).md

    做Web App 和 Native App之前,你需要考虑的四个方面.docx

    ### 做Web App 和 Native App之前,你需要考虑的四个方面 在当今移动互联网时代,无论是创业者还是企业,在推出新产品时都会面临一个选择:是开发原生应用(Native App)还是选择更为轻便的Web App?这个问题涉及到...

    Beginning Progressive Web App Development Creating a Native App Experience epub

    Beginning Progressive Web App Development Creating a Native App Experience on the Web 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    native app, hybrid app

    Hybrid App(混合应用)则结合了原生和Web应用的优点。它们的大部分用户界面是用HTML5、CSS和JavaScript等Web技术构建的,然后嵌入到一个原生容器中。这样,开发者可以用一种语言编写跨平台的代码,降低了开发成本和...

    WebApp和NativeApp谁将是未来

    WebApp和NativeApp谁将是未来.本文详细分析了WebApp和NativeApp的优势和劣势,指出Web只是我们作为设计者和开发者所期待的一种理想化结果,是一种趋势,将会是一个相当久的过渡阶段,对复杂产品来说,NativeApp+...

    MAC 下 Web App to native app 的框架.zip

    本压缩包“MAC下Web App to native app的框架.zip”提供的可能是一个开源项目,名为“WebShell-master”,用于实现这样的功能。 WebShell是一个开源框架,它允许开发者将Web应用包装成Mac OS X的本机应用程序。这个...

    基于HTML5的Web App的购物网站设计.pdf

    第二部分:Native App和Web App的比较 Native App在移动应用向企业推广的过程中首先成为一种趋势,但是随着时间的推移,企业必须对Native App的更新、维护投入很大的资源,逐渐形成了一种拖累。因此,Native App...

    手机淘宝app及web

    为了提升用户体验,手机淘宝APP还可能采用了Hybrid开发模式,结合原生和Web技术,比如使用React Native或WebView。这样可以在保持原生性能的同时,方便地复用Web端的代码。同时,APP可能会集成推送服务,如阿里云推...

    Reactnative仿豆瓣电影app

    首先,React Native 基于 JavaScript 和 React,这意味着开发者可以使用熟悉的 Web 技术栈进行移动端开发,同时享受到接近原生的性能。在项目“douban-master”中,我们可以看到 JavaScript 代码用于构建 UI 组件和...

    基于Vue和Spring Boot的校园记录管理Web App的设计与实现.pdf

    5. 校园记录管理app的优点:本文介绍了基于Vue和Spring Boot的校园记录管理Web App的优点,包括提高用户体验度、提高性能效率、弥补Native App的不足等方面。 6. 项目管理的难点:本文介绍了项目管理的难点,包括...

    Beginning Progressive Web App Development Creating a Native App 无水印原版pdf

    Beginning Progressive Web App Development Creating a Native App Experience on the Web 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载...

    使用ReactNative技术的App端整体框架解决方案

    ReactNative结合了Web开发的便捷性和原生应用的性能,为跨平台移动应用开发提供了一种高效、灵活的方法。在这个“使用ReactNative技术的App端整体框架解决方案”中,我们将深入探讨ReactNative的核心概念、工作原理...

    RNAppWeb:React Native App和Web

    Redux工作 由于react-native和react-native-web组件的差异,这些在App和Web之间也是不同的设计。 故事书的工作 我的设置用于@storybook/react ,因此此组件是react-native-web或react-primitives 。 :up_arrow: ...

    (完整word版)原生APP和Web-APP开发对比.doc

    原生APP(Native APP)是专门为特定移动操作系统(如iOS的Objective-C或Swift,Android的Java或Kotlin)编写的应用程序,可以直接访问设备硬件,提供流畅的用户体验。它们可以离线运行,支持推送通知,能够充分利用...

    百度Web App开发技术介绍_黎科峰

    标题与描述概述的知识点主要围绕百度Web App开发技术,尤其是移动Web App的开发框架、平台以及与Native App的对比。接下来将对这些知识点进行详细展开。 ### 移动Web App介绍 移动Web App是一种利用HTML5、CSS3和...

Global site tag (gtag.js) - Google Analytics