图解交互设计UI设计师的必修课
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 开关的一致性

如图1.9所示,某公寓室内的开关。因为要操控两盏照明,所以装了两个开关。位于上方的开关每按下一次,开关上的指示灯(表示装置工作状态)就会在灭灯和绿灯之间交替;位于下方的开关则是在灭灯和红灯之间交替。如果要用这个开关来关闭两盏照明,你会怎么做呢?

图1.9 某公寓室内的开关

正确答案应该是图1.9中从左边数第二幅图的状态。首先,上面的开关在指示灯熄灭的时候表示照明是打开的状态,绿灯的时候表示照明是关闭的状态。而下面的开关,指示灯是红色时表示照明是打开的状态,灭灯时表示照明是关闭的状态。那么这个开关到底为什么会设计成这样呢?

首先,这两种开关都有自己的名字,上面的叫作萤火虫开关(萤火虫开关的指示灯在照明关闭时会点亮绿灯,照明打开时熄灭),下面的叫作飞行员开关(飞行员开关的指示灯在照明关闭时会熄灭,照明打开时则点亮红灯)。

萤火虫开关通常用来告诉用户这里有一个照明开关,打开后可以照亮这一片区域(比如走廊、玄关等),即使在黑暗中也能被用户发现;而飞行员开关则多用来提示用户“这里的照明(比如洗手间、浴室的照明或者室外的照明等)还开着呢,别忘了关”。

在本案例中,上面的开关操控的是走廊上的照明,下面的开关操控的是屋外的照明,所以为了使用户在昏暗的走廊中也能看到开关而使用了萤火虫开关,而又因为在室内无法看到室外照明的状态,于是使用了飞行员开关。这本身是没有问题的,但这两种开关被作为一组安装在了同一个地方,就让人迷惑了。上下两个开关的指示灯颜色不同,而且指示灯熄灭时代表的含义也不同。这样的两个开关放在一起,用户在操作时很容易搞错。开关并不是只要根据其用途来安装就可以的。

本案例充分说明了在同一场所中的UI要保持一致性,这一点是非常重要的。