动画效果是用户体验设计中绕不开的环节,而在网站建设交互当中,动效是作为转场的润滑剂,承上启下的重要环节而存在。动效让这一切不那么突兀,自然地过渡,呈现状态变化,帮助用户更清晰的明白当前的状态,这是绝佳的方式。
1、下拉刷新更新内容
以加载指示器为代表的视觉反馈告知用户,系统已经开始处理之前的请求了。微妙的动画能够帮助用户理解正在发生的事情。
2、呈现系统状态
当用户通过交互触发界面行为的时候,他们希望能够看到视觉上的响应——整个交互系统应该明确地表示它已经收到了请求并且进行处理。比如:确认用户行为。系统收到用户的反馈之后,通过动效告知用户它已经收到反馈了。视觉反馈防止了用户再进行更多的操作。
3、减少认知负荷
当用户需要花费心力去尽力理解某个事物的时候,这个认知负荷就很重了。一般而言,越省心的产品,认知负荷就越低。如果一个产品认知负荷重,用户不花精力就很难理解。作为设计师,我们的目标应该是创建易用的界面,如果设计得当,动画能够帮助用户减少认知负荷。
4、吸引用户的注意
动效能够将用户的注意力吸引到特定的区域或是离开当前的区域。好的动效设计能够让UI不会很突兀,也更加易于导航。它能够将用户的视线注意到新的物体从哪里出现、从哪里消失,让用户对所发生的事情有一个直观的理解。
5、确认操作
动效能够增强用户正在进行的动作。在每一个按钮的点击和画面的转换中都可以加入一个动效。视觉反馈能够提高用户的参与感和愉悦感。比如在密码错误的时候运用了水平震动的动画。用户注意到这个动画的时候能立刻明白这个动作的意义。
动效是科技的下一个层级。它是与事物互动的自然方式,也绝对是未来设计的关键。是时候和静止不动的用户界面说再见,创造更加生动的界面了。