7种应用内动画,提升移动应用用户体验

Author: limo


微交互、过渡和应用内动画应该要做得很好,因为这就能直接向用户解释应用程序的逻辑,并提高应用程序的整体可用性。你可能听过很多次:好的设计是显而易见的,但是好的设计是透明的。这句话无疑是用户体验设计的最大真理之一,尤其是在应用内动画方面。


由于所有内容都集成到您的移动应用程序的UI设计中,动画必须是一个功能元素,而不是装饰。我们想在这篇文章中分享我们的专家知识,关于如何创建一个真正伟大的应用程序内动画,吸引用户的注意,但不分散您的移动应用程序本身。


好的动画vs.坏的动画


动画的第一个优点是它的持续时间,建议动画时间范围为250ms - 900ms。好的动画应该是流畅的,帮助可视化系统状态的变化,它为用户提供敲击和手势的反馈,给他们一种直接互动的感觉。


糟糕的运动图像通常是缓慢和过度的,这样的动画非但不能帮助用户理解移动应用程序的逻辑并提高可用性,反而会分散和激怒用户,糟糕的应用程序内动画与其他用户体验不一致。糟糕的动画会让用户感到困惑。


应用内动画的类型和设计原则


作为当今最热门的UI设计趋势之一,app animation可能会成为你手机用户体验中的一颗樱桃。您需要了解应用程序内最流行的动画类型、它们在应用程序中的位置和功能。


视觉反馈的动画


视觉动画的主要任务是通知用户某个操作是否成功或失败,这对于任何用户界面都是至关重要的。在现实世界中,我们很自然地感觉到物体会对我们与它们的互动做出反应。


我们的世界并不像你想象的那么冷,每样东西都有一个特定的反应,即使这个反应几乎是看不见的。优秀的动画设计师应该能够在移动应用程序中模拟与真实对象的交互。


想象一下,你按下一个真正的按钮,你有什么感觉?你能感觉到这个动作的力量和按钮的阻力。你可以使用应用内动画创建几乎相同的效果,这会让用户体验更加有趣。与传感器屏幕交互,我们处理振动和视觉信号,以获得来自移动应用程序的响应。动画按钮、开关、颜色变化或滴答帮助用户感觉并理解操作已经完成。


进度和加载动画


进度条、时间线和其他动态元素的动画对于整个应用程序用户体验的成功所起的作用比您想象的要大得多,进度动画帮助通知用户他正在进程中前进。此外,它有助于为用户在等待时提供心理安慰。


当您让用户了解进展的级别和当前正在发生的事情时,这将有助于消除负面的用户体验。除此之外,进步动画本身就是一种娱乐元素,使得等待的过程更加愉快。


良好的进度动画不仅有助于设置正确的用户情绪,还可以成为一个美丽的设计特色,将您的移动应用程序区别于其他。


关于加载动画,这类似乎是最流行的应用程序,通常它被认为是一种进度动画的子类型。它具有类似于进度动画的功能,通知用户在某些进程中向前移动,并在等待时娱乐。有不同类型的加载动画,如加载器、预加载器和拖拽到新动画。


函数变化


最好的想法是向用户显示应用程序内的元素在与它交互时发生了变化,当您需要演示元素的功能如何更改时,这种类型的动画可以完美地工作。


函数更改动画通常伴随着按钮和图标,如下例所示。在这里,您可以看到动画显示图标随着内容的变化而变化,以指示按钮的功能已经更改。


导航动画


主设计师的任务是尽可能简化用户与产品的交互,这意味着,一个应用程序的结构越复杂,设计师就应该花更多的时间让导航更容易、更直观地理解。在这种情况下,导航动画是用来保存游戏的。


如果使用动画显示,移动应用程序用户可以很容易地找到隐藏在应用程序中的元素。在下面的动画示例中,您可以看到从屏幕底部出现了其他选项,用于改进选择过程。


营销的动画


动画营销或营销动画,两者都是与目标受众进行交流的一种非常吸引人的方式。标识、吉祥物和类似元素的动画可以极大地提高品牌知名度。


营销动画通常是为了吸引用户对品牌元素的注意,它有助于在品牌和用户之间建立更多的情感关系,尤其是当应用内动画非常有趣和令人难忘的时候。


营销动画是最常用的欢迎应用程序屏幕,留下第一印象的机会只有一次,这肯定在欢迎屏幕上。那么,为什么不从一个漂亮的营销动画开始用户互动呢?


营销动画的一个很好的例子是为Horsy应用程序创建的动画徽标。


引人注目和难忘,这个动画徽标不会离开无动于衷的这个移动应用程序。一个有效的标志动画可以成为刺激,喜悦和阴谋的触发器。


有趣的动画和故事


我们的爱情故事,你可能会说你小时候不喜欢童话吗?讲故事可以让你的移动应用程序真正吸引人,或者更好的说法是讲故事动画和游戏化。


动画贴纸、徽章、奖励、吉祥物,所有这些元素都能给你的手机应用注入活力,让应用界面更加有趣。这是一个讲故事动画的好例子,我们确信,这个“拉做汤”的特性不会让您无动于衷。


当设计一个有趣的应用程序动画时,要确保它不会给人带来阴影,也不会浪费时间。


动画的通知


这是一个非常简单的问题,它将帮助我们进一步讨论。什么是应用程序通知?这是一个吸引用户注意移动应用程序更新的标志。通知的最初想法是让用户了解最重要的信息。所以,如果信息真的很重要,最好不要错过。


不引人注目的应用程序内动画使通知引人注目,有趣,并有助于不错过重要的更新。


下面是一个由Tubik设计的动画通知的好例子


结论


不唐突和引人入胜的动画肯定会帮助你让用户更容易和自然地与应用程序沟通,我们希望这篇文章将有助于使您的动画看起来像应用程序内的魔法呼吸到一个移动应用程序的生命。


创造生命是造物主的选择,所以,为什么不成为令人惊叹的手机体验的创造者,我们可以很容易地与之互动。


相关阅读