欢迎访问

云南酷森科技有限公司

官方网站,酷森专注于

互联网服务

免费客户服务热线 0871-65144335

云南酷森科技有限公司,云南网站建设公司,网络公司

酷森起航,梦想之旅!

互联酷之道,酷森新动力!

当前位置:首页>酷森专栏>网站优化

快速联系

  • 0871-65144335

  • 点击这里给我发消息售前咨询

    点击这里给我发消息售后服务

    点击这里给我发消息技术支持

www.kosn.cn

网站优化

移动应用里的转场动画

来源:     2018年05月15日 09:09
字号:T|T

动画是用户体验的重要组成部分。当涉及到移动应用的转场时,你可以通过细致的动画传递丰富的信息。发送信息、打开设置、点击复选框、导航去其他页面-这些都是变化的时刻,对转场进行动画设计是一种强化用户行为的绝佳方式。

一、提供系统的状态当用户触发了某些操作时,他们期望得到一个视觉反馈,系统需要清晰地表明它已经接收到这个操作请求同时正在运行中。

这里有一些有益于用户体验的动画反馈案例:

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

二、在任务流程中连接不同的步骤有时用户需要一系列的步骤来完成操作,而这些步骤需要清晰的标明他们是紧密相连的,动画能够帮助你连接不同的步骤创造一个完整的体验。


三、引入新元素当我们在页面上引入一个新的元素时,我们尝试将用户的注意力聚焦在这个对象上,同时帮助他们回答这样一个问题:“为什么我会看到这个新对象”?

动画可以帮助你在引入新元素时定义对象之间的关系和层级。

Animation can show where new objects are coming from. Image: Virgil Pana

四、提供用户空间方位感动画能够帮助用户构建空间感更好的心智模型,尤其是对手机用户而言,在小屏幕上进行短时间关注这种组合方式,很容易导致用户在屏幕之间迷失方向。

我们可以用动画引导用户,动画有助于解释信息如何从一种状态流向另一种状态。通过向用户提供关于他们目前正在进行的操作的信息,可以防止用户迷失方向。


五、减少认知负荷认知负荷是使用产品所需的脑力劳动,认知负荷直接影响用户如何轻松地与移动应用产生交互。一般来说,使用产品的工作量越大,产品就越不理想。

作为设计师,我们的目标应该是创造简单易用的界面。如果过使用得当,动画可以减少用户在完成任务时的工作量。

在大多数的移动应用中,用户不得不填写很多表单,许多表单都将文本占位符作为字段区域的标签。当用户点击这些字段区域时,标签就会消失。

结果就是:用户很难弄清这个字段区域代表什么,浮动标签帮助用户理解上下文,同时让用户在与长表单发生交互时感到舒适。

六、帮助用户理解功能变化当元素交互后,元素的功能也随之变化。举个例子:当用户点击了一个按钮后,这个按钮就代表了不同的含义,动画可以帮助用户找到“这个元素现在做什么”的答案。在手机界面中,开关就是个常见的功能性改变的例子,动画帮助用户理解当前元素的含义。


Button animates on tap so users can see the change. Image: Jurre Houtkamp

七、总结动画在复杂场景中的使用是非常强大的,它解决了界面中很多功能性问题,同时让用户感觉到产品真实和真诚的反应。无论你设计哪一款移动应用,动画都将帮助你向用户更加有效地讲述故事。


扫描关注酷森官方微信

酷森微信公众帐号

酷森简介 企业文化 人才招聘 联系我们 网站地图 网站统计 360网站安全检测平台

客服电话 0871-65144335

Copyright © 2018 云南酷森科技有限公司 All Rights Reserved. 滇ICP备15003792号-1
  网站首页
  在线客服
  • 售前咨询点击这里给我发消息
  • 售后服务点击这里给我发消息
  • 技术支持点击这里给我发消息
  联系方式

云南酷森科技有限公司
电话:0871-65144335
邮箱:79929313@qq.com
地址:地址:云南省昆明市盘龙区北京路605号驰宇大厦21楼A座

  二维码
  • 公众微信

    公众微信

  • 手机网站

    手机网站

  回顶部