BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

Apple 设计大奖的设计之道 (1) 创新与信任感

Apple 设计大奖的设计之道 (1) 创新与信任感

​不大相信 2019 年还有十几天就要结束,分明前几天才刚刚念叨过“元旦假期过得如何啊”一类。总的来说大体就是个符合生活本质规律的年份吧。屏幕对面的各位又如何呢?

这一年的末了竟然开始写一些看起来像是回忆录的东西,这是没有想到的。是的 About a Designer 的第一章完结之后,我又回来继续做“图文版 WWDC 设计分会”系列的第四个主题了。

类似以往,2019年的 WWDC 宣布了一系列“Apple 设计大奖”得主,app 与游戏都有涵盖;设计布道者团队也通过一场单独的设计分会为世界各地的开发者们讲述了大奖得主在设计方面的优异之处。这就是我们接下来的话题,今天开始第一部分。

设计大奖的设计之道 (1)

与以往一样,今年的 Apple 设计大奖得主,包括一系列 app 与游戏,都给我们带来了惊喜与启发,而我们也几乎要把今天这场设计分会叫做“如何赢得 Apple 设计大奖”了,因为有太多人在问我们这个问题。这也很正常,大家自然会关心我们是如何进行评选的。

这里面是否存在具体的衡量标准呢?当然,不过这不是今天的重点;我们接下来会探讨一些更有意思的、对各位更有实际帮助的话题。

每一个获得了 Apple 设计大奖的 app 和游戏都体现着一些重要的设计要素,今天就让我们来逐一进行挖掘。

同时,我们还为各位带来了每一款产品背后关于设计过程与方法的小故事,同样希望能帮助你有所心得。

创新(Innovation)

让我们从“创新”开始说起。今年的大奖得主们在创新性上都有着不凡的表现,无论 app 还是游戏,各有各的创新维度。我们以 Asphalt 9(“狂野飙车 9”)以及 HomeCourt 为例。

不同于其他的赛车游戏,Asphalt 9 带来了极具创新特色的操作机制。玩家无需关注车辆的加速和制动,只需将注意力放在两个最主要的操作上,即通过横划手势来控制路线,通过点按来控制氮气喷射。

这套被称为“TouchDrive”的机制颠覆了我们对于竞速类游戏控制方式的认知。加速、刹车、转向 - 这些操作一直都以来被认为是竞速类游戏所必需的,而 Asphalt 9 的开发者们则对这种最基本的假设提出了质疑。

他们抛开束缚从零开始,寻找更加简化、更适合 iOS 的操作方式,最终大胆地抛弃了“加速”与“刹车”这两个传统的主操作,取而代之的则是氮气喷射与漂移,使玩家很快就能从操作当中获得乐趣。

同时,他们也深知赛车游戏当中传统的转向操作很容易带来失误,影响游戏的爽快体验。经过一系列的测试与反馈,他们确定了通过手势选择路线实现自动转向的操作方式。这使得玩家可以聚焦于复杂的赛道及竞速策略本身,而非反复受挫于困难的操作。

“TouchDrive”被设定为 Asphalt 9 的默认控制模式,但传统模式依然可选,以满足不同玩家对于真实感和准确性的追求。

对于 Asphalt 9 的开发者们,我个人最为欣赏的就是他们基于理性认知的冒险精神。经过大量的迭代、测试与反馈,设计方案逐渐脱离于传统的交互模式,形成了全新的操作体验,最终成就了极具创新性的“TouchDrive”。

无论你的产品是 app 还是游戏,试着在设计流程初期就对一些基本假设提出质疑,多问问“为什么一定要这样做”,是否只是出于“传统”和“习惯”?同时试着将人们习以为常的痛点转化为新的想法,正如 Asphalt 9 对于赛车转向的实现方式。所有这些都有可能引领你实现前所未有的创新设计。

接下来我们聊一聊 HomeCourt。

配合运用 iPhone 的后置摄像头与机器学习能力,HomeCourt 可以有效地帮助用户提升篮球技艺,而且使用起来非常轻松自然。

HomeCourt 可以统计你的投篮表现,并生成图表。在此之前,要获取这类信息实属不易,你要么专门请人来手工记录并分析,要么搭建完整的监测系统,无论怎样,成本都很高。

那么如何仅依靠 iPhone 就能获取到这些复杂的信息呢?我在实际体验了 HomeCourt 魔法一般的功能之后,与其开发者们进行了交流。

“起初的版本毫无智能和便捷而言”,那时,整个使用流程涉及到很多步骤,而且你还必须把手机支在三角架上,调整到特定的高度和位置。我猜各位去打球时一般不会在运动包里揣一个三角架。此外还存在着很多其他的技术障碍,譬如你必须通过手动设置帮 app 定位篮筐和三分线;而且 app 对光照条件的要求很苛刻,只有在极端晴朗的户外才能正常使用。

于是他们尝试通过摄像头与机器学习的协同运用来尽可能解决自动化方面的障碍与问题,譬如对篮板、三分线以及投篮位置的探测,等等。这样便省去了很多手动设置的麻烦。

接下来,他们实现了腿部探测,降低了 app 对于光照条件的依赖;而后,他们又实现了全身重要运动关节的探测,以便更精确地判断人们在投篮时所处的位置。

他们一直在保持进步,通过对机器学习的运用来解决一个个障碍,直到最终干掉了必须依赖三角架的问题。

现在,你只需把手机放在地上,靠住你的饮水瓶,然后尽情去投篮好了;无需任何额外的设备,无需任何手动设置。

这背后有大量的工作涉及到机器学习,但是用户不会感知到这些,他们只会觉得设备和软件就像自身的自然延展,可以很好地融入到投篮练习当中。

HomeCourt 体现出的创新性是显而易见的:通过新技术,让 app 一步步简化到足够契合人们的实际需求,并尽可能自然融入到人们的日常生活场景当中,在不带来额外干扰的情况下,为人们提供最大化的价值。

以上两个产品都在突破着设计与技术上的传统边界。他们的创新性可以使产品体验得到切实提升,同时又能让用户自然地接纳和掌握。

信任感(Trust)

下面来聊聊如何通过设计来塑造可信赖的产品体验。我们以 Pixelmator Photo 为例。

这是一款专门为 iPad 打造的照片编辑 app,并且同样运用到了机器学习技术。它的模型经过上千万张专业级照片的训练,可以帮助用户轻松地编辑出非常漂亮的照片。

确实,如今越来越多的产品都开始使用机器学习技术了;但必须承认,由该技术输出的体验在很多时候给人的感觉就像“黑盒”一样。特别是对于会产生推荐内容,或是内容进行智能化处理的产品,我们时常会好奇“为什么我正在看这些内容?背后的机制是什么?” 如魔法一样的功能反而容易让人感到难以捉摸。

如果产品令人感到费解和难以预知,人们就很难对其产生信任感。

我们来看看 Pixelmator Photo 是如何解决这一问题的。其 UI 就是大家所熟悉的标准化风格:导航栏当中提供了一些功能按钮,底栏里包含了一系列预设效果,而所有的核心编辑能力都位于侧边的检查器面板当中。这些被摄影高手和专家所熟知的功能,在普通用户看来确实有些吓人。

然而只需点击一下“智能美化”按钮,经过两千万张专业级照片训练过的模型就会在瞬间对你的照片进行美化调整。按钮中的图标是我们很熟悉的“魔术棒”,它传达出的含义通常是“不用担心,一切交给我,你就瞧好吧”。但从用户的角度,你无法了解究竟发生了什么。

他们的开发者同样认为,仅仅使用一个“魔术棒”按钮来体现功能会让人感觉有些含糊,甚至会对操作结果感到疑虑。

为了让用户对智能调整机制产生感知,进而形成信任,开发者们希望相关逻辑可以一目了然地呈现在 UI 当中。即,智能处理过程中涉及的所有参数变化,都可以显而易见地改变检查器面板中相应控件的状态;而控件的状态变化又是通过动效来呈现的,用户可以轻松地发现参数变化,必要时还可以进行手动调整。

你可以单独关掉某组设置,譬如“光照”;当再次打开时,之前做过的调整依然有效。

这些交互细节听上去没什么大不了,但却能让人们在使用过程中感受到安心和可信;你很清楚智能化的功能对照片做了哪些处理,同时也可以放心大胆地进行定制化调整。

在 UX 设计当中,有一个词专门用来描述这种模式:“归因”(attribution),即让用户明确感知到操作的“因”与“果”。在我们的例子当中,就是让用户在“点击魔术棒”与“造成一系列参数变化”之间发现可视化的关联。

高度透明、易于认知的机制可以令人产生信赖。如果能可视化地让用户感知到产品的工作状态,用户就会更加放心,并在必要时试着参与到输出结果的调整当中。

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 设计布道师,设计师,独立开发者,译者,猫奴,音乐玩家。