文章详情

　　与精心设计的动画相比，数字产品中的事物更令人愉悦。他们使我们咧嘴笑，并帮助我们了解产品。但是，动画不仅是诱发微笑的事后思考。良好的功能动画使用户界面更具吸引力和可用性。本文AAA教育的武老师对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教育~