随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性。更多的设计师们也开始投身动效设计领域。
但是为什么需要动效设计?需要什么样的动效?下面我就跟大家谈谈交互动画设计。
一、加强体验舒适度
文字表达清晰明了
移动时代多为零碎时间,用户大多通过手机进行片段式阅读,这对APP界面的文字表达技巧要求要高,能够使用户在阅读的瞬间将准确无误的信息一眼捕捉出来,所以表达要足够简洁凝练,既要使用用户习惯的语言,又要能够将产品特征体现出来。
表现层级关系
为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。
与用户手势结合,更自然的动画表现
当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。
尽量简化标签并与内容对应
APP界面的标签页与内容密切关联,一个界面有二级标签就很合适了,如果还有更多层级并且每一级还有相关内容,切换起来就显得繁琐,不利于用户直接获取信息。
愉快的提示功能
在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。
引导页要大方美观
不少设计者费尽心思将引导页做的糊里花哨,目的在于吸引用户去发现他们新增或隐藏的某些功能,这方面要适度,要注意,太过花哨有时反而使重点被掩埋。凌云认为,如果是用户已经熟知的通用功能则无须引导,引导页要做的简洁美观。
启动速度快 保证网路
如果一个APP启动开始就很慢,加载时间又长,相信很多用户一开始就没耐心再继续等待的。因而在开发APP的时候一定要考虑这方面,对于网络的问题一定要分情况去处理。
操作过程选择性显示
手机交互过程包含缩减、隐藏、附加、组织等,有些人为了凸显其强大会将所有的功能及操作都体现出来,其实这样往往适得其反,让用户觉得过于繁琐而失去耐心。
吸引用户持久的注意力
也是属于增加用户的惊喜感,在某些数据量较大的界面中添加一些动效,让用户保持注意力。
二、减弱不可避免的不适感
虽然我们的产品,我们的交互,我们的设计,我们的工程师都在努力把产品打造的更加优秀,更加完美,但是总有一些无法避免的问题、或者有可能会出现的bug、外界条件的不给力等因素,造成我们的产品体验下降。这些时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。
比如下面这些:
1.让等待变得更愉快
常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。
2.失败界面的动效
比如刷新失败、页面错误、未联网提示这些。
3.增加界面与界面衔接的延续感
界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以显得更加好玩,不再是生硬的跳转。
三、不易被察觉的动效
特意把这一类单独说一下,由于不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。
1.默默增加反馈感
为用户的操作提供有趣的正反馈。
2.去除用户不再需要的元素
随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。
总的来说动效还是为用户体验而服务的,动效设计师尤其要注意交互逻辑,才能让你的作品看起来不但动效帅气逼人而且真正发挥了实际的作用。
最后要提醒的是,千万不要牺牲了用户宝贵的时间用来看你毫无目的的动效设计。