功能性动画如何帮助改善用户体验

当您应该告诉顾客操作结果时，视觉反馈也很很重要。在操作未顺利完成的状况下，功能动画以迅速、简单的方法提供有关问题的信息。例如，当输入错误的密码时，可以使用震动动画。这样很容易理解，因为晃动是一个普遍表达“不”的涵义，就像摇头是人们互相反馈的方法。

用户发现此动画并立刻知道问题。图片来源：thekineticui

目的

确认系统已收到客户的操作。

证实（或拒绝）用户的操作。

系统状况的可见性

作为尼尔森的可用性的10大法则之一，系统状况的可见性依然是用户界面设计中最重要的方法之一。用户期望在任何给定时间了解它们在平台中的当前位置，并且应用程序不需要让人们预测，系统需要借助适当的视觉反馈告诉用户出现了哪些。

数据上传和下载受到过程是使用功能动画的最好时机。例如，下载进度条，给客户即时反馈和心理预期。

有趣的漫画也会分散用户的切记力，并使它们等待更长时间。

功能动画还可以用于吸引用户注意应用程序中的重要状态差异，例如来电：

或收件箱中的新电子邮件。

目的：

提供平台状态的即时通知，并使用户无法迅速了解正在出现的事情。

视觉提示

用户在第一次使用某个应用程序时，通常必须一些帮助来理解如何使用该应用程序。特别是带有不熟悉以及另类交互模式的图标（如手势操作的图标），这一点尤为重要。如果没有帮助，用户或许会对怎样与应用程序交互感觉困惑。

当涉及到教用户如何使用你的UI界面时，你必须提供一组视觉提示，来传达什么是或许存在的交互。这种用途性动画驱使用户注意到或许存在的交互。

视觉提示可以让用户知道已经出现的事情。例如，可以在iOS相机应用程序（iOS7之前）中找到功能动画，它为用户录制照片做打算。

==镜头应用程序中的快门图像===

以及，通过演示设计中的这些用途是怎样工作的，这种方法可以让客户采取进一步的方法。同时，视觉提示也可以减少产品的可用性。

用途：

告诉用户已经出现哪些给客户足够的心理预期帮助客户定位自己在界面中的位置告诉顾客他们如何做能够与屏幕上的元素进行交互

导航过渡

导航过渡是应用程序中状况之间的转化，例如，从主屏幕到细节屏幕。通常默认情况下的状况差异是界面之间很僵硬的切换，这样很难区别界面之间的层级关系。功能动画可以帮助客户更好的理解；它可以在导航上下文之间平滑转换，并借助状态的转化创建可视连接来解释屏幕上的变化。

导航过渡可以是分层转换（亲子过渡）或同行过渡（兄弟过渡）。当客户构建应用程序的更深层次的之后，将使用分层转换，这些应用程序是当前（父屏幕）的子级。运动突出显示从父亲到儿子（子元素）的移动，同时提高父屏幕和子屏幕之间的关系。

同行过渡发生在层次结构的同一级别的元素之间。例如，当客户浏览选项卡时使用此动画。

每个标签的内容和表面保持在同一级别，动画也是引导视图之间的焦点。

在这两种状况下，功能动画都可以帮助眼睛看见新对象在其显示的位置或者隐藏对象的位置（以及可以继续找到）。它提供了触觉提示，使交互更易于被看到并指出已出现的事情。

用途：

定义屏幕和元素之间的空间关系通过帮助客户理解页面布局中今天发生的差异，避免出现意外的过渡

品牌塑造

一般状况下，有几十个应用程序具有相似的功用并完成相同的任务。他们也许都有很高的顾客体验，但是他们偏爱的东西不只是是提供一个良好的客户体验。用户更期望与它们构建情感联系。

品牌动画负责参与品牌重塑。它可以成为营销软件-支持公司的品类价值或突出产品的优势-同时使用户体验更加令人愉悦和难忘。这种方式或许不是以客户为中心的设计，但它有一个用途性的目的。为了顺利，品牌动画必须支持体验的连续性。

用途：

娱乐用户，为设计增添同理心和乐趣创建产品的标签;帮助客户与产品创建关联，增加品牌认知度

如何找到平衡

有用和炫酷的动画之间的平衡在那里？花时间认真考量动画何时恰当的何时是不正确的十分重要的。

动画的目的

动画必须是有目的性的，不要为了动而动。当一个动画不合适某个用途性的目的时，它或许会让人感觉害怕，尤其是当它减少了一个没有任何动画的过程的之后。

请记住，用户出于某些目的访问网页或开启应用程序–我们必须在短时间内向他们展现她们所期望看到的内容。因此，当决定在应用程序中使用动画时，只有当动画有含义以及不会干扰客户成功完成它们想要做的事情时，才加入动画。

时刻牢记

虽然是好的动画，如果使用过于也会很讨厌。在设计动画时，问你自己一个问题：“动画在第100次使用时会很讨厌吗，或者它是普遍清晰和不引人注目的吗？

原型和测试动画

在将UI动画添加到你自己的工作中时，与实际客户进行迭代原型设计和检测是十分恰当的。原型设计是无法表达你准备怎么在设计中使用动画的最佳方法。如果你使用交互原型，你将得到一个清晰的设计表述，关于如何工作和应用程序的弊端隐藏在那里。通常，这会造成经常的返工，因为动画的外观与感到不同。因此，经常迭代和迅速迭代！在最微小的细节上多次尝试和重复就会使你的动画很棒。

结论

如果你要在设计中利用动画，那么需要好好的造就关联，并且唯有当动画是设计过程的自然构成部分时，这才是或许的。