文章详情

UX中好的动画的重要性

2020-11-26

点击量:

  与精心设计的动画相比,数字产品中的事物更令人愉悦。他们使我们咧嘴笑,并帮助我们了解产品。但是,动画不仅是诱发微笑的事后思考。良好的功能动画使用户界面更具吸引力和可用性。本文AAA教育的武老师对UX中好的动画的重要性进行分享。
 

  当我们谈论功能动画时,我们所谈论的是具有明确逻辑目的的微妙动画类型。它减少了认知负担,防止了变更盲目性,并且建立了对空间关系的更好理解。简而言之,动画使用户界面栩栩如生。
 

UX中好的动画的重要性
 

  为什么好的动画很重要
 

  当谈到出色的UX设计时,动画可以具有多种用途,UI动画很重要。首先,它可以展示或推断功能。从某种意义上说,它起着小型随身携带的作用。此外,它可以增加一层乐趣和乐趣。它还可以为交互提供保证和意义。UX设计和UI设计
 

  当您执行某项操作时会感到很自在,并且动画暗示发生了预期的结果,例如删除某项后该项逐渐消失或滑出屏幕。它比在页面上的项目重新排序时简单地消失一个项目要少得多。动画使我们不仅可以释放设计中的含义,还可以提供新的交互模型。
 

  相关:5个正确完成网络动画的示例
 

  使用UX动画的正确方法
 

  动画是对内容的有用补充,它在使UX更清晰方面扮演了次要角色。网站的功能,布局和导航的设计应具有可用性,而动画可以填补空白。
 

  我们内部的一位资深设计师Steven Fabre说:“好的动画是看不见的。您应该不会注意到正在看动画。您要确保动画的时间安排和缓动是正确的。在现实生活中,事情永远不会出现并突然停止。当您停下汽车时,您走的越来越慢,然后停下。屏幕上应该发生同样的事情。”
 

  以下是将动画合并到UX设计中的一些简单方法:
 

  使用使用户感兴趣的加载顺序
 

  各种研究表明,超过40%的用户期望网页或应用在2秒或更短的时间内加载。如果花费超过4秒钟,普通用户就会开始感到沮丧。8秒后,他们离开。只需将网站速度延迟一秒钟,就可以将客户转化率降低7%。加载时间对于您的网站,应用或程序的成功至关重要,并且如果您可以让用户保持这几秒钟/毫秒的速度,甚至更好。
 

  根据用户应关注的位置进行动画处理
 

  通常打开一个应用程序或网页时,你在呈现画面充满项目,而你不知道从哪里开始。动画解救!帮助用户的一种好方法是提供有关这些对象的适当性的线索。如何让动画更有吸引力
 

  如果您有帖子列表,则滑动它们(而不是仅显示它们)可以帮助您的用户理解他们可以不断滑动以查看更多内容。您甚至可以通过定时项目的外观来添加另一层动画,以使它们一个接一个地滑动。这种动画风格可以增强这些项目是分开的,并且用户可以单独与每个项目进行交互。
 

  “当谈到出色的UX设计时,动画可以是多用途的。”
 

  防止用户迷路
 

  一旦清理完用户体验到几乎无缝的程度,给用户提供空间意识就变得至关重要。考虑一下:如果一个对象从屏幕向左移出,则应从其退出的空间重新进入(如有必要)。这将帮助您的用户了解您的应用程序的工作原理,并使他们在与应用程序进行交互时感到更加自在。UX设计用户体验
 

  使用反馈来说明已完成的工作
 

  TomTom首席设计师JoséTorre表示:“在您的手指经常遮住您按下的按钮的世界中,动画在为用户提供所需的保证方面发挥了巨大作用。”为什么选择UX设计
 

  动画可以提供视觉反馈,显示网站何时正常工作。正如 尼尔森·诺曼集团(Nielsen Norman Group)的凯蒂·谢文(Katie Sherwin)所说,这可以“通知用户当前的工作状态,并通过减少不确定性来使该过程对用户更具耐受性”。只是不要太可爱或占用太多时间。这些因素可能会使动画变得过时。
 

  在InVision Studio中设计动画
 

  在决定如何在InVision Studio中实现动画设计时,我们对所有这些实践进行了漫长而艰辛的思考。Studio是一个以动画为核心的设计工具,因此您不必担心切换工具。您可以专注于工作并保持这种状态。
 

  从第一次打开Studio以来,您只需连接要设置动画的屏幕即可,并且可以正常工作。走出大门。我们有一个算法可以匹配图层并自动在它们之间创建连接。如果愿意,您可以通过缓动曲线,各个图层的时序等等来更深入地挖掘和微调动画。
 

  如果需要,您可以使用数百个屏幕创建非常大的流。使用Studio,您可以真正了解整个设计的感觉,如果需要,则可以进行更深入的研究,并研究特定区域的微交互和动画。这篇文章的内容你学到了吗,更多资讯请持续关注AAA教育~

长按识别二维码,加关注
↓ ↓ ↓ 继续阅读与本文标签相同的文章
UX动画
UI设计
UX