菜单 关闭

移动:本地应用程序,网络应用程序,混合应用程序

通过 拉鲁卡布迪乌
九月。14,2013;更新1月1日19,二千零一十六

总结:本地和混合应用程序安装在应用程序商店中,而Web应用程序是移动优化的网页,看起来像一个应用程序。混合和Web应用都呈现HTML网页,但混合应用程序使用嵌入式浏览器来实现这一点。


在移动领域,你会经常听到这样的术语本地应用程序网络应用,甚至混合应用程序.有什么区别?

本地应用程序

本地应用程序在设备上直播并通过图标在设备主屏幕上。本地应用程序通过应用程序商店(如Google Play或Apple的应用程序商店)安装。它们是专门为一个平台开发的,并且可以充分利用所有的设备功能-他们可以使用相机,全球定位系统,加速度计,指南针,联系人列表,等等。它们还可以包括手势(标准操作系统手势或新的,应用程序定义的手势)。本地应用程序可以使用设备的通知系统和可以脱机工作。

移动Web应用程序

网络应用程序不是真正的应用程序;他们真的是网站那,在很多方面,观感像本机应用程序一样,但不是实施像这样的。它们由浏览器运行,通常用HTML5编写。用户首先访问它们,就像访问任何网页一样:他们导航到一个特殊的URL,然后通过在主页上创建一个书签来“安装”它们。

当HTML5出现时,Web应用程序变得非常流行,人们意识到他们可以在浏览器中获得类似于本机的功能。今天,随着越来越多的网站使用HTML5,Web应用程序和常规网页之间的区别已经变得模糊。

2011金融时报从苹果的应用商店中撤回其原生应用程序,以规避订阅费用,并与用户保持更紧密的联系。相反,它推出了一款iPhone网络应用程序(app.ft.com):

金融时报 iPhone网络应用
横扫金融时报的网络应用程序

它的网络应用程序是,在很多方面,很难与本地应用程序区分开来。例如,没有可见的浏览器按钮或栏,尽管它在Safari中运行(从iPhone访问时)。用户可以水平滑动移动到应用程序的新部分。而且,由于浏览器缓存,甚至可以离线阅读报纸。

这些都是HTML5中可用的功能。还有GPS,点击呼叫功能,而且,有人在谈论摄像头API,尽管到目前为止我还没有看到任何能利用它的网络应用(或网页)。有,然而,在浏览器中保持不可访问(至少从现在起)的本机功能:通知,在后台运行,加速度计信息(除检测横向或纵向方向外)复杂的手势。

当然,有人认为许多应用程序(本地或其他)无论如何都不会利用这些额外的功能。但是如果你真的需要这些本地特性,你必须创建一个本地应用,或者,至少,混合应用程序。

混合应用程序

混合应用程序是部分本地应用程序,部分Web应用程序。(正因为如此,很多人错误地称他们为“网络应用程序”)。就像本地应用程序一样,他们住在一家应用商店,可以利用现有的许多设备功能。比如Web应用程序,它们依赖于在浏览器中呈现的HTML,但需要注意的是,浏览器是嵌入在应用程序中的。

经常,公司构建混合应用程序作为现有网页的包装;那样,他们希望能在应用商店中获得一席之地,不需要花费大量精力开发不同的应用程序。混合应用也很受欢迎,因为它们允许跨平台开发,从而显著降低开发成本:也就是说,相同的HTML代码组件可以在不同的移动操作系统上重用。PhoneGap和SenchaTouch等工具允许人们跨平台设计和编码,manbetx官方网站手机版使用HTML的力量。

Walgreens提供了两个非常相似的混合应用程序——一个用于Android,另一个用于iPhone。这两个应用程序都有多个部分和许多本机功能,如访问通知和扫描再填充使用手机摄像头补充处方的功能:

Android版Walgreens应用程序

然而,这个商店Android和iPhone应用程序中的部分都使用浏览器视图来呈现Walgreens移动网站的相应页面。这里有三个页面显示了Android应用程序中的相同内容,iPhone应用程序移动网站:

Android版Walgreens应用程序
适用于iPhone的Walgreens应用程序
沃尔格林移动网站(m.walgreens.com)

正如你所看到的,所有这些页面都是相同的,除了顶部的标题,这是平台特定的。这个背部iOS上的按钮在Android上转换为插入符号;该标志出现在网页上,但不在应用程序中。(设计师们manbetx官方网站手机版正确地认为,在网络上,人们需要商标来定位自己,因为他们很可能在一个很深的页面上着陆导航通过主页。相反,在他们的应用程序中,所有的导航都必须通过主页)。

香蕉共和国就是这种混合应用的另一个例子;它在Android和iPhone上使用了完全相同的设计manbetx官方网站手机版:

Android版香蕉共和国应用程序

iPhone香蕉共和国应用程序

然而,这个背部Android应用程序中的按钮忽略了以下事实:与iPhone不同,Android设备带有物理或虚拟背部按钮。页面底部的标签栏在iOS设计中工作良好,manbetx官方网站手机版但它笨重,显然不是安卓的本土化产品。

本地人,网络应用程序,或者混合动力:你应该选择哪一种?

每种类型的应用程序都有各自的优点和缺点,正如我试图指出的。让我们在这里总结一下。

设备功能。尽管Web应用程序可以利用某些功能,本地应用程序(以及混合应用程序的本地组件)可以访问设备特定功能的全部工具,包括GPS,摄影机,手势,和通知。

脱机工作。如果你的应用程序必须在没有连接的情况下工作,那么本地应用程序是最好的。浏览器缓存在HTML5中可用,但这仍然比你在本土所能得到的要有限。

可发现性.网络应用程序赢得了可发现性奖。内容在网络上比在应用程序中更容易发现:当人们有问题或信息需求,他们去搜索引擎,输入他们的查询,并从搜索结果中选择一个页面。他们不去应用商店,搜索应用程序,下载它,然后尝试在应用程序中找到他们的答案。尽管有应用程序爱好者可能会在应用程序商店中寻找应用程序,大多数用户不喜欢安装和维护应用程序(也不喜欢在设备上浪费空间)。只有他们希望经常使用应用程序时才会安装它。

速度。本地应用程序赢得了速度竞争。2012年,马克·扎克伯格宣称,Facebook最大的错误是把赌注押在了移动网络上,而不是把赌注押在了本土。到那时,Facebook应用程序是一个混合应用程序,具有HTML核心;2012年,它被一个真正的本地应用程序取代。响应能力是可用性的关键.

安装.安装本机或混合应用程序对用户来说是一个难题:他们需要真正的动机来证明交互成本.“安装”Web应用程序涉及在主屏幕上创建书签;这个过程,虽然可以说比从应用商店下载新应用程序更简单,对用户不太熟悉,因为人们在手机上使用书签的次数不多。

维护。维护本地应用程序不仅对用户来说很复杂,但对于开发人员(尤其是他们必须在不同平台上处理相同信息的多个版本的情况下):必须将更改打包到新版本中,并放置在应用商店中。另一方面,维护Web应用程序或混合应用程序与维护网页一样简单,而且可以根据需要频繁地进行。

平台独立性。虽然不同的浏览器可能支持不同版本的HTML5,如果平台独立性很重要,与本地应用程序相比,使用Web应用程序和混合应用程序确实有更好的机会实现它。如前所述,在创建混合应用程序或Web应用程序时,至少可以重用部分代码。

内容限制,批准流程,和费用。与对你的内容和设计施加规则的第三方打交道,无论是从时间还是金钱上来说都是一种征税。manbetx官方网站手机版本地和混合应用程序必须通过应用程序商店规定的审批流程和内容限制,而网络是免费的。不足为奇,第一批Web应用程序来自于出版物,如花花公子,他想逃避苹果公司对其正经内容的指责。在iOS应用程序中购买订阅意味着30%的订阅成本将由苹果承担,出版商预算的大幅度下降。

开发成本。开发混合应用程序和Web应用程序可以说是便宜的,因为这些需要建立在以前的网络经验基础上的技能。NN/G客户机经常发现,完全土生土长要贵得多,因为它需要更多的专业人才。但是,另一方面,HTML5相当新,以及对它的充分了解,除了对移动网络和混合应用程序的开发有很好的了解外,还具备相当高级的技能。

用户界面。最后但并非最不重要,如果您的一个优先事项是提供与操作系统和该平台上可用的大多数其他应用程序一致的用户体验,然后,本地应用程序就是一条路。这并不意味着你不能提供移动用户体验对于Web应用程序或混合应用程序,它只是意味着图形和视觉效果与用户可能已经习惯的图形和视觉效果不完全相同,更难做到充分利用移动优势,缓解移动限制.

(这些问题将在我们的全天培训课程中进一步深入讨论移动网站和应用程序:移动设计的基本可用性原则manbetx官方网站手机版,虽然研讨会中讨论了许多更详细的屏幕设计问题manbetx官方网站手机版手机和平板电脑manbetx官方网站手机版的视觉设计

总结,本地应用程序,混合应用程序,或者网络应用程序都是满足移动用户需求的各种方式。没有唯一的最佳解决方案:每一个都有其优点和缺点。一个公司与另一个公司的选择取决于每个公司的独特需求。