`
jianggege
  • 浏览: 95626 次
  • 性别: 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了解必读

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

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

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

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

    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删除

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

    MAC 下 Web App to native app 的框架.zip,将Web应用程序捆绑到本机OS X应用程序

    WebApp和NativeApp谁将是未来

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

    大话Web&Native;混合开发(for android)

    Native App和Web App的论战加入了一个新的角色Hybrid App。Hybrid App is a mobile application that is coded in both browser-supported language and computer language. They are available through application...

    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测试都可以打开 本资源转载...

    RNAppWeb:React Native App和Web

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

    create-react-native-app:创建可在iOS,Android和Web上运行的React Native应用

    一旦启动并运行Create React Native App,请访问,以获取有关使用React构建移动应用程序的更多信息。 产品特点 准备在您的设备上构建的本机项目。 支持unimodule和自动链接。 OTA更新,并且手势开箱即用。 完全...

    论WebApp、HybridApp、NativeApp设计差异

    目前主流应用程序大体分为三类:WebApp、HybridApp、NativeApp。首先,我们来看看什么是WebApp、HybridApp、NativeApp。WebApp指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的...

    Beginning Progressive Web App Development(2017)

    When was the last time you visited an app’s mobile web site rather than its native app counterpart? Was it an enjoyable experience? What did you like about it? What could have been better? Possibly ...

    Hybrid App(混合模式移动应用)

    Hybrid App:介于Native App和Web App两者之间的App。看上去是一个Native App,但只有一个UI WebView,里面访问的是一个Web App,体验上像客户端,更高效。

    app-混合app-webapp区别

    移动应用开发的三种方式比较 移动应用开发的方式,目前主要有三种: Native App: 本地应用程序(原生App) Web App:网页应用程序(移动web) Hybrid App:混合应用程序(混合App)

    androidbroswser

    移动应用开发,web app、Native app的讨论已经很久了,纯粹的web app还很少,多少能见到Native + web混合的app,混合的app是在Native app中写一个浏览器加载 web,说浏览器可能有点大了,简单一点就是Native app中...

    reactnativeweb做的简单脚手架使用了createreactapp

    react-native-web做的简单脚手架,使用了create react app

    大话Web&Native;混合开发_58同城。pptx

    结合webapp和native app总结出一条折中道路-混合开发app,将web和native结合。讲解技术实现和经验分享。

    Mobile App Development with Ionic 2

    Mobile App Development with Ionic 2: Cross-Platform Apps with Ionic, Angular, ...Walk through steps for deploying your app to native app stores Learn how Ionic can be used to create Progressive Web Apps

    In-App Web Browser 2.0.3.unitypackage

    This package lets you open website inside a modal platform-native window. That gives better user experience than using Application.OpenURL as user won't leave your app.

    Cloud.Native.Go

    You’ll walk through creating microservices in Go, adding front-end web components using ReactJS and Flux, and mastering advanced Go-based cloud-native techniques. Hoffman and Nemeth show how to build...

Global site tag (gtag.js) - Google Analytics