基于用户体验的APP交互界面动画设计研究

姚广灿

摘 要：随着APP在商业环境中的不断发展，用户体验的设计策略在不断改变。网络的成熟与推广，移动设备等硬件技术的发展，增加了各种移动终端客户群体。作为新媒介的移动设备，在人类生活中发挥重要作用。APP是移动设备功能的扩展，受到用户的关注，APP交互界面动画设计具有极大的优势，它具有交互性、体验性，更符合人类的情感设计，本文以用户体验为基础，着重探讨APP交互界面动画的设计。

关键词：APP；交互设计；动画；用户体验

计算机和互联网迅速发展，改变着人们的生活方式和习惯，在商业环境中，APP不断发展，同时受到用户的极大关注。APP是互联网中的重要产业，现在已经吸引众多国内外企业的关注。很多企业将产品移植到操作平台上，借助互联网的优势来发展自身。随着用户对动画产业提出更高的要求，APP交互界面动画设计也在不断地发展中，APP交互界面动画设计目前没有完整的理论基础，它需要技术与设计有机结合，并需要系统的分析和处理，最重要的是，设计要最大限度满足用户的需求，本文针对APP交互界面动画设计的原则进行探讨，并提出相应的研究理论。

1 用户体验与APP的概述

1.1 用户体验概述

在早期设计产品时，设计人员不重视人机应用界面的设计，多是围绕产品功能进行设计，而产品界面只起到装饰的作用，因此界面的设计和开发人员的意志有直接关系。在整个设计过程完成之后，将产品推向市场，发现很多用户对设计的内容不感兴趣，如果重新进行设计，会造成人力、物力资源的浪费，代价较高，因此设计师开始重视人机界面的设计，并向用户体验设计转变。[1]

交互设计是用户体验的概念来源，交互设计是用户的心理感受，是建立在用户使用产品服务的整个过程中。用户体验是一种新型学科，由于发展时间短，没有形成完整的系统，也没有统一的标准，在众多方面存在很大的分歧，例如用户心理学、消费学、营销学或者设计美学等。目前对用户体验的定义没有规范化，但是体验效果对其设计具有重要指导意义。

1.2 APP的概述

APP主要指智能手机的第三方应用程序，随着移动设备的不断发展，智能手机基本上都具有APP的功能，而且APP的增长速度呈爆发式。现在人们花费时间最多的是在APP上而非网页上，这种趋势有增无减。如果对人们花费在APP上的时间进行分配，80%的时间是用来社交或者游戏，近几年APP成为互联网的新宠，并且对很多行业产生重要影响，例如游戏、旅游、动画、艺术品以及新闻媒介等，研究数据表明，我国是APP用户数量增长最快的国家。[2]

2 APP交互界面动画的作用

交互界面动画具有三个特性，即交互、沉浸以及开放性。在APP中加入交互动画，直接给用户带来流畅、舒适和自然的感觉。交互动画成为用户与产品的沟通方式，成为产品的形象代言人，在APP中，交互界面具有以下几个作用。

2.1 强化品牌特性

交互动画可以传达APP产品的品牌个性和内涵，因为众多APP产品的动画设计效果非常出色，甚至已经成为它的标志。APP产品在选择动画设计时要慎重，在一定程度上交互动画设计可以把品牌刻画到用户的脑海中，通过APP交互界面动画设计可以传达给用户不同的感觉，严肃、滑稽或者机械、柔和。[3]合理恰当地使用交互界面动画设计，对增加产品的识别性，树立品牌个性有重要作用，同时也可以为用户带来愉悦体验。

2.2 增强用户感觉

随着移动设备的不断更新和发展，用户的选择空间也逐渐扩大，用户重视产品功能的同时，也追求更为简单方便的操作，从而达到和产品互动的目的。例如，在某些操作系统中，移动桌面图标产生震动给用户传达不稳定感觉，以此提示用户图标具有可移动性。有些地图APP，在设计时结合物理化的动画，给用户提供舒适方便的体验。

3 APP交互界面动画设计的技巧

在交互设计中，要设计优秀的动画，需要一定的方法和技巧。

3.1 充分掌握动画的节奏和幅度

做用户需求的交互动画，无论是动态的文字还是图像，都要正确把握时间和节奏，最大限度地使动画符合人类的视觉感受。要制造缓动的效果，可使柔和的动作表现为慢出和慢入，这种动画手段被普遍用于锤子ROM的UI中。在设计过程中，逆向缓冲、拉伸、预备动作以及挤压都需要掌握技巧。只有充分掌握技巧才能做出合格的动画。技巧掌握并不难，技巧更趋向于公式化，也可以通过模仿优秀作品，提升动画制作的技巧。[4]

3.2 清晰精确

手機屏幕的大小决定APP的界面空间，因此在有限的空间要对信息和图像进行规划，通常是根据信息的重要性进行等级区分，需要多次进行返回和进入操作，动画可以阐述产品功能以及切换工程，并且它还有极强的引导性，降低用户操作软件的难度，提升用户体验。常用的方法有以下几种：

（1）动态聚焦。通过动态处理引导用户关注界面的主要部位，增加交互体验的流畅性。交互界面特意展示交互动态的效果，其目的是吸引用户眼光，起到聚焦的作用。

（2）示意过渡。过渡动画设计是为了让界面变化显得流畅，其目的在于引导用户更好的理解界面内容，使用户不至于不知所措。

（3）空间转场。这是设计师较为重视的特效，其目的也是引导用户，使其更好的理解页面跳转，明确自身的位置，使用户体验更加自然流畅。[5]

4 APP交互界面动画设计的原则

良好的APP交互界面不仅要美观，更要实用，因此想要做好交互界面动画设计并不容易，它需要考虑多方面的因素。

4.1 适当增加动画，价值信息最大化

APP交互界面动画设计给产品带来极大的优势，同时它的使用也是一把双刃剑，如果使用不当，会适得其反。动画过多会降低其性能，阻碍流畅性，同时也会分散用户的注意力。添加动画需谨慎，尤其是在不能提供沉浸的应用体验中。使用动态效果要有目的和限制地使用，并测试其结果。过多使用动态效果可使交互界面看起来纷繁复杂，不利于信息层级的控制。良好的动画设计不仅美观，同时也具备优化交互和提升体验的作用。

4.2 简化界面

APP交互界面动画设计可降低用户操作难度，提升用户体验。但是在设计达到视觉效果完美时，会带来很多复杂的视觉因素。处理视觉元素，需要设计交互动画，了解其变化的过程和逻辑，使用户操作更为合理和流畅。[6]

4.3 风格类型一致化

设计师在设计过程中，应使交互动画与内置动画的风格保持一致，尊重用户的习惯，最大限度避免触及系统的行为标准。如果设计出来的动画违背自然法则或者物理定律，用户体验的满意度将会降低。

APP交互界面动画设计已经成为一种新型趋势，对设计师而言，设计有趣并且吸引用户的交互动画是新的课题。不同的产品需要设计不同的交互动画，但是在设计过程中要以用户体验为基础，最大限度的满足用户需求，交互动画不仅要美观，更要实用。

参考文献：

[1] 李亭.基于用户体验的智能手机APP界面设计研究[D].太原理工大学，2015.

[2] 常鑫.以用户体验为中心的APP交互界面动画设计研究[J].艺术科技，2015（10）：199.

[3] 孙畅.数字媒体艺术中用户界面的动画设计与研究[D].湖北工业大学，2012.

[4] 汤程心.为触摸而设计：App界面设计与移动交互体验研究[J].设计艺术研究，2015（02）：107-114.

[5] 丘美玲，胡耀民.基于APP的交互动画设计与应用[J].设计，2015（09）：127-128.