做产品 学设计 爱分享

过场与缓冲 选择性地让用户等待

      从文字表面上来看,等待似乎是一个消极的词——浪费时间,浪费精力,并且不能最快地得到想要的结果。我们在点菜的时候需要等待,因为上菜没有这么快;我们在约会的时候需要等待,因为女友不化妆不出门;我们看电影的时候页需要等待,不放广告你让影院喝西北风吗?

      在互联网产品中,也时时刻刻存在等待。打开图片要等待,发送信息要等待,游戏载入更是要等待。如果能够免去一切等待就好了,让我所需要的内容瞬间呈现在我面前,那该多好。

      但事实是,我们在进行产品设计时,总要设计各种各样的缓冲动作,我们称之为动效。一个界面或者信息在技术上已经可以飞快地展现在用户面前,交互设计师们依然要为它设计过场动画,缓冲动作等,这又是为什么呢?

      首先,事物瞬时出现或改变状态,这不符合物理常识。

      仔细体会交互和 UI 设计的历史,设计师们都是在模仿或者抽象现实事物。即便流行趋势从拟物化走向了扁平化,但是还是需要让用户觉得自然、合理。生活中的任何事物都不会瞬间发生变化,一切的动态都是一个过程,一个可以分解可以缓冲成片段的过程。因此,在交互设计中也是如此,一个页面或者一个控件不会瞬间移动,信息也不应当直接闪烁到屏幕上。

      因此,设计师往往会给元素设计动效。就像最简单的 PPT 过场一样,页面转换至少也要加一个『淡入淡出』,而不能直接切换到下一页。而某个文本框的出现,最好采用比如『上浮』、或者『飞入』,而不要让文字突兀地瞬移到你面前。

      其次,平滑的过程更贴近用户内心。

      流水总是让人觉得舒畅,因为它的流动平滑,不强硬、不突兀。在 Android L设计规范中也反复强调,元素进入视线时必须有速度的变化,每一个控件都不能像激光一样突然打进屏幕,而是应该有一个光滑的速度变化曲线。

      平滑的动效过程让用户安心,避免事物突然变化造成的惊吓。

      做产品设计的时候,一定要注意,适当地让用户等待,是合理、缓和的做法。


评论
热度(4)

© Dancing with shackle | Powered by LOFTER