流畅的界面过渡,是创造良好用户体验的关键。因为视线无法跟随的,头脑也无法理解
吉尔德·霍克:尊重用户的眼睛
数字动画和用户界面设计者都应该感谢一场赛马赌注。1872年,斯坦福大学和人打赌:当一匹载着骑手的赛马以惊人速度飞奔时,有一瞬间它的四肢会离开地面并滑翔在空气中—他们称其为“无支撑通过”(Unsupported transit)。大部分人都认为这纯属幻想:像马这样庞大而迅速的动物怎么可能会有一刻一只脚都未曾落在地面上?
为了证明这一观点,斯坦福聘请了一个正在进行摄影和电子触发器相关技术研究的英国摄影师爱德华·迈布里奇(Edward Muybridge)。他把24架相机按每两英尺一架的间隔排放,并在相机快门上安装了拉发线。当骑手骑着马穿过这些线时,相机在一秒内拍下了1000张照片。它们证明了赛马确实能同时四脚脱离地面。
马的运动轨迹指出了一些对21世纪的设计非常有用的东西。通过技术,迈布里奇成功地洞察到那些因为太快,以至于人们眼睛无法即时捕捉的影像。对于数字化用户界面设计师而言,这是一个需要学习的重要课程。正如迈布里奇用高速摄影机和慢镜头有效地观察和理解马奔跑时的实际情况一样,设计师在界面设计中也要利用动画和状态与功能之间的过渡,给用户提供更好的体验。
利用动画改变界面状态以达到顺利过渡,并不是一个新的设计理念和实践,但是目前的技术和手段使它更加复杂。一个最基本的例子就是网页上出现“正在载入”画面时,你会经常看到的计时沙漏和旋转车轮。这些年,网页设计者精心设计出的网站包含用户界面移动、调整大小以及使网站更加全面和流畅的交叉淡入等元素。这同样适用于移动设备的界面。苹果的iPhone采用了一些优雅的动画过渡,如设定时间时的“车轮”动画,或者切换时的“翻页效果”。
这些过渡可以使用户感觉他们正在控制着自己所做的事情。就像那些爱马者一样,数码设备的用户也想要充分理解他们的体验过程。而且用户不想因为任务的不连贯或者操作方式的不便而心烦意乱。他们要的是无缝、流畅的使用体验。
对于设计者来说,在界面中创造过渡和动画使我们能够传达这样的连续性。这些动画也灌输有影响力的情感和意义。如果iPhone提供的只是在静态界面上页面的简单翻转的话,它还会吸引这么多人吗?也许不能。任意收缩照片的大小、调转视线回到首页、菜单滚动到底部时回弹—这些小动画是令人愉快的,当你使用这些功能时,能够引发你对产品的深刻情绪反应。
在如此细节上把用户界面做好很难,设计人员首先必须对用户目的有很深的理解,这样他们才能给其创造轻松的路径。然后作为一个端到端的流程,详扣细节。这些设计需要考虑留白、一个屏幕和下一个屏幕之间的未定义显示状态。如果不能在这些空间里注入情绪,就将干扰和中断用户的流畅体验。
迈布里奇运动中的马证明了这样一个明显的事实,那些密切关注和形象化用户界面流的设计者,可以创造和传递高质量的产品体验。对细节和端到端流程的关注,在其他行业的很多方面超越了软件界面的现有水平。比如汽车的设计,从走向汽车、打开车门、坐入车内发动引擎、让所有的电子系统启动,到最后驾驶汽车的体验完全是为了感官愉悦而精心策划的。汽油表关闭,灯光逐渐暗淡,声音渐逝,一切安排都是那么流畅而方便。设计者和开发者需要在界面设计上充满野心,才能在细节上达到这一等级的。思维需要超越的静态画面,甚至界面本身,正如迈布里奇在19世纪所做到的一样—那时,虽然技术革命在蠢蠢欲动,但毕竟数字世界还没有到来。
(作者为德国青蛙设计公司高级创意总监)