功能动效的和逸性设计研究

袁意斯扬+陈洋

摘 要：功能动效是一种具有功能性的动态效果，它有明确的、具有逻辑性的目的，能够帮助用户与界面更好地进行交互。根据不同的功能将功能动效进行分类，以明确不同功能动效的性质与作用。同时，将樊超然教授提出的“和逸性”概念运用到功能动效的设计中，分析其和逸性因素，并总结出和逸性设计方法，以寻求功能动效最具和逸性的存在形式，达到提升用户体验的效果，从而实现“用户——功能动效——交互界面”三者间的和谐统一。

关键词：功能动效；用户；交互界面；和逸性

在专注于用户体验的交互界面设计不断发展的过程中，人们对界面动效的研究也越来越多，于是功能动效便从中细分出来。它起着引起用户注意新目标出现，并提供视觉反馈的作用，能为下一步的跳转做准备。然而，一些功能动效并没有以提升交互体验为目的，只是单纯地追求自身的功能性或者视觉效果，不考虑交互过程中用户的心理需求，结果适得其反。因此，研究功能动效的和逸性设计是非常有必要的，它能使“用户——功能动效——交互界面”三者之间达到和谐统一的效果。

1 功能动效的分类

功能动效是一种具有功能性的动态效果，是交互界面设计中的一部分。与一般动效不同的是，功能动效有明确的、具有逻辑性的目的。它的存在是为了帮助人们在与界面进行交互的过程中快速定位并建立视觉关系。根据不同的功能，可将其分为以下七大类：

第一，转场型。转场型功能动效存在于整体页面或视图之间的切换中，这种切换通常带有一种逻辑关系，如整体构架中不同层级之间的跳转。通过页面的转场动效来缓和界面转换的突兀感，让用户感到愉悦。[1]

第二，定位型。定位型功能动效存在于隐藏层级之间的展开与收缩，这个过程也带有一种逻辑关系，如点击一个图标之后便向四周展开各项下级图标。通过这种带有定位功能的动效，能帮助用户看清一个系统的逻辑关系，维护其方向感。

第三，引导型。引导型功能动效用来向用户说明某项功能如何操作，特别是在系统更新中加入不常见的功能时。这种动效能引起用户的注意，帮助用户更好地理解某一功能的操作方式，带来雪中送炭的感觉。

第四，提示型。提示型功能动效用来提示用户系统中某一进程的状态，如下拉刷新、下载完成打钩、进度条的走动等，这种动效能让用户实时监控系统状态，增强其操纵感。

第五，反馈型。反馈型功能动效用于系统对用户的操作作出回应的情况，加载、登录和等待界面需要重点审视动效中蕴藏的反馈属性。[2]通过这种动效使用户感受到系统的回应，加强界面的交互性，也让用户安心。

第六，强调型。强调型功能动效用于页面中有需要强调某一功能或状态重要性的情况，此时的动效设计得比较显眼，甚至有些夸张。但这种动效能牢牢抓住用户的眼球，让视觉焦点在混乱中得到突出，加深用户对此功能的印象。

第七，其他。其他不常用且瑣碎的功能动效暂且归为一类，如一键多用功能、增强体验功能、趣味功能等。

2 功能动效的和逸性因素分析

西安建筑科技大学樊超然教授首次提出了“和逸性”的概念，是指满足于消费群体的某一产品（包括物质化的和非物质化的），能够达到消费者生理上和心理上的双重满足，即让消费者具有品位和价值的享受。[2]“和”表征人与产品、与环境和谐融洽的关系，“逸”表征人在享受产品与环境所创造的和谐时空中拥有积极的精神体验。将此概念植入动能动效研究中，就是要寻求“用户——功能动效——交互界面”三者间的和谐，让用户感受到某功能动效出现得不偏不倚、恰到好处，因此这三者也成为和逸性的因素。

第一，“用户”因素。某一产品是否具有和逸性是由用户评价的，因而用户是功能动效乃至整个交互界面存在的基础。在这个多媒体网络技术和移动终端广泛普及的时代，越来越多的普通群众会用到这些科技产品，可以说用户是全民化的，我们应该着重研究用户的心理需求。

第二，“功能动效”因素。功能动效是此次研究的主体，是交互界面中有目的性地发生运动的部分。迪士尼动画师Glen Keane说：“当一个观众看屏幕上的东西时，他们预计事物移动的方式都是自然的。”[3]物体在运动过程中会因为外力而被挤压、拉伸，这些形变反映了物体的重量、材质、受力大小等。可见一个具有和逸性的功能动效，除了具备基本的功能以外，还应考虑其运动时可能存在的真实物理特性。

第三，“交互界面”因素。交互界面是“人”与“机器”互动过程中的重要媒介，它以有效的方式实现了用户与产品的信息沟通。同时，它也是功能动效的载体，因而其内容、色彩、布局、交互形式等因素在一定程度上都影响着功能动效的和逸性。

3 功能动效和逸性设计方法

通过分析功能动效的分类及其和逸性的因素，可以明确设计一个能让用户感到恰到好处的功能动效需要考虑哪些方面的问题。以此作为切入点，探索功能动效的设计方法，指导功能动效在交互界面设计中的和逸性设计，以求得“用户——功能动效——交互界面”三者间的和谐。其设计步骤如下：

第一，设置功能动效单元。进行功能动效和逸性设计的第一步，是要了解整个应用或产品的逻辑框架和交互流程，进而设置功能动效单元，即明确哪一步骤的跳转需要加入功能动效，并在交互流程图中标注出来，使随后的设计工作内容清晰。

第二，定义功能动效类型。根据功能的不同，按照上述功能动效的分类定义设置的每一个功能动效，明确其所属类型，为确定其表现形式提供理论基础。

第三，调研目标用户特征。根据不同的项目确定其目标用户，并调研目标用户的心理需求、认知特征、操作习惯等。所谓“知己知彼，百战百胜”，在此可以利用调查问卷、文献参考等方式去了解用户，这对指导功能动效的和逸性设计具有重要和指导意义。

第四，设定功能动效形式。为每一个功能动效制定相应的设计方案，明确其表现形式。在这个过程中要充分考虑“用户——功能动效——交互界面”三者间的关系，确定功能动效最具和逸性的形式。

第五，制作功能动效。设计师利用可掌握的软件技术制作功能动效，尽可能准确无误地呈现出之前设定的功能动效表现形式。在此过程中需反复演练，以达到预期的视觉效果。

第六，设计师与工程师准确对接。设计师要准确输出功能动效设计，并随时与工程师进行沟通交流，便于工程师理解其设计意图，实现零误差结果。

第七，考量并优化功能动效。将已成型的功能动效提供给一定数量的用户进行体验，记录他们的体验感受，对功能动效进行考量，并不断优化还存在不足的功能动效。

4 结语

在这个功能动效日渐频繁进入我们眼帘的时代，研究其在交互界面中的和逸性设计是十分有意义的。将工业设计中的“和逸性”概念植入其中，并围绕其和逸性的因素以及它们之间的关系来探索其和逸性设计的方法，为设计一个具有和逸性的功能动效提供理论指导。保证功能动效在正确发挥其自身功能作用的同时切实提升用户体验度，真正做到“用户——功能动效——交互界面”之间的和谐统一。

参考文献：

[1] 孙浩.动效作为一种微体验在APP设计中的应用研究[J].现代装饰·理论，2016（1）：106.

[2] 周睿.启动时态界面中动效的交互设计研究[J].包装工程，2015，36（8）：83-86.

[3] 樊超然.工业设计概论[M].华中科技大学出版社，2005.

[4] Glen Keane，Rebecca Ussai . The Principles of UX Choreography[J] . Medium，2015（6）.