未来是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了解必读
同时,Progressive Web App(渐进式Web应用)的概念提出,使得Web App更加接近Native App的体验,有望在未来成为一种趋势。 5. 未来展望 未来,移动应用可能会走向更加多元化和融合的方向。一方面,Native App将...
用于3种App(Web App,Light App,Native App)应用的对比,分析各自的优缺点,可以帮助大家来很好的选择需要用哪种方式开发APP。 包含了最新的轻应用APP。
Universal Links如何在Native App和Web App之间跳转(解决方案).md
### 做Web App 和 Native App之前,你需要考虑的四个方面 在当今移动互联网时代,无论是创业者还是企业,在推出新产品时都会面临一个选择:是开发原生应用(Native App)还是选择更为轻便的Web App?这个问题涉及到...
Beginning Progressive Web App Development Creating a Native App Experience on the Web 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除
Hybrid App(混合应用)则结合了原生和Web应用的优点。它们的大部分用户界面是用HTML5、CSS和JavaScript等Web技术构建的,然后嵌入到一个原生容器中。这样,开发者可以用一种语言编写跨平台的代码,降低了开发成本和...
WebApp和NativeApp谁将是未来.本文详细分析了WebApp和NativeApp的优势和劣势,指出Web只是我们作为设计者和开发者所期待的一种理想化结果,是一种趋势,将会是一个相当久的过渡阶段,对复杂产品来说,NativeApp+...
本压缩包“MAC下Web App to native app的框架.zip”提供的可能是一个开源项目,名为“WebShell-master”,用于实现这样的功能。 WebShell是一个开源框架,它允许开发者将Web应用包装成Mac OS X的本机应用程序。这个...
第二部分:Native App和Web App的比较 Native App在移动应用向企业推广的过程中首先成为一种趋势,但是随着时间的推移,企业必须对Native App的更新、维护投入很大的资源,逐渐形成了一种拖累。因此,Native App...
为了提升用户体验,手机淘宝APP还可能采用了Hybrid开发模式,结合原生和Web技术,比如使用React Native或WebView。这样可以在保持原生性能的同时,方便地复用Web端的代码。同时,APP可能会集成推送服务,如阿里云推...
首先,React Native 基于 JavaScript 和 React,这意味着开发者可以使用熟悉的 Web 技术栈进行移动端开发,同时享受到接近原生的性能。在项目“douban-master”中,我们可以看到 JavaScript 代码用于构建 UI 组件和...
5. 校园记录管理app的优点:本文介绍了基于Vue和Spring Boot的校园记录管理Web App的优点,包括提高用户体验度、提高性能效率、弥补Native App的不足等方面。 6. 项目管理的难点:本文介绍了项目管理的难点,包括...
Beginning Progressive Web App Development Creating a Native App Experience on the Web 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载...
ReactNative结合了Web开发的便捷性和原生应用的性能,为跨平台移动应用开发提供了一种高效、灵活的方法。在这个“使用ReactNative技术的App端整体框架解决方案”中,我们将深入探讨ReactNative的核心概念、工作原理...
未来,随着Web技术的进步和设备能力的提升,Web & Native混合开发模式将继续发展和完善,为开发者提供更加灵活高效的解决方案。同时,新的工具和框架也将不断出现,进一步简化混合应用的开发流程,使开发者能够更...
Redux工作 由于react-native和react-native-web组件的差异,这些在App和Web之间也是不同的设计。 故事书的工作 我的设置用于@storybook/react ,因此此组件是react-native-web或react-primitives 。 :up_arrow: ...
原生APP(Native APP)是专门为特定移动操作系统(如iOS的Objective-C或Swift,Android的Java或Kotlin)编写的应用程序,可以直接访问设备硬件,提供流畅的用户体验。它们可以离线运行,支持推送通知,能够充分利用...
标题与描述概述的知识点主要围绕百度Web App开发技术,尤其是移动Web App的开发框架、平台以及与Native App的对比。接下来将对这些知识点进行详细展开。 ### 移动Web App介绍 移动Web App是一种利用HTML5、CSS3和...