转场动画可以经由过程很多种方法来强化用户行动,那移动应用里有些什么转场动画呢?在这篇文章中,我们将讲述当功能性的动画弥补视觉设计和支撑交互时的常见情况。
动画是用户体验的重要构成部分。当涉及到移动应用的转场时,你可以通过细致的动画传递丰富的信息。发送信息、打开设置、点击复选框、导航去其他页面-这些都是变更的时刻,对转场进行动画设计是一种强化用户行动的绝佳方法。
在这篇文章中,我们将讲述当功能性的动画弥补视觉设计和支撑交互时的常见情况。
当用户触发了某些操作时,他们期望获得一个视觉反馈,体系须要清楚地注解它已经接收到这个操作请求同时正在运行中。
这里有一些有益于用户体验的动画反馈案例:
1. 确认用户操作
用户获得体系对于该操作切实其实认,当用户可以获得有效的视觉反馈,这就可以防止用户从新点击操作元素。
Notify users of the results of their actions. Image:ColinGarven
2. 应用下拉刷新对于页面的内容进行更新
加载提示的视觉反馈赞助用户懂得体系正在对于用户的请求做处理。
五、削减认知负荷
二、在义务流程中连接不合的步调
有时用户须要一系列的步调来完成操作,而这些步调须要清楚的标明他们是慎密相连的,动画可以或许赞助你连接不合的步调创造一个完全的体验。
下面是一个若何应用动画来创造持续线性事宜的优良案例:
Image:JakubAntalík
动画可以赞助设计师创造渐进式展示,渐进式展示经由过程削减同一时光内信息量的展示,使界面加倍简单易学。
这里有两个很好的例子,解释应用渐进式展示供给有意义的信息块。
三、引入新元素
当我们在页面上引入一个新的元素时,我们测验测验将用户的留意力聚焦在这个对象上,同时赞助他们答复如许一个问题:“为什么我会看到这个新对象”?
动画可以赞助你在引入新元素时定义对象之间的关系和层级。
Animation can show where new objects are coming from. Image:VirgilPana
四、供给用户空间方位感
动画可以或许赞助用户构建空间感更好的心智模型,尤其是敌手机用户而言,在小屏幕长进行短时光存眷这种组合方法,很轻易导致用户在屏幕之间迷掉偏向。
我们可以用动画引导用户,动画有助于解释信息若何从一种状况流向另一种状况。经由过程向用户供给关于他们今朝正在进行的操作的信息,可以防止用户迷掉偏向。
Orientational animation lets you know where are you now in relation to where you came from. Image:Jae-搜刮引擎优化ng, Jeong
在接下来的案例中,浮动操作按钮(FAB)转换到顶部,并向用户解释这两个对象之间的互相关系。