合理使用动效提升用户体验

如今，动效的使用越来越频繁，尤其是在移动端应用中，好像没有点动效都不好意思拿出来见用户。从APP加载时候的闪屏，到下拉刷新，从转场效果到输入界面，似乎到处都可以见到动效。这不禁让我想起了互联网的上古时代，那时候gif动画在网页中也是随处可见，甚至会有一屏页面多处闪动，如同夜晚充满霓虹灯的街头。实际上，我感觉动效的使用有点过头了，其实，我想说的是，动效应该是以提升用户体验为终极目标有目的有逻辑的使用。好的动效会让用户觉得很自然，会心一笑。而不经思考随意使用的动效则会让人摸不着头脑，甚至不胜其烦。

那么，究竟该如何使用动效呢？在什么情况下使用动效可以提升用户体验？

首先应该明确，设计是为了与用户达成顺畅沟通，从而帮助用户实现目标，满足需求。动效的使用，正是为了促进产品与用户的沟通，促进用户对信息的理解。合理的动效也能让用户沉浸在使用产品的过程中，注意力更加集中，完成任务的过程更加流畅。

下面是梳理的一些使用动效的时机，也可以看做使用动效的原则。

提示

很多时候我们都需要引起用户的注意，提示用户该关注什么，期望什么。在视觉上可以使用颜色、对比等方法，如果这些还不够，就可以考虑使用动效。就如同在人群中为了让朋友注意到你，我们可以挥手，跳动。在设计的时候，要时刻记住我们是在用设计和用户沟通，要让产品具有生命。在和朋友聊天的时候，我们会经常使用一些手势来配合语言，加强说服力。动效就是产品的肢体语言。

在使用动效吸引用户注意的时候，需要注意不能过度使用，尤其是设计APP的时候，移动端界面一般都比较小，轻微的动效都可以引起用户的关注。同一时间也不应存在多个动效。就如同上面的例子，一群人中只有一个人向你挥手是很容易发现的，如果大家都挥手，那就失去意义了。

反馈

当用户与产品交互的时候，需要向用户展示交互的结果。比如操作成功，或者失败，亦或是正在进行。反馈对于用户体验是非常重要的，它能在产品和用户之间建立一种信任感。你总不会希望跟一个人对话的时候，他毫无反应吧？如果对方有反应，我们也不希望只是简单的”哦””嗯”之类。用户对产品也是这样想的。如果我们的产品能在合适的时机给予用户反馈，并且恰当使用动效，用户就会忘记自己是在操作冷冰冰的玻璃，而是在和有生命力的产品进行互动。

iPhone密码输入错误时左右晃动提示用户

时间与空间

跟实物类的产品不同，数字产品主要基于屏幕。屏幕仅仅是一块玻璃，它是平面的。而用户已经习惯生活在有时间和空间的真实世界。在真实世界中，没有什么东西是凭空出现的，事物之间也是有前后左右的位置关系。或许可以用电影艺术来理解这个概念。在观看电影的时候，我们会感觉到屏幕上发生的一切，场景是立体的，演员来来去去也是有时间顺序的。界面设计也是如此，界面上的每一个元素都是演员，每一个画面都是场景。设计师必须努力去营造这样一个空间，让用户学习并理解你创造的世界。设计师也需要努力思考手中的演员们如何出场，表演，退场，需要帮助用户理解界面元素从哪里来，在做什么，到哪里去，能在哪里找到它们。设计师还需要设计转场的效果，A画面如何切换到B画面，不能让用户觉得突兀。现实生活中我们也不会突然就从A点切换到B点。

时间与空间的设计，主要目标是帮助用户理解界面，为用户提供方向指引，明确界面逻辑。合理的动效设计，能加强用户的空间思维模式，理解界面传达的抽象的信息。

品牌

跟颜色、形状、质感等设计元素一样，动效也能帮助建立产品在用户心中的品牌感。就如同我们对朋友的印象，除了长相、穿着，他的体态、手势、步态也是我们识别他的重要因素，我们往往能通过看见对方的走路方式就认出他来。因此，需要思考什么样的动效才符合产品的气质。

Clear的手势和动效设计已然成了品牌特性

综上，动效的合理使用，能够让用户更容易理解界面，减轻认知负担，从而更加顺利的完成任务，达成用户目标。同时，动效能让用户觉得产品更有血有肉，具备生命力和亲和力。动效不是锦上添花，也不是界面的装饰，动效的使用应该是有目的性的。最终，动效与产品的其他因素一起让用户感受到了美好的体验。