产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

“动”起来的产品


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



课程目标


1.认识动效设计的作用


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



动效设计的作用


1.过度流畅


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


2.高效反馈


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


move1.png


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


3.引导作用


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


4.层级展现


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


5.增强操作


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


move2.png


6.创新体验


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


move3.png


7.较少用户焦虑


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


move4.png


8.吸引用户注意力


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


move5.png


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



动效设计注意事项


move6.png


1.有度


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


2.三不


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


3.自然


基本符合现实运动规律。运动规律应该遵循现实的运动规律和节奏,如下曲线中的先快后慢、先慢后快、匀速、自由落体等,基本都有现实的运动事件作参考。(挺行UI设计师去注意)


move7.png


4.126


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



课后思考


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


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



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

麦子大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部