其他其他

交通灯的设计能教会设计师什么?

2020-05-109 MIN READ原载于微信公众号 ↗

随处可见的交通灯

能带给我们怎么样的设计启发?

图片来源:Pawel Czerwinski

作为一名设计师,了解你的调色板是至关重要的,也是不言而喻的。使用红色、黄色和绿色将使某些元素 从周围环境中脱颖而出,并可能产生预期的效果。

交通灯不仅可以防止你在过马路时发生意外。交通信号灯是如此融入我们的日常生活,以至于我们本能地对它们做出反应。我们看到红色,我们就停下来;我们看到绿色就走。我们不需要考虑这些颜色意味着什么,它们只是给了我们一个冲动,我们对它 做出反应。

然而,用户体验设计当然不仅仅是让几个按钮弹出并让用户点击它们。用户的体验必须从头到尾精心设计。引导用户浏览网站并不总是需要疯狂的视觉效果、闪亮的珠宝和舞动的独角兽。在交通灯的例子中,你可以看到整个交流过程只用了 三种基本的颜色。人类大脑对这些颜色产生的联想远远超过了“暂停-等待-前进”。

1基本的颜色和职能

让我们从基础开始。这些颜色的选择是有原因的。它们必须立即被理解,因为——这里不需要戏剧化,你的生命取决于它。

红色:警告&趣味性

红色通常与 警告、危险 或 某事的重要性 联系在一起,是一种非常显眼的颜色。

不仅是交通灯或其他交通标志,如停车标志,使用这种颜色说“不”,并要求你立即注意。你也可以想想自然界中红色的地方。

大多数人把它与火和血联系在一起——这当然需要你的注意。但我们也不要忘记它可能引起的其他联想。

浪漫和情色通常与这种颜色联系在一起(例如,在情人节,所有的东西都用红心和红玫瑰装饰,所有的东西都是红色的——呃!),这不是一个巧合。人们对它的反应非常情绪化,据说它甚至能促进新陈代谢,增加呼吸频率,提高血压。

在市场营销中,用颜色来让人们对你的信息或产品做出反应,可能没有比用红色更简单的方法了。

想想看,一笔交易总是用红色的标志做广告,或者点击一下就很有诱惑力。那个又大又红的按钮。我们的大脑已经习惯于将这种颜色与即时反应联系起来——就像你看到红灯时的反应一样。

看看手机的主屏幕,注意那个红色的小圆圈,它表示你有消息或通知。立即打开这个通知是如此诱人,因为我们总是认为这是非常重要的事情。

我们倾向于认为在合适的语境下,红色意味着兴奋。对这种颜色敏感是人类的天性,这种颜色有能力影响我们的食欲、注意力或性取向——例如,它被称为“红灯区”并非巧合。

长话短说:不要低估原始人类的直觉,如果适用,立即使用СТА利用这种颜色。

黄色:注意力和过渡

另一方面,黄色或橙色被认为是 非常愉快的颜色,因为它们与阳光和能量有关。

然而,由于黄色是一种 充满活力 的颜色,它也能吸引人的注意力,所以它并没有被纳入到红绿灯中,让人们感到快乐(就好像在交通中会让任何人感到快乐一样)。

与深色相反,黄色是所有颜色中最显眼的,也是人类在完全失明之前能够感知的最后一种颜色。

在交通灯的情况下,这个颜色用来表示 过渡。尽管黄色,尤其是橙色与红色非常接近,似乎也有类似的效果,但它们在人体内引起的反应却截然不同。

红色代表立即行动,而黄色则代表 变化和进步,具有更不固定的含义。

在设计中,黄色和橙色不仅可以作为 等待的标志,也可以作为 改变的标志。它可以用来鼓励用户完成任务。主要通过在交通灯中使用黄色,我们倾向于认为这种颜色是一种我们必须注意的指示。

它在交叉路口附近创造了一个短暂的决策区,并表明某事即将发生。我们会很自然地把黄色与引导我们做出重要决定的东西联系起来。

绿色:积极和安全

绿色是最积极的颜色,是大自然的颜色。它象征着新鲜和和谐,与安全有着强烈的情感对应。

绿色是红色的 直接对比色,因此,也有相反的效果。它基本上就是在说:“去吧,你做的每件事都是对的!”这被认为是非常鼓舞人心的,这也是为什么许多CTA使用这种颜色的原因——它让用户在创建页面注册按钮时感觉良好,例如,你必须考虑你选择的颜色会有什么影响。

红色可能会更容易 引起用户的注意,但也可能与一个警告的印象相关联,如果它在那里太明显。

Mark Barry——一个吃樱桃的女人

2保持简单

可达性

您可以从红绿灯中看到这种简单的功能是多么强大。但说到简单,为什么不是只有两种颜色呢?难道红色和绿色还不足以表达你想表达的意思吗?

基本上,红色和绿色会或多或少地起作用。然而,黄色起着更重要的作用。从红色到绿色的直接转变是如此突然,以至于我们的大脑会对这种突然的变化做出应激反应。

同样在设计中,我们希望创建最适合用户的流程。就像交通灯一样,我们不需要十种颜色来指示我们应该做什么, 更多的颜色将意味着偏离我们的实际目标。交通灯的颜色能让我们清楚地了解事物,我们在没有太多语境的情况下就能普遍地理解它们。

交通信号灯是用来控制人们的行为的。通过连续使用三种颜色及其关联,可以控制人们 在交通之外 的行为。

你可以让他们认为,这是他们自己的自由决定,遵循自己的意愿。但这是真的吗?用户很可能不会注意到这一点,除非他有意识地去思考他们生活中的颜色。

但是,由于交通灯已经融入了我们的日常生活,我们会自动地跟随它们,我们会太习惯它们而不会注意到它们。

当然,当谈到用户体验时,还有很多其他的颜色和可能性。没有人说你应该只坚持这三种颜色(请记住,大约有4%到5%的人实际上是色盲,其中很大一部分人有红绿色差)。

然而,颜色在引发 特定反应 时非常有效,这一点绝对值得记住。不要误解,交通灯会解决你所有的问题,你一定会达到你的目标并使用这三种颜色。就像生活中的每件事一样,你必须对它有所保留。

3解读交通灯

好了,现在忘掉你刚读到的关于交通灯的内容。

即使这三种颜色是在自然界中发现的,并已被证明能引起人类的某些反应,但不要低估了我们的大脑对它们作出反应的方式。

在大约80年的时间里,交通信号灯或多或少地以这种形式存在于我们的世界中。这意味着颜色和它们的含义在我们的头脑中显现出来。把它们从交通环境中分离出来,我们仍然把它们与诸如 停止、准备、开始 等事情联系在一起。

但仅仅因为我们的大脑被训练来建立这些联系,并不意味着这是使用颜色来表示某些事物的唯一正确方法。

我们的大脑实际上能够条件反射地做出不同的联想。例如,在一些国家,白色是荧光的颜色,而在另一些国家,它是死亡的颜色。

此外,婴儿和小孩子对棕色的反应最积极,甚至成年人看到这种颜色也会更平静。这自然表明,棕色是人类最喜欢的颜色之一,但我们从小就把它与……联系在一起。

此外,我们倾向于认为粉红色是女孩的颜色,但在一些文化中,它被认为是阳刚之气的颜色。即使在如今的西方时尚中,尤其是年轻一代,男性穿粉红色衣服也很时尚,这削弱了与女性气质的联系。

4需求程度&可行性

我们真的需要红绿灯吗?

坦率地说:不一定。但是,在你无视交通灯而从别人身上碾过去之前,请听我把话说完。

我们与交通灯的关系正在改变。在过去的几十年里,许多城市的交通灯都被计算机化了,并做了一些改进或增加,比如人行横道上的按钮,以及在一天中不同时间不同的灯光持续时间,车辆、行人和交通灯之间的相互作用变得越来越 复杂。

在越来越多的地方,交通信号灯和标志正被一种完全不同的 交通设计 所取代。它表明,这样做,十字路口变得更安全,更流畅,甚至减少事故。

但这怎么可能呢?

在拆除交通信号灯和其他管理标志的同时,关注道路的结构也很重要。

由于这是最初决定交通流量的实际因素,它看起来太混乱而不安全。然而,它在车辆、行人和行人之间创造了一种流动的相互作用。在很多情况下,它已经被证明可以提高司机对周围环境的意识,这使得交通过程比仅仅关注一些交通信号灯和标志要自然得多所以,如果我们能停止将颜色和冲动强行灌输到人们的喉咙里,让他们表现出某种特定的行为会怎么样呢?

相反,让他们的体验感觉更平滑,用一个更平衡的设计取代激进的信号颜色。用户很有可能仍然会做出“正确”的决定。这只是实验,没有对错之分,当涉及到设计中的颜色时,一个通用的公式是不存在的。

虽然在某些情况下,使用(最重要的是了解)交通灯颜色的效果是有用的,但在我们成长的过程中,跳出颜色的概念去思考也是很重要的。

记住,交通灯只是我们已经同意的社会契约的一个装置,这并不意味着没有更好的选择。

原文:查看链接 ↗

作者:Taras Bakusevych

译者:益生菌菌

原文请戳【阅读原文】

为尊重版权和译者

转载请联系我们

我们

服务.体验.交互设计传道者

「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。

教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。

清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询