第 1 章 为iOS平台做用户体验设计

第 1 章 为iOS平台做用户体验设计

经常有人这样问我: 想设计一个iPhone上的移动应用,应该怎样入手?用什么软件?看些什么资料?……这些问题确实让我有些犯难。并不是我没法回答他们,而是这些问题反映出他们对移动应用设计实在是一无所知。我们要清楚,为移动平台设计应用程序,绝不是心血来潮、想做就能做的事情。如果仅仅是为了填补一下自己的设计业务领域的空白,或是满足一下自己“IT时代”的时尚情怀,那还是适可而止吧。

真正面对一个成熟的应用设想,或一个实实在在的项目时,我们需要考虑的绝不是上述问题,而要考虑的是你的应用将要面对什么样的用户群体?是否适合在移动设备上运行?能否适应相应移动平台的规范?这个应用到底能给用户带来什么?……我们所面对的工作,绝不仅仅是针对视觉和感官上的设计,而是移动应用的用户体验设计。想要得到完美的设计结果,也绝不是普通的设计师能够做到的,我们将要成为的是名副其实的用户体验设计师。

1.1 成为用户体验设计师

每当打开手机或平板电脑,看着一款款精美时尚、高效实用的应用产品的时候,心里不免会感慨: 这要是我的作品该多好啊!然而,每个精彩的移动应用背后,都汇集了大量的工作,经历烦琐的步骤,耗费惊人的时间和精力。单靠一个人的工作几乎不可能,大部分情况下都是一个甚至多个团队的合作。因此,本节要对移动应用的设计工作做一个系统的概括和剖析。

1.1.1 UI、ID、UE和GUI

在网页和应用设计领域中,经常会听到人们用这些英文缩写描述设计工作。那么它们各自代表什么含义?具体的工作、方向和区别是什么呢?

先来看看它们的英文全称和基本定义:

UI(User's Interface): 用户界面,是指对应用软件的操作逻辑、人机交互、界面美观的整体设计。从20世纪80年代起,这个概念成为了计算机科学的正式学科。在设计理念上,UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

ID(Interaction Design): 交互设计,又称互动设计,考虑的是人、环境与设备的关系和行为,以及传达这种行为的元素的设计。这个解释有点难懂,简单地说,进行交互设计,就是为了让产品更易用、有效,让人使用产品时感到舒适。同时,它需要了解用户和他们的期望,了解用户在同产品交互时彼此的行为,以及“人”本身的心理和行为特点。交互设计还涉及人体工程学、心理学、生物学等多个学科,以及和多领域人员的沟通。

UE(User Experience): 用户体验,也简写为UX,它要求设计师能够全面地分析和体察用户在使用某个系统时候的感受。他的工作从开发的最早期就开始,并贯穿始终。目的是保证用户对产品的体验有正确的预估,了解用户的真实期望和目的,并对功能核心设计进行修正,保证功能核心同人机界面之间的协调工作。

GUI(Graphical User Interface): 图形用户界面,是指针对采用图形方式显示的操作环境用户接口进行设计。其实就是界面美工,只关心界面的美观和有关视觉方面的设计工作。

从上面各项设计工作的概念来看,UI的概念比较广泛,既包含了软硬件设计,也囊括其他各项设计的部分内涵。而GUI设计比UI设计稍窄,目前国内大部分的UI设计师其实做的是GUI,他们大多出自美术院校。ID设计简单地讲只是指人和计算机之间的互动过程,目前一般是软件工程师在做。而UE设计从简单理解上,关注的是用户的行为习惯和心理感受,就是琢磨人会怎么用软件或者硬件才觉得顺心就手。但是,有关用户体验这一课题的确切定义、框架及其要素还在不断发展和革新。

现在通过一则国外的UE设计师招聘要求,来看看现在的用户体验设计师需要处理的工作内容(见图1-1)。

图像说明文字

图1-1 UE设计师招聘要求

面对这份招聘启事,实际上我会和大家有同感,它的业务跨度相当大,条件也近乎于苛刻,不是吗?我们不但要了解编程工作,还要善于图形设计; 不但要有组织和测试能力,还要善于沟通; 不但要掌握各种图像软件,还得是个绘画、制图的高手。看来,想要成为真正的用户体验设计师比想象的要难一些。但是仔细分析一下,不难得出一个结论,未来的用户体验设计师就是要具备用户界面设计、交互设计、图形美术设计以及以用户为中心的原型测试能力的全能型设计人才。这也是我们撰写这本著作的原因,我们的目标就是要从零开始伴随大家逐步成为iOS移动应用的用户体验设计师。

1.1.2 了解iOS平台

我们的应用是针对iOS平台设计并实现的,那么在此之前,我们必须对iOS平台乃至所有的移动平台有一个了解。所谓移动平台,就是移动设备上的操作系统,安装各个应用程序的载体。由于最初主要是建立在移动通信功能的基础上,因此又称为移动通信平台,一般由移动终端、移动通信网络、数据中心组成。移动终端主要指智能手机、平板电脑、便携式计算机等。移动通信网络包括电信通信网络和移动互联网。数据中心一般由信息平台、用户管理平台和中心数据库组成。

目前,市场上的移动平台种类很多,但最主流的主要有三个,也就是苹果公司的iOS平台、Google公司的Android平台和微软公司的Windows Phone平台,我们统称为三大平台(见图1-2)。Android平台目前的最新版本是Android 4.3(又称“果冻豆”),Windows Phone平台目前的最新版本是Windows Phone 8。当然,移动设备的系统操作平台绝不仅仅这三种,我们熟知的还包括“Blackberry”、“Palm”、“塞班”和“Windows Mobile”等。但是在上述的三大平台面前,它们的市场占有率和设备的保有量相对较低,甚至已经被淘汰出局,因此本书不再介绍。

图像说明文字

图1-2 移动应用的三大平台

iOS平台是由美国的苹果公司开发的移动设备操作系统。苹果公司最早在2007年1月9日的Macworld大会上公布了这个系统,最初是设计给iPhone手机使用的,因此当时命名为iPhone OS,后来陆续套用到iPod touch、iPad以及iPad mini等苹果移动产品上,2010年6月7日WWDC大会上宣布改名为iOS(见图1-3)。

图1-3 iOS以及iOS 5和iOS 6的标志

iOS平台的发展是三大平台中最成功也是最稳健的。2011年10月4日,苹果公司宣布iOS平台的应用程序已经突破50万个。2012年2月,应用总量达到552247个,其中游戏应用最多,达到95324个,比重为17.26%;书籍类以60604个排在第二,比重为10.97%;娱乐应用排在第三,总量为56998个,比重为10.32%。2012年6月,苹果公司在WWDC 2012上宣布了iOS 6,提供了超过 200 项新功能。

iOS 6拥有许多非常优秀的应用和功能,例如: 以全新角度呈现的地图应用,可以通过语音来发送信息Siri功能,带有iCloud超强分享功能的照片浏览应用,高效管理和使用各种票据、卡片的Passbook,FaceTime视频电话,全新的邮件功能和Safari网络浏览器等。更多的应用程序、影音文件及书刊报纸可以通过iOS官方的应用商店iTunes Store、App Store 和 iBookstore购买和下载安装。通过 iCloud,用户的预览历史记录会在你所有的设备上保持更新。因此,用户可以在 iPhone上开始购物,然后在 iPad上继续而不必退出使用中的应用。

在2013年6月10日的WWDC上,苹果公司发布了iOS 7(见图1-4)。它在iOS 6的基础上有了很大的改进,不仅采用了全新的应用图标,还重新设计了内置应用、锁屏界面以及通知中心等。iOS 7还采用了AirDrop作为分享的方式之一并改进了多任务能力。

图1-4 iOS 7的标志

iOS的用户界面是非常严谨,同时带有创新精神(见图1-5)。界面可以使用多点触控直接操作。控制方法包括滑动、轻触开关及按键。与系统的交互包括各种手势,例如滑动、轻按、挤压及旋转。此外,通过其内置的加速器,可以在竖屏和横屏之间切换,这样的设计使iOS平台的移动设备更便于使用。屏幕的下方有一个主屏幕(Home)按键,屏幕的底部则是苹果操作系统特有的Dock应用启动平台,用户可以将经常使用的程序的图标在Dock上固定4个(iPad上可增至6个)。屏幕上方是状态栏,能显示时间﹑电池电量和信号强度等相关数据。其余的屏幕面积用于显示当前的应用程序。启动iPhone应用程序的唯一方法就是在屏幕桌面上单击该程序的图标,退出程序则是按下屏幕下方的 Home键(iPad可使用五指捏合手势回到主屏幕)。当第三方软件收到了新的信息时,Apple的服务器将把这些通知推送至iPhone、iPad或iPod Touch上,不管它是否正在运行中。在iPhone上,许多应用程序之间无法直接调用对方的资源。然而,不同的应用程序仍能通过特定方式分享同一个信息。

图像说明文字

图1-5 iOS平台的用户界面特点(从左至右分别为iPhone5、iPad4、iPad mini)

iOS是三大平台中最具有创新优势的移动平台,而且每款应用都很精美。这是因为苹果公司为第三方开发者提供了丰富的工具和API,从而让他们设计的应用能充分利用每部iOS设备蕴含的先进技术。所有应用都集中在一处,只要使用你的Apple ID即可轻松访问、搜索和购买这些应用。iCloud可以存放照片、应用、电子邮件、通讯录、日历和文档等内容,并以无线方式将它们推送到用户所有的设备上。如果用户用iPad拍摄照片或编辑日历事件,iCloud能确保这些内容也会出现在用户的Mac、iPhone和iPod touch上而无需你进行任何操作。

1.1.3 了解成功的iOS应用设计案例

无论你是否真的准备好设计并开发一款iOS平台的移动应用,现在我们需要先放松一下,细心观摩几款成功的移动应用用户体验设计案例,这对于我们加深对这门学科的认识,提高我们研究它的兴趣,以及对它设计理念的深入理解都是非常有帮助的。

首先来看看iOS平台的“Passbook”(见图1-6)。

图像说明文字

图1-6 iOS平台的“Passbook”

自从iOS 6一上市,“Passbook”就以它独特的支付功能和超凡的用户体验设计博得了大众的眼球。它是苹果公司于2012年6月12日的全球开发者大会(WWDC)上宣布的,并在iOS 6系统上提供操作的一个全新应用。这是一款可以存放优惠券、会员卡和电影票的移动应用。它整合了来自各类服务的票据,包括电影票、登机牌、积分卡和礼品卡等。这些票据将被显示在锁屏屏幕上,当用户走到相关商店或场所附近时,通过定位功能,对应的票据将会被自动显示。在这个大多数印刷品都开始数码化的年代,使用电子优惠券或电子机票其实是很平常的事。

Passbook的另一个独特功能在于它能够自动显示附近商家的会员卡和优惠券等信息,例如,当你经过必胜客时,Passbook就会弹出一条信息提醒你必胜客就在附近,你可以使用相关的必胜客优惠券和礼券等。Passbook还支持各种信息的实时更新,如果登机牌上的航班出现延迟,它会自动通知用户。此外,如果不想再使用Passbook管理某一种电子票券,那么用户也可以随心所欲将这些电子票券从Passbook里“销毁”。

作为iOS 6的原生应用,从视觉设计上我们也可以鲜明地体会到Passbook强烈的拟物化风格体现: 硬纸卡片、手撕边缘、层叠效果以及逼真的碎纸机动画。所有的细节都散发着设计师精到的细节刻画和仿真制作工艺。

再来看看著名的微博和交友应用iOS版“Circle”(见图1-7)。

图像说明文字

图1-7 iOS平台的“Circle”

作为2012年刚刚出现的新事物,“Circle”成为了非常热门的情境感知地理位置服务行业的应用,由Likealittle公司打造,其竞争对手包括Highlight、Banjo、Meetup和最近被Facebook收购的Glancee。用户可从应用商店中下载Circle,然后通过Facebook Connect登入。Circle会从Facebook自动提取你的工作和教育背景信息,并添加到Circle网络中。在“周围的人”中,你可以看到自己的地理位置、周边的Facebook好友以及分享同个社交网络的用户。Circle只会显示处于同个社群组里的用户,比如校友群、工作群和朋友的朋友,当然,用户也可以自行关闭掉此显示功能。

“Circle”用户还可以设置显示朋友地理位置的物理距离范围,从几步之遥到无限大的距离都可以。和Highlight类似的是,用户不能关闭地理位置更新的功能; 但是和 Highlight不同的是,用户可以通过设置过滤掉某些用户、对某些朋友或群组中的某些用户关闭掉提醒功能,也可以在每个个人网络中设置成对其隐身(比如当你不想让同事们知道上班时间你正在商场闲逛)。

值得一提的是,“Circle”应用在iOS平台上最新版的扁平化扁1设计风格,不但顺应了iOS 7全新的设计思路和理念,而且极大地增强了应用本身的时尚味道和个性,同时,能够根据环境而变换底色的视觉体验相当的出色。

1平化设计的概念参考2.3.1节。

最后为大家介绍的,是著名的美国彩色对开日报《USA Today》(《今日美国》)在iOS平台设备iPad上的移动客户端(见图1-8)。

图像说明文字

图1-8 iPad平台上的“USA Today”

《今日美国》于1982年9月创刊,且至今为止一直保持着彩色版面、消息集中、多用图表、重视体育报道、便于读者迅速获得所需信息等特点而吸引着读者。进入移动互联网时代的今天,《今日美国》仍然保持着各方面的领先优势。归纳起来,《今日美国》作为全新的移动数码报纸主要有以下四大特点。

  • 涵盖面广: 专门开辟了 “美国各地”和“世界新闻摘要”专栏,便于读者从这一份报纸上了解美国各地及世界上的重大新闻。
  • 动态天气: 仿效电视气象预报形式,首创了用彩色气象图表报道美国50个州、100多个主要城市3天天气的趋势。
  • 界面美观: 独创了使用生动的图片和图表为主的新闻报道,图文并茂,形式美观,提高了读者的读报欲望和兴趣。
  • 文字精练: 它注重使用简洁明快的报道文体,偏爱使用短句、短字来浓缩文章,有时,一两句话就构成了一条新闻,这样就充分节省了篇幅,便于登载尽可能多的信息,以突出其综合性大报的特点。

当今,纸质读物已经渐渐地被电子读物所替代,尤其作为新闻媒体的报纸,从信息量到更新速度上更是远远不如各大新闻门户网站和客户端,因此,主流的新闻企业都在抓紧发布自己的移动设备客户端。在图18中我们可以欣赏到《今日美国》在iOS平台iPad设备上的移动客户端的最新设计。它把iOS传统的界面风格进行了扁平化的改造,以适应最新的iOS 7的视觉风格。同时,完全继承了传统的优势,并以高纯度的色彩进行清晰、鲜明的分类,是一款精彩的,带有浓郁苹果味道的用户体验设计。

以上分别向大家介绍了iOS两类移动设备上风格各异的三款经典的应用设计。目的是让大家对移动应用、用户体验设计以及全新iOS扁平化设计理念有一个比较直观的认知和了解。接下来直入主题,要针对iOS平台的应用进行用户体验设计。首先,我们必须清楚这项工作的基本流程和各个环节的目标及关系。

1.2 用户体验设计的基本流程

对于传统的设计师,包括用户界面或交互设计师来说,移动应用的用户体验设计是一个全新的设计领域。用户在其他形式的图形设计中积累的经验是很难应用到移动设备界面上的。作为设计师,我们的主要工作就是完成应用的高保真原型。所谓产品原型,就是在设计过程中为了检验设计结果而制作的“模型”,当然这个“模型”不是立体的,而是一个可以作为应用的替代品平面效果图。我们可以分阶段把它制作成纸面的草图、平面的图像文件以及带有交互效果的可执行文件。产品原型可以帮助我们进行产品方案展示、可用性测试和修改、与甲方或用户沟通以及与开发人员沟通。

现在,我们通过移动应用用户体验设计的工作流程,来了解一下这门学科所涉及的知识领域和经验要求,这也对移动应用设计的初学者极有帮助,可以更加明确、系统地规划自己的知识体系以及经验、素材的积累。

1.2.1 设计的前期工作

这部分的工作主要是对设计进行前期铺垫,以及对应用的概念和功能进行规划和设想。

1.市场调查

在开始设计之前,我们必须了解很多事情。首先要确定你的创意还没有人做过,如果发现已经有类似的应用(这当然很难免),那么你就需要比它做得更好,而且具有更多独特的优化设计。最有效的调查方式是到各大平台的移动商店上搜索已有的应用程序。iOS的应用一律在iTunes Store上搜索(见图1-7); Android平台由于其开放性造成了网络上出现各种五花八门的应用商店,我推荐大家还是在官方的Google Play里搜索,因为它的内容比较全面,分类也比较系统; Windows Phone的应用可以在Windows Phone官网的App+Game里搜索。

2.功能定位

我们还需要对自己的想法和目标功能有个明确的定位,这对后续的设计工作很重要,它决定了整个应用的设计要点。建议开发者在定位时尽量有所偏重,也就是目标比较专一、功能比较独特,这样的应用比较容易做出自己的个性而吸引用户,具体的描述可以参看第3章。

3.用户分析

用户分析主要是通过对应用的用户及用户群体的分析和了解,来确定应用的核心功能。这一步骤对于整个应用设计是极端重要的。在设计的前期阶段,最容易出现的就是对功能取舍的争论,团队里的每一个成员都会提出各种功能需求设想,也很容易陷入到某一个具体功能中。建议开发者借助“问卷调查”和“现场调查”的方式来解决,具体方法可参看第3章。

1.2.2 创意和原型草图

1.产品创意

通过设计的前期工作,我们得到了比较明确和清晰的设计方向和计划,但是面对实实在在的项目,应该如何入手开始设计并把它实现出来的过程,这需要很强的想象力和创造力。我们的目标是开发出有价值的和有特色的独树一帜的应用产品,这需要在设计工作的前期进行大量的思考和创意。我们的方式是借助头脑风暴来解决,具体方式可以参看第4章。

2.绘制原型草图

并不是所有的问题考虑清楚,就可以打开计算机进行图形界面设计甚至编写代码了,在进入具体设计制作之前,需要在纸张上勾划出应用的原型草图。目的是通过铅笔在纸张上把应用的功能点、操作流程、界面布局以及交互元素进行一次实际的演习。去除多余或不合理的因素,加强应用的核心功能(见图1-9)。

图像说明文字

图1-9 手绘原型草图

1.2.3 计算机原型的制作及可用性测试

所谓的计算机原型就是在计算机上进行应用的图形界面设计,不需要过多的细节修饰,只是把纸面上的草图数字化,以便在计算机上不断的改进和补充。

1.选择布局和导航方式

把应用设计从纸面上移动到计算机软件上的过程中,需要对几个重要的环节进行细化,第一个就是选择好界面的布局以及合理的导航方式,这直接影响到应用在使用和操作过程中页面跳转的清晰、流畅和调理性。我们将在第5章详细介绍iOS平台处理相关问题的思路和规范。

2.设置控件和界面元素

界面的布局得当后,就要对界面上的细节元素进行细致的设计、排版和调整了。这个过程对设计师的图形把握能力和构图能力要求比较高,它可不是简单把这些元素拼凑在界面上就完成了,而是要考虑很多的相关问题。包括上一步的导航和布局在内,我们都要对应用的交互方式、人体工程学以及视觉的整体协调感进行反复的调整。

3.可用性测试

这是移动应用的用户体验设计中期非常重要的步骤。将设计好的应用原型输入移动设备的相册里,或者使用Xcode制作成可进行简单的页面间跳转的交互程序。寻找一些团队以外的人员尝试着使用一下,观察他们的使用情况并进行记录和分析。以此来测试应用布局、导航和控件位置的合理性和操作的体验感(见图1-10)。

图像说明文字

图1-10 应用的可用性测试

1.2.4 高保真原型及设计的完成阶段

虽然我们得到了一个比较完善的设计结果,但是我们的应用原型依然是一个中间状态,它不美观、没个性,无法吸引用户来尝试和使用,因此需要进一步的创意和修饰。

1.个性化设计

个性化设计是大部分设计师最喜欢的步骤,我们在低保真原型的基础上对应用的界面进行色彩、图形细节、字体和特效上的修饰和创意。发挥你天才般的想象力,充分展现应用的个性和魅力,使用户一打开你的应用就会爱不释手。第8章会由浅入深地和大家一起探索应用界面个性化设计的思路和方法。

2.图标设计

图标设计是画龙点睛的环节,发挥你超长的造型能力和软件技巧,为应用设计一幅既迷人、又有视觉冲击力的面孔。让它无论在移动桌面上,还是在应用商店的货架上都能够吸引眼球。同时,也不能忽视应用界面上的各种栏图标的设计。

3.交付开发者

最后,我们把高保真的个性化设计结果用Xcode实现并演示给开发者,把所有图形文件细致地分类、打包,包括完整的界面设计效果图都分别保存好,做上清楚的标注,交付给开发人员。在此过程中,可能还需要与开发者进行沟通,有些图形需要单独保存或分割。

以上就是移动应用用户体验设计的全部过程。整个过程中还有许多的细节诸如讨论、修改和测试的过程,在这里并没有阐述。当然,在之后的章节将更加系统、详尽地进行描述。有些步骤并不是一次完成的,在设计和实践的过程中,经常出现把设计给推翻或反复一个甚至几个步骤,这是非常正常的。而且对原型的可用性测试,建议在每个环节完成后都应该简单地进行一次,这样可以少走弯路。因此,以上这个流程只是作为大家在设计过程的一个参考和依据。

推荐读者在进行设计之前,详细阅读iOS平台的《人机界面指南》2,千万不要认为这只是给初学的菜鸟看的“使用说明书”,它对你设计的规范化和合理性都会有极大的帮助。

2《Human Interface Guidelines》可以在苹果的开发者官网(https://developer.apple.com)上找到,也有热心的开发者将其译成了中文并发布到各类移动开发者论坛上。

1.3 iOS 7的全新用户体验

苹果在2013年的全球开发者大会(WWDC)上发布了全新移动操作系统iOS 7,这一版本的iOS完全摒弃了过去的拟物化设计风格,并开始采用实用性更高的扁平化设计。对于开发者来说,这一全新游戏规则要求他们根据iOS 7的用户界面而重新设计自己的应用,并希望借此带给消费者更加新鲜、且同设备拥有更高默契的应用使用体验。

所谓拟物化设计,就是在设计过程中为了体现产品特点和降低使用难度,通过模拟现实物品的造型和质感,对实物进行再现,同时,交互方式也可以模拟现实生活的交互方式。而扁平化设计,是以简约理念为核心,摒弃高光、阴影和透视感的效果,通过抽象、简化、符号化的设计元素来表现。其交互核心在于功能本身,所以去掉了冗余的界面元素和交互方式,通过图1-11可以对这两个设计风格进行比较。当然,这只是对这两种设计风格的简单描述,事实上在设计过程中还需要注意很多的细节和要点,有关拟物化和扁平化的风格的设计方法会在第2章深入论述。

图像说明文字

图1-11 iOS的“计算器”应用设计(拟物化和扁平化设计风格对比)

在此,我们通过一些案例,深入理解iOS 7的全新用户体验,并对iOS移动应用的设计理念及改造方向进行分析和阐述。

1.追求简约

扁平化设计风格的核心理念就是追求“简约至上”,因此,比较iOS新旧版本的视觉印象和操作方式的时候,应该能够感觉到苹果对于操作系统简洁的追求已经到达了一个全新的层次。不仅是应用程序图标和界面的设计,iOS 7中的整体设计理念相比以往更加简洁。这也就是说,此前那些非常适合iOS 6系统的应用或许会令iOS 7用户感到过于复杂甚至落后。当然,并不是说用户必须在应用开发过程中始终遵循iOS 7的设计风格,开发者依然拥有着较大的自由设计空间,但是在把握视觉风格和操作流程的时候,应该相信苹果公司的品位。

通过图1-12可以发现,虽然两个版本的“天气”应用在界面的复杂程度上变化不大,但是通过扁平化的处理和色彩亮度的改变,从视觉上iOS 7的“天气”应用更加的直观和悦目。

图像说明文字

图1-12 iOS平台的“天气”应用(左图为iOS 6,右图为iOS 7)

2.优化层级

扁平化设计理念的另一个重要理念就是优化和减少层级关系。在iOS 7中,苹果公司通过充分利用更加紧凑的界面设计来优化应用的层级,力求操作更加的简便和直观。这样可以有效提升用户的使用效率和动态感,因此为了使自己的应用能够配合iOS 7的整体设计风格,应用开发者需要在设计应用时将层级设计融入到软件的UI设计之中。然而,优化层级并不等于使界面杂乱无章,应用开发者同样需要保证应用主页面的条理和开放性。

通过图1-13对新旧版本的“语音备忘录”应用的比较可以发现,去掉了毫无实际用途的拟物化图形,应用的界面多出了很大的空间,使隐藏的功能和页面得以搬到台前。比如,用户查找录音文件不需要在进入下一级页面,大大提高效率的同时也增加了更多的功能。(只是原来制作麦克风图像的设计师将会失落,这个经典作品肯定花费了不少心血,至少我会怀念这个画面!)

图像说明文字

图1-13 iOS平台的“语音备忘录”应用(左图为iOS 6,右图为iOS 7)

3.相互关联

为了进一步增强不同原生应用之间的互动性,苹果公司已经开始有目的性地降低应用程序之间的独立性。而且,iOS 7的最大优势之一就是可以增强应用程序的互动性和可访问性。因此,应用开发者理应在软件开发过程中充分考虑到自己的应用与其他程序进行关联的可能。降低门槛,允许其他应用调用你的功能,也同样可以利用其他应用,包括iOS原生应用的优势,把它们的功能为我所用(见图1-14)。

图像说明文字

图1-14 iOS 7中的三款原生应用(它们在操作过程中可以互相调用功能)

这样,以iOS平台为载体,应用与应用之间相互平等,相互融合的扁平化在一起。通过iOS 7全新的“控制中心”和“最近使用”功能的变化可以明显感到。当然,这或许意味着开发者需要在软件开发过程中为部分功能性留下一些空间,以便让其他应用程序有可能在日后填补这一空缺。或者,应用开发者也可以充分思考一下如何才能使自己的应用程序填补其他应用所遗留的功能性空白。

不过,也要明白一点,虽然我们在为iOS平台设计移动应用的时候应该遵循iOS 7的最新理念,但这并不一定意味着你的应用程序一定就需要进行改变,因为单纯“为改变而作出的改变”或许最终会走很多弯路。如果东西没坏,就不需要进行修理,我们的应用如果状态良好,就没有必要一定花费人力和财力去迎合iOS 7的理念。而且,配合iOS 7的设计风格也并不意味着必须以牺牲应用个性作为代价。很多优秀的设计师依然可以通过自己天才的想象力和创造力做出更加成熟合理的应用。因此,作为设计师,我们不应该因为iOS 7所做出的重大改变而迷失自己。

iOS 7确实是一个巨大的进步,我们应该深入理解iOS平台的视觉规律和设计规范,以便在应用设计的过程中更加高效、美观和时尚!

目录

  • 前言
  • 第 1 章 为iOS平台做用户体验设计
  • 第 2 章 iOS平台的交互特点
  • 第 3 章 做好设计的前期工作
  • 第 4 章 产品创意与原型草图
  • 第 5 章 使用Xcode工具进行原型设计
  • 第 6 章 使用标准控件
  • 第 7 章 应用程序导航
  • 第 8 章 iOS应用的个性化设计
  • 第 9 章 图标设计与启动画面
  • 第 10 章 iOS应用设计项目实践——“2016里约热内卢奥运会”应用项目敏捷设计