产品经理内功修炼——"动起来"的产品

“动”起来的产品

在实际的产品经理工作当中，工作的核心不都是产品需求，我们打交道最多的很多是UI设计师和开发工程师，那么这个时候动效设计就难以避免，虽然说动效设计大多是UI设计师的工作，但如果产品经理毫不做干预，可能会出现两种情况，一种是我们的动效设计不知道什么时候去运用，仅靠UI设计师自发的去想象，可能有时候出不来我们想要的那种动效设计。第二种情况，哪怕我们的UI设计师给了我们一些动效设计，但这些动效设计往往出现的时机不对、效果不好，有的时候还会起到反作用。

课程目标

1.认识动效设计的作用

2.掌握动效设计的注意事项

动效设计的作用

1.过渡流畅

这种设计的目的在于使用户在操作APP产品的时候让它过度尽量的流畅，使得界面与界面之间、界面上元素的出现和消失都尽量的流畅，通过大小、位置和透明度的变化，使用户和产品的交互过程更流畅。不会出现在普通APP里面的界面跳转比较生硬、刻板，尤其是在安卓产品里面会经常地出现，我们能不能够不使用一些默认的跳转方式，能够使用一种动画的效果，才能够使我们的产品给用户更好的体验。

2.高效反馈

在产品设计里面有一个非常重要的原则：让用户有操纵感。这种操纵感不仅仅表现在对用户的操作有了反应、有了显示，还有一种方式是让用户知道当前APP运行的状态，是正在等待还是正在加载，还是正在下载或变化，那这种状态的告知也是增强用户操纵感的方式之一。我们可以通过动效的设计，来告诉用户当前APP正在处在那种状态，可以通过平移、放大、缩小删除等等动效的方式来给用户做及时的反馈。

如图APP商店里面下载应用的时候，右边会出现圆形的进度条，圆形的进度条能够告知用户当前APP能够下载到哪种阶段，它的速度都可以通过转条的速度来表现。

3.引导作用

引导作用就是通过动效能够帮助用户使用功能，对功能的方向、位置、唤出操作、路径等进行暗示和指导，方便用户在最短的时间内来学会操作APP里的一些功能。

4.层级展现

一款APP无论是简单还是复杂，都有自己的逻辑架构和逻辑层级，那当逻辑比较多的时候、层级比较深的时候，我们就需要让用户在APP使用过程当中不迷路，能够让用户知道自己处于哪一个层级，这个页面和下一个页面是什么层级关系。也可以通过动效的方法来展现。

5.增强操作

通过动效的方式来进行现实世界的模拟并且不需要任何提示，迎合用户的意识认知。使产品的交互方式更接近真实世界。增强了用户对应用的操纵感和带入感。如网易云阅读的动效由小到大进行翻书，贴近现实。

6.创新体验

在可用性良好的前提下，通过细节设计和交互方式创新为产品增加亮点，可以带来更惊喜的体验和表达产品的气质与态度。比如发微博时点击中间按钮会慢慢放大，很有趣味。

7.减少用户焦虑

比如下面例子的“小风扇”，可以在加载过程中减少用户的焦虑。

8.吸引用户注意力

比如苹果删除应用时会抖动。

那么这个时候我们的产品经理在考虑什么时候要动效的时候，就要考虑这个动效设计究竟会给产品带来哪些作用。如果说这个产品需要有一些引导作用，那就需要动效设计了；如果需要展现层级，也需要动效设计；如果这个产品缺乏亮点，需要给用户一些彩蛋，让用户感觉有一些创新的体验，这时也需要加一些动效的设计。所以说动效设计的出现并不是UI设计师自行想象的，也不是产品经理拍脑子出来的，而是其有它相应的作用。

动效设计注意事项

1.有度

恰到好处，不过度设计。
不增加操作，不干扰用户。
不超过1秒（操作动效最优区间0.5s-1s）。

2.三不

考量现实，平衡设备和方案。
在动效设计中，我们基本要做到三个不：
不卡、不跳、不闪，
只有满足三个不，才能带来正向体验，如果卡顿，带来的就是负向的体验。（考虑用户的设备条件）。

3.自然

基本符合现实运动规律。运动规律应该遵循现实的运动规律和节奏，如下曲线中的先快后慢、先慢后快、匀速、*落体等，基本都有现实的运动事件作参考。

4.126

整体编排，循序教育。
1个好的欢迎页面+0—2个细节动效+不大于6个说明动效。
1个好的欢迎页面：好的欢迎页面可以提高用户的期望值，塑造第一感受。
0—2个细节动效：细节之处添加一两个动效，给用户惊喜，提高产品逼格。（不要贪多）。
6个说明性质的动效：用户学习能力是有限的，临界值大约是6个。

思考

1.发现身边让你惊喜的APP动效设计。

2.给你的产品加一点动效设计。

原文链接：
“动”起来的产品