基础知识小科普!4个最常见的APP概念区分及比较

@凌霜设计 :现在关于移动应用的概念有许多:Native App, Responsive Web, Web App, Hybrid App,搞清楚这几个概念的区别和各自的优劣对于设计师来说很重要,这篇文章较为全面地探讨了这几个概念,值得初学者阅读,也欢迎大家提出自己的观点。

译者:陈凌霜 Liz Chen,华盛顿大学Human Centered Design and Engineering研究生在读,现在青蛙设计Frog Design做交互设计实习。

译者注:

 鉴于在中文语境中,一些英语名词是直接拿来使用,并无统一标准的中文翻译。为了方便广大读者阅读,译者首先把这些名词单独拿出来翻译,只为传达大致的意思,并不一定是标准化的名称。鉴于译者对于技术名词的理解有限,有翻译不到位的地方也请大家多多指出。

App:应用(程序)
Mobile App :移动应用(程序)
Mobile Responsive Web:移动响应式网页
Web Applications(也可称为Web App):网页应用(程序)

移动应用及移动响应式网页应用

移动应用程序是在新平台上连接市场、搜集客户数据、提供服务的强有力工具。但,到底什么才是移动应用?

从本质上来说,移动应用是运行在智能手机、平板电脑或者其他移动设备上的电脑程序。他们可以通过应用市场获得,例如谷歌的Google Play或者苹果的App Store。这些平台现在都运行在云端(Cloud-based Solutions),意味着如果你的手机被卡车撞了或者掉进水里了,你可以买个新手机,登陆,然后所有你的应用都会自动被重新安装好。

基础知识小科普!4个最常见的APP概念区分及比较

图:当你需要设置一个新的iOS设备或者在一个已有的设备上恢复数据,你的iCloud备份可以让你轻松实现。

应用程序与移动响应式网页

把移动应用程序和移动响应式网页相比其实并不成立,他们完完全全是不同的概念。让我们来看看这是为什么。

在移动端使用互联网已经成为了一种稳定增加的趋势。用户越来越习惯于在他们的智能手机上搜索和浏览网页。为了迎合这种需求,各种机构正花钱雇佣网页工程师来提升用户在移动设备上的在线使用体验。你可能见过这种区分,比如亚马逊网站在你的智能手机上和台式电脑上显示得就不一样。

基础知识小科普!4个最常见的APP概念区分及比较

图:同样的一个网站,当在不同尺寸的设备上浏览时,看起来是不一样的。

事实上,移动响应式网页和移动应用程序是苹果和橙子的关系(译者注:也就是两者八竿子打不着)。移动网页是在浏览体验上的一种变体。移动响应式网页改变了你浏览网页的方式。更加准确的对比其实是强调移动应用程序和网页应用程序的区别(想一想Pandora, Spotify, 谷歌文档Google Docs, 脸书Facebook)(译者注:没法翻墙的同学可以想一想网易云音乐、虾米音乐、新浪微博)。这些就是那种表现得像电脑程序一样的网站,因为,他们确实是。网页应用就是交互式的(网页的)电脑程序(应用程序)。

应用程序与网页应用程序

这两个是我们可以比较的。我和就职于Kitchen Digital的Michael Wahlstrom坐在一起,来比较他们各自的优缺点。

移动应用程序的优点

单机(Internet Independent)和缓存(Caching)——即使没有网络连接,也可以运行,这是移动应用的最主要的优点之一。也就是说,如果你想要制作一个应用,它可以让用户在一个数据库里面搜索信息、玩游戏、或者拍照片,都可以通过移动应用程序来完成。数据可以存储在移动设备中直到网络恢复连接,之后信息被重新输送回网络中。

交互(Interactivity)和游戏(Gaming)——虽然浏览器在交互和游戏方面一直在进步,但是与计算和移动设备的原生程序语言相比,它们仍然处于落后状态。因此,如果你准备制作一个有着超强交互体验的产品,比如一个游戏,移动应用程序可能是更好的选择。

人们花费在移动设备和移动应用上的时间正在激增——SalesForce的一项研究表明:85%的被访者说移动设备是他们每天生活的中心组成,这些人中90%的年纪在18-24岁。91%的消费者说能够通过任何方式来访问内容很重要。很明显,在未来,以移动平台为中心是个明智的策略。(来源:http://www.exacttarget.com/sites/exacttarget/files/deliverables/etmc-2014mobilebehaviorreport.pdf

锦上添花的小功能——不可否认的是,Chrome已经宣布了在浏览器和移动设备上推送通知的功能。但是移动设备本身可以提供多得多的功能:蓝牙、邻近系统(Beacon)、地理定位(geofencing)、WiFi、通知推送、应用程序内付账(谷歌的Google Play支持应用内购买),等等。

移动响应式网页应用程序的优点

网页应用的编程已经完成——由于很可能你已经完成了桌面端网页应用的程序编写,剩下来的只是审查移动端的用户体验,然后量身定做用户界面,使得它对移动端更加友好(Mobile Friendly)。这意味着通过调整导航菜单、按钮和字体尺寸以及输入框,来创造出更好的移动端体验(译者注:实际操作起来不仅仅是调整以上这些这么简单,信息架构、交互方式得也需要做一定的调整来更好地适应移动端浏览器)。

不依赖任何设备平台——网页应用程序不依赖于操作系统(比如针对iOS和安卓需要不同的应用)。现在有一种混合技术可以让移动应用开发者仅用一套代码来让应用程序同时适用这两种操作平台,但目前为止这还是一项新型技术,且十分昂贵。而对一个网页应用程序来说,开发者会针对最常见的网页浏览器来进行设计。一旦完成,它可以在任何使用那些浏览器(如Chrome,火狐,IE)的设备上运行。

内容不受应用商店规定的限制——网页应用程序存在于苹果的App Store和谷歌的Google Play的规定之外,因此他们可以自己制定自己的规则。没有额外的步骤来进入市场,没有繁复缛节的束缚。

网页或应用可以互相链接——这在行业中还属新概念,意思是你可以把不同的应用链接起来达到1加1大于2的效果,或者把同属于一个公司的产品链接起来。

*考虑WebGL的局限性——WebGL是网页浏览器的图像引擎。虽然它可以实现很多功能,但它还不是最好的用来实现移动端CPU密集型,及图像密集型应用程序的引擎。

两者共有或结合后的优点

赚钱——不管你采用两者中哪种,你都可以设计出付费订阅,然后通过应用程序来赚钱。想让用户每人每月付5美元?或者付一次性15美元的费用?没问题。就算你想要它变成消耗品(在应用内下载所付的钱),这两种平台都可以帮你达到。

结合——这两种技术都可以保证你可以从手机上得到想要的信息。但是,取决于你想让你的应用干什么,你甚至可以考虑设计一个混合型的应用,把网页应用开发和移动应用开发相结合。

我应该如何决定?

做出一个明智决定的最好方法是咨询专家。你的开发者将会问你许多问题,甚至比上述提到的概念还要多,为了理解你的应用如何才能最好地执行,以及建立在什么样的平台和技术之上。当然你可以同时咨询多个开发者,但是要记住:应用开发是一半艺术一半科学。开发者们可能在如何实施你的想法上有不同的看法,并且可能会往自己的方向上思考,从而可以在他们的专长领域来为你提供更多的价值。

不管用哪种方式,应用开发是一个漫长的过程,需要合理的预算。准备好接受五位数的报价,并且在开始开发前弄清楚投资回报率和对用户的价值,以决定应用程序是否可行。

【几款强大无比的素材管理神器】

新生代素材管理神器!
《有图的都交给我!新生代图片素材管理神器INBOARD》

图标素材管理工具ICONJAR!
《术业专攻!超方便的图标素材管理工具ICONJAR》

字体管理神器!
《设计师们!超好用的字体管理工具RIGHTFONT》

原文地址:legendarylion
译文地址:zhuanlan.zhihu
译者:@凌霜设计

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/9410/

(0)
iouedioued
上一篇 2015-09-14
下一篇 2015-09-15

相关推荐

  • 交互设计套路之——导航设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Five Hundred MilesThe Shadows - Dance With The Shadows/The Sound Of The Shadows亲爱的小伙伴们好久不见啦你们的涂涂回来啦!!不知是时间太快还是指缝太粗总是留都留不住总之感谢小伙伴们的不离不弃话不多说赶快准备好小板凳和瓜子嗑着瓜子咱们就开聊吧下面开始分享app的套路之一导航设计一、导航的分类1.标签式导航...

    2018-02-11
  • 为什么在App设计中,应该慎用左右横滑设计?

    移动端屏幕越来越大,但用户对内容量的要求也水涨船高。如何在有限的屏幕内透出更多的内容,是设计师们研究的重点。

    2017-05-21
  • 案例分析:聊聊扁平化设计的六点优势

    著名的艺术家 Edgar Degas 曾经说过,艺术并不是你所看到的东西,而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受,在这一点上,它和艺术是共通的。作为目前设计的大趋势,扁平化设计,无疑也具备着同样的特征。

    2017-05-10
  • 【交互设计】【装置艺术】传统昆曲与数字视觉的结合

    ▼数字与戏曲在数字时代大势所趋的背景下,传统戏曲也进行了一些试探性的尝试。交互性能和身临其境成为了戏曲的一种新的模式。演员通过光影达到像素化的效果,圆滑光影与演员的冲突,减少真实与虚拟的隔阂。打造沉浸式的戏曲艺术。▼沉浸与交互数字技术润滑了装置与观众的联系,发挥更大的互动作用。利用空间互动装置设计,以评估演出、空间和观众之间的联系,从而为观众提供一种身临其境的体验。▼古典与未来昆曲是一种东方古典戏剧艺术形式。数字技术的使用可以带来一种新...

    2018-04-17
  • 【大数据】APP留存率的计算

    留存率,越来越受到大家的关注,从网站用户到客户端产品,游戏产品,无线APP产品,都非常重视这一指标,留存率成为衡量一个产品是否健康成长的重要指标之一。 留存率的“40–20–10”规则 Facebook平台流传出留存率“40–…

    2015-01-14
  • 用户体验促进销售,因为专业,所以放心!

    在激烈的市场竞争中,如何突破胶着的态势,是每一个经销商必须面对的考验,过去的数年我们迎来了婴幼儿纪念产品行业大发展,同时伴随着发展也出现了许多行业的问题,如粗制仿冒产品、过度的市场开发、价格战等,在多年的市场摸索中,我们认为只有坚持品质领先、积聚品牌内涵才能构筑核心竞争能力,才能在激烈的竞争中赢得用户长久的信赖。好的品牌形象与产品如何能让用户充分感知呢?增强用户体验是重要的方法。面临市场上如此多的商家和产品,用户的取舍关键因素在哪里呢?...

    2018-04-18
  • 回答这3个问题,完善你的交互设计(文末有彩蛋)

    “我躺在沙滩上,感觉到细碎的沙子在后背陷入;我踩在小溪里,感觉到脚底的乱石和流过脚面的溪水。我和沙子,我和溪水,产生了交互。”如果是静态的画面,我们恐怕不能确定画面中人是先吼叫被抓住,还是先被抓住再吼叫:
    “疯狂罪犯终于落网!”
    “魔法界警察暴力执法!”
    ——这两者之间的差别可大了。“大页面的设计是焦点的设计,小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗?反正我信。”——“李白”“使用APP,你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档,只要遵循这些规范,用户不会因此犯错。
    Ps:规范可以帮我们“不出错”,但要达成“绝妙的设计”还需更多创造力。突然!你被人打晕了!
    醒来的时候你发现自己到了一个陌生的地方。
    现在你在想啥?——
    “我在哪?”
    “我是谁?”
    “我该怎么办?”“我在18层1806,我要去3层0303。出门左拐坐电梯,出了电梯再右拐“

    2017-05-23
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16
  • 通过微信学习用户体验和产品迭代

    这几天一直不停的开会,讨论产品,活生生的从运营的位置跑偏到了产品,似乎可以调岗了,andy一直在聊迭代的问题,想来想去,觉得还是微信做的最牛逼,那就翻翻历史,聊一聊吧。微信是2011年1月21日才面世的,为什么能在短短六七年的时间实现9亿多用户?在QQ已经在通讯社交行业占据霸主地位时,微信又是如何脱颖而出实现反超的? 在米聊率先面世创下不俗业绩后,微信又是如何后来居上的? 微信的成功对于产品人来说有很多值得挖掘、学习的地方。初期的微信和...

    2018-05-05
  • 《用户体验要素》的笔记 (2) 第三章 战略层

    1. 战略层主要解决两个问题:1)我们想通过这个产品得到什么?即产品目标是什么?2)用户想通过这个产品得到什么?即用户需求是什么?此处的关键词是【明确】。当我们能越清楚的表达我们想要什么,以及确切的知道其他人想要从我们这里得到什么时,我们就能越精确的满足双方的需求。注:而最终导致产品失败的原因也经常出现在这个环节,很多产品口号喊的很响亮,但就是不愿意进一步去描述,并不是说产品经理一定要上层决策好目标和需求的每一个字,然后就不容易出错,没...

    微信热点 2018-04-08