手机仅支持浏览本站系统内容

创建网站、网站编辑、管理等,请使用电脑操作!

战略合作伙伴:百度知道 - 云服务器 - 域名注册

沃酷建站采用全球最先进SSL 256bit 传输加密机制

分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

网站建设中容易被忽略的动效,对于用户体验是非常重要
2020-02-17 22:44:33

        动画效果是用户体验设计中绕不开的环节,而在网站建设交互当中,动效是作为转场的润滑剂,承上启下的重要环节而存在。动效让这一切不那么突兀,自然地过渡,呈现状态变化,帮助用户更清晰的明白当前的状态,这是绝佳的方式。

1、下拉刷新更新内容

        以加载指示器为代表的视觉反馈告知用户,系统已经开始处理之前的请求了。微妙的动画能够帮助用户理解正在发生的事情。

 

2、呈现系统状态

        当用户通过交互触发界面行为的时候,他们希望能够看到视觉上的响应——整个交互系统应该明确地表示它已经收到了请求并且进行处理。比如:确认用户行为。系统收到用户的反馈之后,通过动效告知用户它已经收到反馈了。视觉反馈防止了用户再进行更多的操作。

 

3、减少认知负荷

        当用户需要花费心力去尽力理解某个事物的时候,这个认知负荷就很重了。一般而言,越省心的产品,认知负荷就越低。如果一个产品认知负荷重,用户不花精力就很难理解。作为设计师,我们的目标应该是创建易用的界面,如果设计得当,动画能够帮助用户减少认知负荷。

 

4、吸引用户的注意

        动效能够将用户的注意力吸引到特定的区域或是离开当前的区域。好的动效设计能够让UI不会很突兀,也更加易于导航。它能够将用户的视线注意到新的物体从哪里出现、从哪里消失,让用户对所发生的事情有一个直观的理解。

 

5、确认操作

        动效能够增强用户正在进行的动作。在每一个按钮的点击和画面的转换中都可以加入一个动效。视觉反馈能够提高用户的参与感和愉悦感。比如在密码错误的时候运用了水平震动的动画。用户注意到这个动画的时候能立刻明白这个动作的意义。

 

        动效是科技的下一个层级。它是与事物互动的自然方式,也绝对是未来设计的关键。是时候和静止不动的用户界面说再见,创造更加生动的界面了。

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: