手记

UI设计:小动效在UI界面中的增分点

很多设鸡师都不会敲代码,当然各有好处,所以就限制了绝大部分设鸡师不太可能让自己的设计真正“活”起来。如果没有动效设计,那么你就需要有特别优秀的口才和逻辑思维,如果两者都没有,那么你就需要动效,来为你无声的界面设计给程序员和项目方解释,点击这个按钮后会发生什么。所以设计师们需要通过动画版本高保真原型(包括动效设计)去解释交互效果。目前的UI动效包括系统动效都在尝试从各种不同角度解释动效设计的作用。而很多开发团队根本就不重视这些细枝末节的东西,他们认为只要掌握好几本用户需求,就可以把产品继续做下去。在国内(CHINA)目前的各类APP中,拥有优秀统一的视觉效果的应用比例少之又少,更别说流畅的动效效果了。

好多设计师或者产品经理根本就不知道哪些地方该动,哪些地方不该动。那么 ,动效设计在用户体验的提升中到底有没有用呢?

我们先暂且相信它有用。我们在下面讨论的是动效对界面有哪些增分点。

一、加强体验舒适度

嗯,就是让用户用你的产品用的特别爽,从界面的设计、排版、颜色、交互等等。
具体表现在:

1.页面层级关系的表现

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

2.与用户手势结合,更自然的动画表现

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

3.适当的提示功能

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

4.额外增加界面的活力

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

5.吸引用户持久的注意力

也是属于增加用户的惊喜感,在某些数据量较大的界面中添加一些动效,让用户保持注意力。

二、减弱不可避免的不适感

虽然我们的产品,我们的交互,我们的设计,我们的工程狮都在努力把产品打造的更加优秀,更加完美,但是总有一些无法避免的问题、或者有可能会出现的bug、外界条件的不给力等因素,造成我们的产品体验下降。这些时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。

1.让等待变得更愉快

常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。

2.失败界面的动效

比如刷新失败、页面错误、未联网提示这些。

3.增加界面与界面衔接的延续感

界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以显得更加好玩,不再是生硬的跳转。

三、不易被察觉的动效

特意把这一类单独说一下,由于不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。

1.默默增加反馈感

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

2.去除用户不再需要的元素

随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。

20人推荐
随时随地看视频
慕课网APP

热门评论

之前学的是设计,后来转行做web开发,感觉棒棒哒!

作为设计师动效必须要学习的呢

哈哈哈,动效果然是好东西。有想一起学习的么?https://coding.imooc.com/class/184.html

查看全部评论