动效作为一种微体验在APP设计中的应用研究

孙浩

作为用户体验设计的不可或缺的一部分，动效设计在当下移动APP设计中越来越多的被使用，这种相对传统的交互和视觉所组成的体验设计系统以外，提供给用户更丰富的信息关联的形式，来完善信息传达的方式。恰到好处的动效能提供给用户动态和沉浸的体验，动效的作用越来越被认可和重视。

APP动效设计的必要性

APP设计的发展过程也是由一个渐进的发展过程的，前期设计师偏爱细节，这些细节依旧建立在静态操作界面元素上，但是忽视了对过程的表达，用户对APP信息传达的多样性和和连续性也有了更多的要求。之所以APP动效的作用如此重要，以为看到了目前移动应用交互有如下缺陷。

1.与现实物理世界不一致性

当我们使用现实生活中的各种物件时，往往可以创造出各种各样的交互方式，例如一张卡片纸，我们可以把它裁成小块，做成一个记事便签，当我们用完后还可以折成书签，这一系列现实生活中的交互形式与APP中采用点击、拖动这一类 操作和实物认知习惯相去很远。

2.感官反馈有限

人们在现实世界中可以凭借五官产生对实体物件的交互，我们通过触觉可以感受到物品的质感，嗅觉感受物体所发出的气味，听觉可以聆听声音，味觉可以品尝食物的味道，然而我们面对移动设备的是触摸屏，缺少了不同事物的质感和温度等的区别，触觉反馈显得不是那么丰富，这使得用户感知程度大打折扣。

3.无法提供可及性

扁平化的视觉呈现，缺乏情景性的操作体验，不利于用户记忆。动效的出现，引入了交互设计中被忽视的时间维度，同时赋予了交互更全面的定义——设计不仅是外形和感觉，设计关乎如何操作。恰当的动效正如人的肢体语言一样，将更丰富关联的信息传达出去，提高使用效率。

移动APP的交互动效设计的规范

1.保持过渡切换的流畅性

如果说界面布局可以组织操作界面元素的静态位置，那么动效可以组织操作界面元素在时间维度上的演进。当交互体验引入时间维度后，页面的跳转，操作的反馈，信息内容的呈现等每一个交互的展现形式更加有关联性的把信息传达给用户。

2.具备高效的反馈机制

作为与用户之间发生联系的一个很重要的交互元素，良好准确的反馈设计可以让用户更好地了解到操作的结果与程序当前的状态，减轻用户在等待过程中的焦虑。

3.增强APP的操纵感和体验感

APP中的动效设计应该以增强操纵感和体验感为基准，简单的说就是要让在方寸手机屏幕中展现的虚拟的操作界面，更加贴近现实生活中用户使用实体物品的习惯和呈现方式。它要求我们的产品与用户交互的方式尽量接近真实世界的互动方式。

4.有效的帮助引导

由于移动界面的空间非常有限，我们经常要藏起一部分功能，同时手势操作也是移动应用中很常见的交互元素，操作界面可以通过动效隐藏掉一部分，例如当用户第一次使用APP的时候，隐藏的引导新用户使用指南会通过恰当的方式在恰当的时候出现，来引导新用户使用想用的功能或者完成一个比较复杂的操作。

5.提升体验创新

如果你的产品已经拥有了良好的可用性，却缺乏亮点，也许你可以考虑为其增加动效。将动效融入产品之中，往往带来更愉悦地使用体验，也更细腻地表达应用的情绪和气质。

APP动效的分类

1.转场过渡类

以舒适平滑的的方式处理页面或视图之间的逻辑关联，帮助用户熟悉新界面及前后逻辑关系，而非粗暴地突然显现。通过页面的转场动效来缓和界面转换的突兀感，让用户愉悦。

2.用户操作反馈

操作反馈可以说是移动应用最原始的需求，其通过动效让用户了解程序当前状态，同时对用户操作（平移、放大、缩小、删除）做出及时反馈。

3.引导作用

在移动界面上有多种吸引用户注意的方式已达到引导用户的目的，如位置布局、视觉强调、视线引导、巧妙的动效等。

4.层级展现

随着移动应用越来越复杂，承载的功能越来越多，原来的三层结构原则已经不能完全适用，合理清晰的结构层级对用户理解应用和使用应用有着至关重要的作用。具体的方式为：通过焦点缩放、覆盖、滑出等动效帮助用户构建空间感受。就像iOS操作系统一样，通过动效上来构建了整个系统的空间结构。

5.增强操纵

一些动效通过动效对现实世界的模拟并且不需要任何提示，迎合用户的意识认知，使产品的交互方式更接近真实世界。用户通过对现实世界的认知来理解动效，增强了用户对应用的操纵感和带入感。 如小米操作系统中删除应用的功能，当用户点击删除的时候，应用图标随即变成小的颗粒。像这种类似的动效还有很多，在用户操作来达到某一操作目的的时候，能够起到增强操作的效果。

6.创新体验

随着大家对设计越来越重视，大家的体验越来越趋于统一水平范围内的时候，体验的差异化就越来越小。那在可用性良好的前提下，通过细节设计和交互方式创新为产品增加亮点，可以带来更惊喜的体验和表达产品独有的记忆点。

结语

一个理想的交互流程中，APP动效能够帮助用户理解当前所处的场景，随后引导相关的用户操作，并且对操作产生即时的操作反馈和实时的响应，从而进入使用情景之中。动效作为一种微体验在APP设计中的应用应该遵循响应的设计原则，应用到恰当的位置，来提升APP的整体用户体验。

（作者单位：浙江理工大学艺术与设计学院）