有时用户需要一系列的步骤来完成操作,而这些步骤需要清晰的标明他们是紧密相连的,动画能够帮助你连接不同的步骤创造一个完整的体验。
下面是一个如何利用动画来创造连续线性事件的优秀案例:
Image: Jakub Antalík
动画可以帮助设计师创造渐进式展现,渐进式展现通过减少同一时间内信息量的展现,使界面更加简单易学。
这里有两个很好的例子,说明使用渐进式展现提供有意义的信息块。
Image: Anton Skvortsov
在这篇文章中,我们将讲述当功能性的动画补充视觉设计和支持交互时的常见情况。
二、提供系统的状态当用户触发了某些操作时,他们期望得到一个视觉反馈,系统需要清晰地表明它已经接收到这个操作请求同时正在运行中。
这里有一些有益于用户体验的动画反馈案例:
1. 确认用户操作用户得到系统对于该操作的确认,当用户可以得到有效的视觉反馈,这就可以防止用户重新点击操作元素。
Notify users of the results of their actions. Image: Colin Garven
2. 使用下拉刷新对于页面的内容进行更新加载提示的视觉反馈帮助用户理解系统正在对于用户的请求做处理。
Subtle animation helps users understand what is going on. Image: Ramotion
3. 等待内容加载加载并不一定很枯燥,几乎所有的移动应用都可以在页面加载时,利用微妙的动画来防止用户离开。加载动画可以持续占据用户的视觉反馈,结果就是用户感觉等待的时间更短。
Animation can keep the user engaged even before the app fully loads. Image: UI8
信息来源快帮云:www.kbyun.com,专业网站制作,专业网站设计,专业网站建设公司
文章内容来源于网络,侵删
关注公众号
在线客服