交互

动效设计在数字设计中的价值

1666

在这篇文章中，我阐述了动效在数字产品中的价值；解释并且反驳设计师、工程师以及利益相关者的四个陈旧观念；研究了动效面临的六大挑战；列出动效可支持的三种用户心理模型，最后列出了值得研究的16个指标。

四大陈旧观念

在数字产品的创新动效方面，设计师，利益相关者和工程师拥有四种陈旧观念，这些观念使动效创新成为设计师和动效倡导者，在包括用户体验和产品指标两方面寻找机会和平衡点的一场艰苦战斗。

陈旧信念1:“动效不是用户体验的核心方面”

根据这一信念，数字产品的核心是研究、用户体验和程序，这些工作用于执行用户体验设计和屏幕之上。由此得出的结论是，动效是独立的，它在可用性中并不起主要作用。这个观点忽略了像Pinterest这样的例子，在Pinterest中，用户可以简单有效地从列表视图转换到细节视图，使得主要的上下文切换过程中对用户影响最小。

陈旧信念2：“动效只是附加物”

第二个信念是，动效可以在“结尾处”加上。意思是，一旦静态UI完成并通过代码使它们互动，团队就可以开始考虑为用户体验“增添乐趣”的方法。这种信念忽略了没有运动就不存在的交互的例子。

例如，iOS任务后台是完全依赖于运动的交互。

陈旧信念3：“动态是动画”

在这个观点中，“动画”包含了一切移动的东西，并且是从“很明显不是用户体验的领域中提取出来的概念”。在这种观念下，运动被视为赋予产品“个性”，或者品牌要素。尽管这个术语目前很难定义，而当它被定义时，通常都是包含在一些边缘案例中。这种观念忽略了动画原理和用户界面无关的事实。动画原则是为了解决一个问题——在物理空间中表现一个有机体的特征、魅力，它与动效解决的问题截然不同。

陈旧观念4：“动效只能应用在特定情景下”

特定类型的动效在特定情境下使用最好。这种观念甚至认为动效在用户体验中扮演着某种角色，就像在UI设计中，某种特定的蓝色通过了严格的测试验证后，可以作为按钮的最佳配色。这种信念忽略了动效的复杂和多样，也不认为动效是用户体验的基本属性。这种观点认为，动效类似于UX设计师的调试工具。它在特定用例下是独立使用的，而不是UX的强大合作伙伴。

动效面临的六大挑战

语言：本主题的主要挑战来自语言学的：我们的词汇中缺乏一个描述“动态互动”或者“与数字产品交互过程中发生了动作”这样一个词或者概念；并且排除大家看到这个词会联想到动画。目前我们必须表达这两个概念的词是动效和动画。

现状：另一个挑战来自于设计师习惯在静止屏幕中设计，而动效则挑战设计师在某个时间区间内的用户行为、心理模型，以及用户体验之间的协调和合作。

复杂：第三个挑战来自动效固有的复杂性。由于动效本质是变化的，动效设计中的小变化会对用户产生很大的影响。这使得设计具有挑战性，我们很难验证哪个设计是好的，例如，仅仅改变速度曲线就可以完全改变用户感知交互的方式。

数据：第四个挑战来自缺乏支持动效价值的硬数据。缺乏可信的数据是反对动效的有力理由：如果我们不能预先确定一个积极的ROI（投资回报率），为什么要投资昂贵的项目？

工具：第五个挑战来自于依赖原型工具作为一种学习和构思的方式。设计师们的共同想法是选择一个原型工具，观看教程，学习如何“做动效”。由于内容创建和关键字搜索的本质，这些教程很少能让设计师真正发挥想象力，而是专注于解决小的情境化问题。

资源：第六项挑战来自缺乏明确而简明地说明动效价值的学习资源。大多数关于数字产品中动效的书籍和文章都倾向于关注趋势，而不是为设计师提供一个坚实的基于心智模型的理论基础，或者为设计师在与利益相关者的对话中提供基于度量的语言。

动效可支持的三种用户心理模型

我们已经涵盖了陈旧观念和动效面临的挑战，下面想谈谈我眼中动效为数字产品带来的核心价值。

首先，简单地说，动效向用户解释如何在界面的不同位置来回移动。这种解释可以从一致性的角度来考虑：解释用户体验、内容和心智模型之间一致性的程度。

在iOS多任务后台中，该动效告诉用户以下情况:

“亲爱的用户，从前你快乐地生活在APP的世界里。现在你‘缩小了’，进入了一个由其他世界组成的新世界，每个世界都是另一个APP。”

没有动作，这种叙述是不可能的。为了想象没有运动的效果，用简单的切换来交互，交互的开始和结束状态在概念上是遥远的。动效将这两个概念上遥远的概念连接起来，并提供了连贯的解释。

在这个观点中，无论是从设计方法还是从用户体验来看，动效都是用户体验的基本部分，是设计任何两个屏幕时都需要考虑的东西。

这样做的效果是将动效从动画类别中剥离，并将其视为独立的东西。最后，因为它是基础的，所以它不只是在某些场景中使用，而是在整个设计过程中使用。

设计启发

两个状态之间的概念距离越远，动效的影响就越大。例如，从概念上讲，简单的开关有两种状态：开和关。这些状态在概念上彼此接近，这就是为什么不需要动效使得交互有效。

心理模型存在于用户的头脑中，在各种用户体验设计文献和唐诺曼的“日常用品设计”中也提到了这些。回顾一下这个想法，工作环境最好用设计师的心智模型，系统本身的设计和用户的心理模型三变量来表示。

在我的工作坊中，我认为我们称之为“动效”的东西在心理模型中起着重要作用，特别是用户如何看待界面中的对象以及它们的作用。动效通过与现有心智模型合作，或者通过使用以下3种方法组合创建新的心智模型来实现此目的。

1、拟态行为（Skeuomorphic behavior）

用户已有导航和与物理环境交互的心智模型。通过识别和利用这些心理模型，设计师可以直接与用户的感知和推理进行交互。在IGTV的这个例子中，用户通过类似于旋转立方体的空间直觉手势来导航提要。“上一个”和“下一个”利用了用户天生的感知和推理能力，让他的脑海呈现出一个空间。

2、规则

人类天生就会学习规则。虽然已经写了很多关于避免让用户学习新系统和规则的内容，但它仍然是一个机会。最好的证明就是我们在过去的用户体验中发现的“永久的变化状态”，我们可以推测，在未来很长一段时间内都是如此。换句话说，下一件事和现在这件事之间总会有一个边缘或缺口。这种差距要求用户学习，正如我们已经看到的，用户已经证明自己有能力学习新的交互范例和隐喻。运动在定义和加强新规则方面发挥着重要作用。