发布网友
共3个回答
热心网友
随着移动设备的不断发展,越来越多的动效运用在APP中,来提升产品的品质。不过对于动效来说,始终是产品体验的一个环节,要符合用户体验的基本要素;不然过度的动效设计,只会让产品看起来很滑稽,甚至会破坏原有的流畅体验。
那么移动端上的交互动效如果设计得当的话,会为我们的产品带来什么好处呢?
1.流畅过渡
如果说界面布局可以组织UI元素的静态位置,那么动效可以组织UI元素在时间维度上的演进。每一个毫秒里界面元素如何出现和消失,它的大小、位置、透明度和颜色如何变化,通过动效的诠释,用户与产品的交互过程会更加顺畅。虾米音乐中使用旋转的唱片来作为场景过渡之间的连接点,契合音乐应用的主题,也是转场过程连贯自然。
2. 高效反馈
作为与用户之间发生联系的一个很重要的交互元素,良好的反馈设计可以让用户更好地了解到操作的结果与程序当前的状态,减轻用户在等待过程中的焦虑。与文字型的静态反馈相比,使用动效可以让反馈高效直观。iOSapp store中通过环状的进度圈来表现应用的下载过程,并将其与暂停按钮结合,让用户对进度一目了然,还可以便捷地暂停进程。
3. 增强操纵
“直接操纵”是移动产品用户体验中很重要的一个概念,简单来说,它要求我们的产品与用户交互的方式尽量接近真实世界的互动方式。它要求交互对象的反应行为是可以预测的,不需要任何提示,并且符合我们对于现实世界规律的认知。这就要求我们拉近界面操作与用户的距离,让用户难以发现虚拟的交互对象与现实的操作行为之间的屏障,很多令人新奇和兴奋的设计点都来源于此。通过交互动效对于现实世界的模拟,我们可以显著地增强产品的“直接操纵”特性。以Paper App为例,使用过它的同学都会被它精致的交互动画所吸引。轻轻翻动绘图本,打开一页开始绘画,栩栩如生的体验让你即使初次使用也能很快投入。
4. 帮助引导
由于移动界面的空间非常有限,我们经常要藏起一部分功能,同时手势操作也是移动应用中很常见的交互元素。我们要怎么样让用户发现隐藏的功能,告诉他们怎么使用手势呢?这个时候,动效作为一种生动的表现形式,往往可以起到很好的帮助引导效果。iOS中锁屏界面滑动解锁的提示会显示一种从左到右的渐变效果,用户可以根据这种运动方向去预知手势的方向。在打开read it!的时候,会短暂显示左侧的菜单,然后右边的主内容区域划过来逐渐覆盖,直到左侧只剩下图标作为入口,这帮助用户了解了侧边栏所隐藏的功能。
5. 升华体验
如果你的产品已经拥有了良好的可用性,却缺乏亮点,也许你可以考虑为其增加动效。将动效融入产品之中,往往带来更愉悦地使用体验,也更细腻地表达应用的情绪和气质。具有一致性的标志动效,常常帮助产品在细节中流露出独有的品牌特性,增加产品的魅力值。
热心网友
随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。
但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。
动效设计就是让用户更加爽更加爽的用你的产品。
具体表现在:
1.表现层级关系
为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。
2.与用户手势结合,更自然的动画表现
当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。
3.愉快的提示功能
在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。
4.额外增加界面的活力
在用户预期之外增加的惊喜,可以是帅气的,可以是卖萌,可以有些物理属性,总之让用户感知到产品的生命力。
总的来说动效还是为用户体验而服务的,动效设计师尤其要注意交互逻辑,才能让你的作品看起来不但动效帅气*人而且真正发挥了实际的作用。最后要提醒的是,千万不要牺牲了用户宝贵的时间用来看你毫无目的的动效。