!Image
01
写在前面
_“从我们周围永不停息的变化中，从空间和时间中雕刻出实体：人、地点、事物、事件。我们冻结它们，把它们变成文字和概念。我们将那些运动的东西变成静止的东西，这样我们就可以用我们的思想对它们采取行动。”——特沃斯基，芭芭拉《运动中的心灵》_我们冻结信息以使其有意义。任何用户界面都是这一点及其实用性的证据。但是，在人机交互中不断变化的信息空间 顺序 又是怎样的呢？我们如何理解顺序？信息、对象、表示、任务、目标顺序应是什么？我们应该怎么做？为什么？
在为谷歌、领英(LinkedIn)、Intuit和宝马科技公司(BMW Technology Corporation)等公司设计Motion design system之后，作者一直在努力研究与人机交互相关的运动设计的重要细微差别。
以下是对用户体验运动设计（UX Motion Design） 的解构说明，从部分到整体及其价值和意义。我将其分为 定义数字内稳态、来自顺序的错觉、用户体验运动设计和结论 来进行解释。
02
Digital Homeostasis
每次用户交互都是一种风险：数字体验容易导致用户迷失方向、导致沮丧、困惑甚至影响人们的认知。随着界面的每一次交互，用户都不得不反复地去熟悉他们面前迅速显示的新信息。随着每一次熟悉，用户的注意力和控制感都可能受到损害。我认为用户体验运动设计是一种调节机制，可以帮助用户调节每次交互时固有的干扰；如果执行得当，运动会用感知意识代替用户的演绎推理（后面会有具体例子解释）。 最关键的是，这种运动设计调节是保护用户控制感、注意力和心流感的唯一方法。运动设计的调节作用突出了人机交互中时间性的本质——创造不间断的控制感知。感知的拓展
_“就像 PC 界面的图标隐藏了计算机的复杂性一样，我们的感知也有效地隐藏了世界的复杂性，并指导我们适应世界的行为。”——唐纳德·霍夫曼_
要充分理解时间性和交互之间的关系，就要承认数字现实和基础现实与人类感知相关的概念重叠。
运动设计在新兴的技术范式中发挥着越来越重要的作用：扩展现实（AR）、虚拟现实（VR）和所有身临其境的体验。其中基础现实被数字连续的信息空间流所取代，控制感也就显得尤为重要。我们要重新配置信息空间的顺序，因为它会构成数字现实的整个矩阵。 设计是将这些信息空间粘合在一起以创建数字体验无缝衔接的唯一手段。 从这个意义上说，如果静态用户界面代表一个单一的想法，那么用户体验运动设计就是意识的连续性。
_“在遥远的未来，我看到了更重要的开放领域研究。心理学将建立在一个新的基础上，即逐步获得每种精神力量和能力的必须的基础。”_
**——达尔文，查尔斯《物种起源》**
数字用户界面不仅仅是视觉显示，它们是我们感知进化的延伸。 大自然已经定义了我们的大脑理解环境的方式，现在，用户体验运动设计决定了我们数字感官体验的叙述和凝聚能力。反过来说，根据唐纳德·霍夫曼的感知界面理论，因为时空本身就是一个用户界面 ，在沉浸式数字宇宙中，用户界面就是时空。
因此，要将感知理解为用户界面，或理解为进化形成的受控幻觉（controlled hallucination）*，以使人类能够成功地操纵基本现实，问题就出现了： 应该通过什么方式来控制我们的数字幻觉呢？
译者注：阿尼尔·塞斯（Anil Seth）把感知描述为一种“受控的幻觉”。可以理解为大脑在其期望和已有的感官数据的基础上会产生一些“脑补”的幻觉来理解世界。
03
illusion from sequence
我们观看的视频实际上是在看以特定频率播放的 成顺序的图像，以创建出物体运动的样子，这与翻书的翻页没有什么不同?
动画用户界面的运动也不例外，它们只是随着时间的推移显示一系列图像创建出的运动的外观。
因此，动画实际上根本不是运动，而是 运动的错觉。正如我们将看到的，我们可以利用错觉。
来自错觉的叙述错觉中存在着机会。如下图，我们有两种状态：一个圆和一个正方形，表面上看起来没什么。
但是当在它俩中间增添更多图像之后，我们得到了一个比运动的外观更重要的东西： 叙述（narrative ） 的建立——形状发生了变化。
这种叙述暗示了两种状态之间的关系——正方形就是圆形。
正是这种虚幻关系的概念对人机交互产生了深远的影响。如下图的两个状态，我们几乎看不到其中的联系，很不明显。
但是当我添加入动画时，这两种状态间的关系就变得显而易见了。更重要的是，它建立了一种感性的关系，你可以直接感知到，而不是推理出来的。
动画的顺序是连接时间性和人机交互的桥梁：动画是以特定的帧率观看的图像顺序。而人机交互是由用户导航的信息空间顺序。这种概念上的重叠是策略性地操纵信息空间变化以改善用户体验的关键。
04
User experience motion design
用户体验运动设计是在用户交互时重新配置界面元素的顺序，它可以隐藏延迟，消除不确定性，引导用户注意力，并创建空间/导航理解。
这种类型的运动设计可以分为四类：手势确认、运动可供性、隐藏延迟和空间关系
这四个类别反映了保护用户控制免受交互触发的各种形式的干扰（延迟、不确定性、混乱、推理）的特定的监管机制。
手势确认
用户希望他们在交互时的输入是准确的、是被时刻注意着的。 在交互时没有视觉确认的界面会产生不确定性，适当向用户的输入传达确认，会消除这种不确定性。例如，下图的交互点触就会给人一定程度的不确定性。
用户点击了输入控件，但因为延迟，用户无法确定点击手势是否有效。此外，用户也不清楚自己是点击了“9,181 个赞”还是用户名“all__minimal”，因为交互点正好同时覆盖了两个可点击区域。
但是如果我们像下图一样，用按下状态的形式来表示手势确认，直到操作成功，所有的不确定性都会得到缓解。
用户可以看到他点击成功了，并且点击的是“9,181 个赞”。
运动可供性
人类的大脑天生就能看到移动的事物。在静止的用户界面上，任何移动的东西都可以抓住和控制用户的注意力。 因此我们可以强调符号并引导用户。
在下图中，运动设计将用户的注意力吸引到数值的变化上。
与左侧的购物车相比，动画使状态变化更加明显。这个例子突出了静态突变和动画变化之间的重要性。
隐藏延时
可以利用运动设计来改变用户对延迟的看法。 如果操作得当，用户将不会感受系统的缓慢带来的认知负担。
简单的动画的传达比静态的文本更加明显。
动画的性质也会决定其含义。下图为不确定加载器和行列式加载器，分别表示了不同的状态。
左侧的加载程序是不确定的，并传达未定义的加载时间，而右侧的加载程序动画是确定的，传达已定义的等待时间； 动画的细微差别性质会表示截然不同的信息。乐观反馈
基于时间，控制图形可视性顺序也是至关重要的。
虽然看起来信息已经被发送，但实际上，当“已发送（delivered）”字样出来时，文本才成功发送了。 图形的可视化顺序可以保持用户的控制感。
空间关系
可以 利用信息空间的顺序性来简化用户导航并减少认知负荷。 通过适当地编排新出现的信息的性质，可以建立空间隐喻来产生影响。
空间运动设计在两种状态之间的转换中保持不变的视觉线索，可以利用用户的感知来进行传达，告诉他这是状态与状态之间的映射，而非对用户认知的抑制。 下面的图片不仅展示了新出现信息的感知意识，还展示了对导航的建议。
更重要的是空间界面 必须模拟现实世界的物理基础。人类期望未来的性质可以反应过去的性质。因此， 复制熟悉的物理模型将能使用户能够准确地预测行为结果。
05
结论
用户体验运动设计是一种调节机制，它可以保护用户的控制感，让其免受导航信息空间顺序造成的破坏。如果执行得当，图像顺序的编排可以让人们直接感受到，而不用动脑推理其关系。
ABOUT US
参考文章：
作者：
Ali Said
译者：糖醋排菇
为尊重版权和译者
转载请联系我们