Android动画了解—为什么需要动画

如何将物理世界与虚拟界面产生交集.
如何将三维的世界 在设备的二维人机界面中体现出来
如何将情感,色彩,明度,融入到用户 使用产品的过程中去.

1.加强体验舒适度

让用户更爽,更舒服 的去使用 产品

1.1 表现层级关系

为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。

QQ的侧栏滑动
Android动画了解—为什么需要动画
滴滴打车的侧栏滑动
Android动画了解—为什么需要动画

1.2 与用户手势/遥控器 结合,更自然的动画表现

当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。
Android动画了解—为什么需要动画
Android动画了解—为什么需要动画

1.3 额外增加界面的活力
在用户预期之外增加的惊喜,可以是帅气的,可以是卖萌,可以有些物理属性,总之让用户感知到产品的生命力。

卡哇伊的输入框
Android动画了解—为什么需要动画
有意思的哔哩哔哩点赞互动
Android动画了解—为什么需要动画

2.减弱不可避免的不适感

虽然我们(产品,交互,设计,程序猿,测试 等)在努力打造优秀的完美的产品,但是总有一些无法避免的问题(比如BUG,外部条件不给力等因素),造成产品体验下降;这里适当的增加一些动画效果可以弥补产品体验下降的问题。

2.1 让等待变得更愉快
启动,下载,加载,刷新,发送 等界面,适当的动画效果让等待变的可视化,用户就没有那么无聊,产品体验也会上升;

加载效果
Android动画了解—为什么需要动画
Android动画了解—为什么需要动画
更新进度
Android动画了解—为什么需要动画
下拉刷新数据
Android动画了解—为什么需要动画
Android动画了解—为什么需要动画

2.2 失败界面的动效

在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。

feedback 出错提示
Android动画了解—为什么需要动画
手机密码输入错误提示(华为手机无法录屏密码输入错误,所以网上找了一张)
Android动画了解—为什么需要动画

2.3 增加界面与界面衔接的延续感

让 界面 与 界面 跳转不再生硬,显得 生趣有意思

Google Play点击进入应用详情的过渡效果
Android动画了解—为什么需要动画
Elevate点击跳转的过渡效果
Android动画了解—为什么需要动画

3.不易被察觉的动效

不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。

3.1 增加反馈感

为用户的操作提供有趣的正反馈。

QQ空间点赞成功的反馈
Android动画了解—为什么需要动画
3.2 去除用户不再需要的元素
随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。

饿了么的 头部(返回,标题,搜索入口)隐藏
Android动画了解—为什么需要动画