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

Apple 设计大奖的设计之道 (4) 包容性与细节

Apple 设计大奖的设计之道 (4) 包容性与细节

​习惯于在这样特定的日子向前回想去年这个时候在哪呢,前年呢,再前年呢;看看最远能记到哪一年。总会有些节点清晰得好像昨天,甚至连同声音和温度都保留在记忆里;另一些又无论如何也无法拼起完整的图景。

新年快乐喽,今天过去之后就是这个世纪的二十年代了,有趣,咱们还在一周一周地琢磨互联网啊手机啊这些介质的产品设计呢,十多年如一日。不知道下一个主流范式会是什么,又会在何时到来。可别信那些标题党。

继续“设计大奖”系列,今天完结掉。在上一篇中,来自布道者团队的两位主持人以三款游戏和一款 app 作为案例探讨了“美观性”在产品中的作用,错过的朋友不妨回看。今天来聊最后两个话题:“包容性”和“细节”。

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

我们接下来要聊的话题是产品设计中的“包容性”,这是所有优秀的 app 和游戏都应该具备的设计特质。

包容性(Inclusion)

所谓“包容性设计”(inclusive design),即是指界面可以被所有的人群访问和使用。

来看一个小例子。我们暂时回到之前介绍过的 Pixelmator Photo,看看他们是如何运用 iOS 平台提供的原生控件来确保界面能够被尽可能多的人所使用。

我们在这里聚焦于一个小小的元素,即开关控件(switch)。在 Pixelmator Photo 当中,这个控件用于开启或关闭侧边栏里的某一组编辑参数选项。

聊起这个细节时,他们的团队告诉我,他们原本想要使用的是其 macOS 版本当中用到的传统复选按钮(checkbox)。

虽然看上去差不多,但通过测试,他们发现复选框在这里不如开关控件那样突出和易懂。开关控件是 iOS 原生控件,会令目标用户群体更加熟悉,同时它也具有更高的可访问性。在 iOS 的“设置”当中,用户还可以为开关控件设置标签样式,进一步增强其可访问性。

使用平台提供的标准化控件,你可以更方便地实现界面的全局一致性,使交互体验更易预知,更具可访问性。

接下来,我们再次以之前介绍过的 Ordia 为例。在 Ordia 的世界中,每一种生物都有着特定的颜色,玩家可以快速识别出其敌友关系。

Ordia 的开发者们不希望将任何玩家拒之门外,因此他们还在游戏中提供了色盲模式。为了实现这一点,他们在静态界面上使用滤镜来模拟各种类型的色盲效果,并持续调整游戏元素的配色,实现最佳的区分度。

他们甚至会在完全单色的效果下测试游戏,确保全色盲患者同样可以辨识的游戏元素。

对于全球范围内超过三亿的各类色盲患者来说,Ordia 的包容性设计可以带来非常友好的产品体验。

与此同时,Apple 也在一直提升着各个平台的开发框架及标准化控件的可访问性;你在设计开发过程中使用的原生模式越多,产品天然具备的包容性就会越强。

关注细节(Attention to detail)

最后,我们来聊一聊细节。关注细节,这是 Apple 的核心价值之一,它贯穿于我们所做的每一件事情当中。

一丝不苟、细致入微的设计来自于创作者们的勤奋工作,来自于他们对于完美的追求,来自于他们对于体验中每个细节的高度关注。

我们以 Moleskine 出品的 Flow 为例。这是一款绘图 app,提供了无限宽度的画布,以及一系列高度定制化的绘图工具。

Flow 团队的目标,就是让人们可以畅快安心地保持在创作状态当中。

我们今天将聚焦在一个功能元素上,来看看他们对于设计细节的极致关注。

Flow 的绘图工具选择器及其颜色切换方式是我们所见过的最全面且最为易用的。你可以感受到开发者们对于其中的每一个方面所注入的心血。他们提供了海量的颜色选项,而调整色调、明度、饱和度的交互方式可以即刻为用户提供清晰易懂的视觉反馈。

为了实现这样的体验,开发者们投入了大量的时间用于制作原型并进行验证。下面是他们在早期用于验证基本交互模式的低保真原型;为了更好地聚焦在交互层面,避免被视觉样式问题牵扯注意力,他们在这个阶段只使用了最基本的文字按钮。

确定了交互层面的体验足够优秀之后,他们才开始视觉样式方面的工作,对每一个绘图工具进行细致入微地持续打磨。

最后,他们通过优雅的动效将所有设计元素整合在了一起。在现实生活中,事物的运动方式都是平滑而连贯的,这一点也完美地体现在了 Flow 的动效运用当中。

优秀的动效设计可以帮助人们快速了解界面的使用方式,可以吸引人们的注意力,并为操作行为提供清晰的反馈。动效设计绝非只是界面转场那么简单。

此外,他们还为超过 1400 种颜色选项进行了各自独立且有章可循的命名。

这样一套操作体验细致入微的工具与颜色选择器为创意表达提供了开阔的空间,人们可以更好地聚焦于创作本身,开发者们的设计目标也得以实现。

对于细节的关注可以令你的 app 或游戏从众多产品当中脱颖而出,但这势必需要你将大量的时间投入到节奏分明的设计流程当中。首先解决最基础性的问题,正如 Flow 团队从低保真原型开始确定界面框架与交互模式,进而深入雕琢视觉样式与动效表现。

最终,人们在体验产品时,也一定会从中感受到开发者们所付出的心血和汗水。

结语(Ending)

通过一系列 Apple 设计大奖得主的案例分析,我们依次探讨了如下设计要素,包括:

  • 创新
  • 信任感
  • 精益求精
  • 美观性
  • 包容性
  • 关注细节

实际上,所有这些要素在我们聊到的每一个 app 和游戏当中都有着良好的体现。

这些开发者们对于细节都有着高度的关注,从而能够创造出令人印象深刻的体验。

他们都有着明确的设计愿景,并大胆尝试着那些未曾有人实践过的想法。

这些产品都有着高度的原创性,而非简单地复制粘贴现有的产品设计。

他们的对于包容性的关注使其产品能够令世界各地的大量用户所受益。

在这里,我们也要感谢这些开发者愿意分享他们的故事与经验;能够了解到这些大奖得主幕后的设计开发历程,我们感到非常荣幸。

谢谢各位。

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

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