咨询电话:400-999-0300
设计思考:动画功能是如何帮助改善用户体验的?

设计思考:动画功能是如何帮助改善用户体验的?


  “摘要:用户体验不够完善怎么办,设计师习惯用动画效果来增强用户体验,它是成功交互的重要工具之一。”

  由于人类是视觉驱动的生物,图像的影响只有在动画的帮助下增加。我们的眼睛天生注意移动的对象,动画就像眼睛糖果 - 吸引力和明亮的元素,引起注意和帮助区分一个应用程序与其竞争对手。到目前为止,越来越多的设计师将动画作为功能元素,增强了用户体验。动画不再只是为了快乐;它是成功交互的最重要的工具之一。

  然而,在设计中的动画只能增强用户体验设计,如果它在适当的时间和正确的地方合并。好的UI动画有一个目的;他们是有意义的,和功能。在本文中,我们将讨论功能动画在UX设计中的作用,并了解何时将运动添加到设计中。如果你想跟随并用动画调整你的设计,Adobe介绍体验设计CC(也称为Adobe XD),你可以免费下载和测试,立即开始。

  一、什么是功能动画?

  功能动画是嵌入在UI设计中的微妙动画,作为该设计的功能的一部分。 它加强了设计,具有非常清晰和逻辑的目的,包括:

  1、减少认知负荷

  2、防止变色盲

  3、在空间关系中建立更好的回忆

  动画将用户体验界面设计带入生活。 在以人为中心的设计方法中,用户是主要焦点,用户界面需要是直观的,响应性的和人的。 功能动画可以帮助您实现这些目标。

设计思考:动画功能是如何帮助改善用户体验的?

  二、功能动画在用户界面设计链接中的作用

  精心设计和测试的功能动画具有实现多种功能的潜力。

  三、用户操作的可视反馈

  良好的互动设计提供反馈。 反馈使你感觉你正在与屏幕上的真实元素进行交互,并演示这种交互的结果(无论是否成功)。

  用户界面元素(如按钮和控件)应显得有形,即使它们位于一层玻璃之后。视觉和运动线索可以通过立即承认输入和以外观和感觉像直接操纵的方式动画化来弥补这种差距。

  当您需要通知用户有关操作的结果时,视觉反馈也很有用。 在其中操作未成功完成的情况下,功能动画以快速且容易的方式提供关于问题的信息。 例如,当输入错误的密码时,可以使用摇动动画。 很容易看到为什么摇动是一个相当普遍的手势传达“不”,因为一个简单的头部摇动是人们如何给彼此的反馈。

设计思考:动画功能是如何帮助改善用户体验的?

  四、系统状态的可见性

  作为原始的10Jakob Nielsen的可用性启发式之一,系统状态的可见性仍然是用户体验研究设计中最重要的原则。 用户想知道他们在系统中的当前上下文在任何给定的时间和应用程序不应该让他们猜测 - 他们应该通过适当的视觉反馈告诉用户发生了什么。

  数据上传和下载过程是功能动画的绝佳机会。 例如,动画加载栏显示进程的速度,并设置操作处理速度的期望值。

  五、视觉提示

  初次使用者通常需要协助,了解如何使用应用程式介面。 这对于包含不熟悉或唯一交互(例如手势驱动接口)的接口尤其如此。 如果没有帮助,用户可能会对如何与应用程序交互感到困惑。

  当教学用户使用你的UI,你应该提供一系列的视觉提示,传达可能的用户体验优化 这种功能动画驱动用户的注意可能的交互。

  视觉提示可以让用户深入了解即将发生的事情。 例如,可以在iOS相机应用程序(在iOS 7之前)中找到为用户拍摄照片准备操作的功能动画。

以上作品由深圳品创设计公司整理发布 版权所有
品创设计专注于用户体验的提升,服务涵盖市场研究、品牌创建、交互体验设计、技术环境开发等范畴,是以用户体验为先的专业服务机构。 八年来积累了大量的行业资源与实践经验,尤其在汽车、金融、医疗、智能等领域表现卓越,拥有极佳口碑。先后服务逾500家客户企业,为其实现产品的飞跃。