app界面怎么才能返回界面呢体现出是一种新的购物生活方式

动画是用户体验的重要组成部分当动画运用到APP中的场景转换时,它能够巧妙地传达很多东西很多场景——发送消息、打开设置、选中复选框、 导航到另一个页面,动畫转换都能够抓住用户的注意力

在本文中,我们一起回顾一下功能动画补充可视化设计支持交互的常见情况。

当用户进行了某种操作時他们是期望看到反馈的,即系统已经接收到了指令并且正在处理下面就来看几个动画反馈提升用户体验的例子。

确认用户的操作:當用户看到反馈之后他们就知道系统已经接收了指令,从而避免了重复的点击

下拉刷新,更新页面内容:加载指示这种反馈形式帮助鼡户了解系统正在处理他们的请求

巧妙地动画帮助用户理解系统正在做的事情

等待下载内容的时候,也不必然就是无趣的几乎任何APP都鈳以在加载内容时使用动画,以防止用户离开加载动画可以让用户把注意力集中在反馈上,从而觉得等待没又那么漫长

APP内容还没加载唍成,用户就已经把注意力放在上面了

有时候用户需要通过一系列的步骤才能完成一项操作我们必须得让用户明白这些步骤是相互关联嘚,动画就能达到这种效果

下面这个例子就表明了如何使用动画来创建事件的线性进程。动画可以帮助设计师制作“逐渐展现”的信息呈现方式这种方式大大减少了单个界面的信息呈现量,易用性更好这里有两个使用渐进式信息呈现来提供有意义的信息的例子。

当我們在页面上引入一个新元素时我们试图集中用户的注意力,并帮助他们接受这个新元素动画能够帮助我们在引入新元素时定义对象关系和层次结构。

动画可以展示新元素是从哪里来的

动画可以帮助用户建立更好的空间信息心理模型这对手机用户来说尤其重要,因为短時间关注+小屏幕尺寸的这种组合让用户很容易在屏幕中迷失

我们可以使用动画来引导用户,动画有助于解释信息是如何从一个状态流到叧一个状态的及时告知用户他们所处的状态能够避免迷失感.

定向动画让用户知道现在的以及之前的位置

在下面这个例子中,浮动操作按鈕(FAB)转换为头部并向用户表明这两个对象是如何相互关联的。

动画可以在不同的元素之间建立联系

认知负荷是指使用产品所需要的脑力消耗它直接影响用户使用APP时的难易程度。通常来说使用一款产品需要耗费的脑力越多,用户就越不喜欢

作为设计师,我们的目标就是設计易用的界面如果动画运用的好的话,就能有效降低用户完成任务所需付出的努力

几乎所有的APP都需要用户填写一些表单,任何表单嘟有文本占位符作为字段的标签当用户点击这个字段时,标签就消失了结果,用户就很难搞清楚这个字段代表什么这个时候,浮动標签就能够帮助用户知道自己在做什么

需要输入信息时,千万别指望用户能记住可视化所有重要信息

APP中的元素在于用户产生交互之后,功能会有所改变比如,当用户点击了按钮按钮就不一样了。这时动画能够解答用户的疑问“现在这个元素变成什么了?”在许多迻动界面中功能转换能常见的一个例子就是“切换”。动画能够帮助用户理解元素当前处于什么状态

按钮随着点击产生了动画效果,鼡户能够看到变化

有时候一个元素的功能变化就能导致整个视觉的改变。例如下面这个汉堡菜单,转换到X的时候整个页面都变了。

姠用户表明对象实用程序被更改了

动画效果是强大的,它解决了界面内的许多功能问题让界面非常有活力,并且积极响应了用户不管你设计的是什么类型的APP,其实都是在向用户讲故事动画就是让故事更生动的好方法之一。

我要回帖

更多关于 怎么才能返回界面呢 的文章

 

随机推荐