任务转场

摘要:当设计一个应用、界面或者任意类型的结构化内容时,我们必须要确保当用户抵达一个新页面或新状态时知道他们从哪里来。

生命和自然是一个很大的转场效果。太阳徐徐升起标志一天开始然后缓缓落下标志白昼结束夜晚来临。我们诞生于子宫起源于微小细胞,慢慢成长渐渐老化,直至死亡。

有时,当一件东西从一个状态突然跳到另一个状态,感觉上可能还行但就是不太对。

故意设计的比较慢的转场效果感觉很糟。当设计一个应用、界面或者任意类型的结构化内容时,我们必须要确保当用户抵达一个新页面或新状态时知道他们从哪里来。从一个屏幕或一组内容到其他地方的转场效果应该自然且应该在各种配置下的设备上进行测试以得到更宽泛的效果感受评估。转场太快,可能令人有断裂或跳跃感;太慢,用起来很绝望。

当讨论到设计时,“转场”这个词通常会唤醒人们对于ppt或用廉价视频编辑软件做出来的自制电影的印象。但所谓转场过渡不仅只是如此。

转场让我们在不同状态间跳转,一天好几次。大多数时间,这些转场效果是完全不可见的(他们应该就是这样),直到他们被拿走了我们才认识到原来他们在那儿。本文讨论了转场效果以及完美设计的转场效果通过传达了一种控制感及便捷导航来增强用户体验的内容。同时也将讨论为何不好的转场效果会损害用户体验。

什么是转场过渡?

在定义上,转场的意思是“某种形式或类型之间的变化,或者是这种变化的过程。”之前已提过,我们一直无意识地在做转场变化,并且这些变化扩展了电脑界面。一个设计的好的转场效果就像是告知了用户他们用哪条路径快速的从A点到了B点。

众所周知,转场在界面设计中很常见,但同时也在电影和产品设计中被使用到。在产品设计中,转场由触摸、移动或者对于产品的物理搬动而触发;而在界面设计中,转场由应用界面或内容之间的跳转而触发。转场效果应该是可以给用户提供他们究竟在界面之间处于哪个位置这一信息。

转场的例子:

电影

在1971年的电影Willy Wonka & the Chocolate Factory的开场镜头里,金票获得者们为了一睹难以捉摸的Willy Wonka出现而聚集在神秘的工厂门外。

Frames from Willy Wonka & the Chocolate Factory (1971)

如镜头展现的,观众的视线从人群身后,穿过门,朝向工厂;另一台摄影机角度取的人群身后到工厂大门之间;我们的视线时而在Wonka身边看着他一瘸一拐走在红地毯上;时而从他身后看着他。尽管从摄影机角度上来说没有可见的在这两者之间的转场效果,观众仍可以十分清楚地理解视线究竟位于何处。

观众是坐在他们舒服的沙发上看电影的然而他们仍有一种身临其境的感觉。这是一种情绪上的转场效果。