苹果iOS设计模式

每个移动平台都有一套设计模式,它直接彰显了外观、功能和体验上的特色。设计师使用既定的设计模式,可以改善产品的实用性、增加转化率,并带给用户熟悉的操作体验,避免用户因为陌生而困扰从而放弃使用,下面就以iOS为例,详述设计模式的实际运用。

什么是设计模式(design patterns)?

简单来说,设计模式就是一个解决特定设计问题的重复利用方案。因为用户多次重复使用它,所以他们能迅速熟悉该模式提供的解决方案。

比如,汉堡图标(hamburger icon)已经成为众所周知的设计模式,我们都知道点击它就会打开一个菜单,这一行为已经根深蒂固,所以如果当用户点击它之后触发了其他行为,那么他们会非常的困惑。

hamburger_1x

所以一旦设计师不遵循设计模式,而进行自创的话,会有两种后果:

1- 用户会受挫或不耐烦,因设计或者界面与他们的期待有所不同,他们无法理解

2- 用户很惊喜,因为新的设计更好。通常这种设计很创新,很可能改变游戏规则,影响设计模式的进化

在进行创新的时候要小心,被用户讨厌的设计与创新性设计只是一线之隔。

下面就以iOS为例,详述如何在苹果的移动平台上实践设计模式。

苹果的官方指南

苹果为iOS平台提供了一个设计标准,叫做人机界面指南(HIG, Human Interface Guidelines)。它规定了设计师和开发者要遵守的准则,比如键盘布局、日期选择器和状态栏。

设计视角

ios7design

然而设计标准并不仅限于界面,在iOS 7发布后,苹果还规划了新的设计视角,集中反映了人机界面指南中的三大主题:

- 遵从。用户界面帮助用户理解内容并与其互动,而不是和它较劲。

- 清晰。文字应在任何尺寸都可读,图标要精确清晰,装饰要精巧适宜,并且聚焦功能性。

- 深度。视觉层和真实运动要显示活力,增加用户愉悦体验和理解

外观和体验

depth

在iOS 7之后,扁平化设计就成为了主导,这是苹果设计的重大转变,可以说与过去的拟物化设计是背道而驰。但是现在看来,用户对扁平设计的接受度不错,拟物化被抛弃似乎已经成了事实。设计师们必须紧跟这一改变进行设计。

当然,外观并不是全部,在设计App时,体验和功能性也十分重要。

精妙的动画是iOS 7的一大卖点。这对App设计师来说也是一个启发。动画也是设计模式的一部分,用户很喜欢精巧的动画,值得为此下功夫。

图标也是界面设计模式的重要一环,它对任何背景的用户都能有沟通意义。能正确的使用图标,是运用设计模式的开始,但图标的外观和体验也很关键。人们已经逐渐熟悉扁平简单的图标,所以过于拟真的图标就不再符合用户的期望,也就降低了设计的有效性。

设计模式的其它重要元素

translucent

新设计模式的一大特征,就是使用半透明的用户界面元素,比如改进后的控制中心。苹果使用半透明和磨砂效果,来让用户意识到背景里的内容,使用户在使用控制中心时有一种情景体验。

负空间(negative space)的使用也能让设计更加有效有用。它是主体空间旁边的部分,通过与主要颜色区分,让用户聚集重点部位。这种极其注重细节的精神,值得设计师学习。

无边按钮(borderless button)也是饱受争议的一大创新,也是更加彻底的扁平化设计,这一改变完美体验了创新型设计与糟糕设计之间的分界线。

另外,还需要注意的是,在移动方面,iPad与iPhone或iPod Touch的界面设计就需要有所不同,某些用于大屏幕设备的元素,不能用在小屏幕设备上。

注意事项

ios7_design

- 核心特性优先呈现。定义最主要的用户故事,它们应享有最低限度的导航。

- 设计模式通常使用设备专用功能,来改进APP的关联实用性和内容。比如说定位,就被用来呈现相关内容给用户。

- 始终显示导航提示,让用户能知道自己处于App什么位置

- 设计模式也注重优化“行动召唤”,不断提示用户该采取的下一步操作。

- 用户的输入应该尽可能简单易操作

- 如果用户界面元素是可点击的,要让用户清楚明白

- 移动设计模式主要是水平流动,比起电脑操作时用户滑动鼠标往下移动,移动设计要直接呈现新界面,而不是等待用户行动,用户的体验必须顺滑无缝。

- 了解移动设备的使用环境,与电脑的使用环境有很大不同。

总之,在设计上的创新不是一件容易的事情,比起过度怪异导致的糟糕设计,遵守设计指南的标准更加可靠。毕竟要提供的,是带给用户最佳体验的应用。

Jus de Raisin为你提供丰富的网站App设计开发方案,你有任何问题和想法,都可以随时联系我们

 

若你喜欢我们的文章,使用下方按钮分享至:Google+、微博Weibo、Facebook或Twitter。

有话想说?请在下方留言框留言,期待与你的交流。

Laisser un commentaire