设计更合理的电梯上下按钮

作者: ZedJ | 来源:发表于2017-12-03 18:58 被阅读359次

下面这种电梯面板相信大家都不会觉得陌生。虽然绝大部分人最终都会清楚地知道怎么使用(而且一辈子都不会忘记),但是对于一个从没使用过电梯的人而言,它会很让人费解。因为它有很明显的可用性问题。

箭头操控的是电梯?还是代表我的目标楼层方向?

在具体分析之前先给大家介绍两个设计原则,一个是接近性(Proximity),一个是映射(Mapping)

接近性是指控件与对象越接近,人们就会越认为它们是关联的。比方说,洗手间门口的灯开关,你会相信它控制的是洗手间的灯,而非阳台的灯。当然,如果你的洗手间跟阳台是连在一起的,你就会不太确定了,因为它们仨都很接近。

而映射是指控件的设计能象征它所控制的对象。比方说,你握着鼠标在桌面上移动,屏幕上的光标也会跟着移动;幻灯片翻页笔的“上”和“下”箭头,代表着翻上一页和下一页。

翻页笔的箭头映射着幻灯片的上下翻页

电梯面板的可用性问题就出在这两个设计原则上。

面板上的上下箭头既有可能映射电梯的运动方向,也有可能映射使用者的运动方向。如果你没有使用电梯的经验,你对这两种理解方式的倾向,取决于你已有的生活经验。举一个极端的例子,如果某人出生后一直生活在一个小房间里,房间里只有幻灯片翻页笔和一个屏幕,他每天的日常就是用翻页笔翻看幻灯片,然后终于有一天他恢复了自由身,走出小房间,来到电梯门前看到上下两个箭头……他极有可能会认为箭头按钮控制的是电梯的运动。

更令人疑惑的是,这个小小的面板上除了箭头,还有一个屏幕,显示着电梯所在楼层的数字。按照接近性原则,这两个箭头按钮当然更像是控制这数字(数字象征着电梯)。然而事实并非如此。

你可能会想到,把箭头按钮和显示数字的屏幕分开就能解决接近性的问题啦——这就是另一种常见的电梯面板方案,把屏幕放到电梯门上方,让屏幕远离箭头,同时更接近电梯门:

把屏幕放到电梯门上方能缓解接近性的问题

这种方案能缓解接近性的问题,但并没有完全解决。你看,虽然箭头离屏幕很远,但是它们离电梯门还是很近,使用者依然可能认为箭头控制的是电梯。

这是因为映射的问题仍然存在。

关于映射问题,我提供一个思路:把箭头放置在使用者的语境(Context)中。这语境可能是使用者自己,可能是他所在的楼层,还可能是他将要去往的地方。你可以就此脑暴出很多方案,我比较倾向的方案是在箭头之间显示使用者所在楼层:

这是我建议的方案

虽然加了当前楼层的数字之后,整体上来看就没那么简洁了,但是这个信息对访客会很友好。

总而言之,把接近性和映射的问题解决了,电梯面板就会更加易于理解。

希望能给大家带来些启发。

相关文章

  • 设计更合理的电梯上下按钮

    下面这种电梯面板相信大家都不会觉得陌生。虽然绝大部分人最终都会清楚地知道怎么使用(而且一辈子都不会忘记),但是对于...

  • “下下下”箭头

    橙子很喜欢坐电梯,垂直电梯有上下箭头的按钮,橙子很按电梯的箭头按钮。有些箭头会亮蓝色,有些会亮橙色,还有些...

  • 电梯按钮的交互设计

    开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己...

  • 电梯按钮

    刚才下班坐电梯,正当电梯快自动关上门时,对面一个大姐正急匆匆往这边赶,我见状就下意识的按开门键,哪知按错按到警报按...

  • 电梯按钮

    这玩意终于换了

  • 把“按钮”藏起来

    按按钮,我按下了电梯的按钮,叫了电梯,但是我很着急,希望电梯能马上来,我等啊等,电梯还没有来,我按了一次电梯的按钮...

  • C语言模拟电梯上下楼效果,编程的学习就要多做项目

    VC++ 模拟电梯上下楼效果,模拟电梯上去的时候,可以随便按上去的任一个按钮,但是下来的时候,可要好好按哦,必须一...

  • 不合理的设计:电梯面板

    我要去15楼,按钮具体在那个位置呢?配图是一个糟糕的设计。首先电梯按钮一般都是现长方形的轮廓,而由于楼层都是从下往...

  • 现在小孩怎么了

    今天去公司路上下雨,赶忙跑进电梯,然后一个男孩子直接用伞按电梯按钮。然后电梯里的人就说起来了,说你怎么这样啊,小孩...

  • 一个按钮的时光之旅

    按钮的设计以灰度为主。几乎每个按钮的设计中都会显示精致的渐变、圆角和阴影。 按钮的形式不会发生巨大的变化, 但有更...

网友评论

  • 9731942ca1dd:我第一次坐电梯的时候以为箭头控制的是电梯的运动方向。当时还以为只有我这么认为,今天看了这篇文章才知道好多人也是这么认为的,那真的是设计不清的问题了
  • 4aaa6df801d1:看到这个文章就想起了 当初教我妈电梯按钮的实际意思,很少用电梯的就会习惯认为按钮箭头是控制电梯的方向的
  • e43165de9c4a:电梯在16楼 我在15楼 按照楼主的设计方案,也有可能会认为箭头按钮控制的是电梯的运动。
  • a5b6cd580cff:见过直接输入楼层数的面板设计,电脑自动分配多部电梯。要去哪里点哪里,So easy!
    4aaa6df801d1:@意云何 移动大楼的电梯就是这样
    刘英滕:这种高层建筑可能常见一些,不过效率就比较低,要想一下自己去几层,再按一个或者两个数字
  • 刘英滕:不过当前楼层放在按钮区,感觉也未必会搞清
    ZedJ:@刘英滕 显示当前楼层是为了能让使用者代入到上下箭头之间的位置,感觉会减少一些误解,不过这个没做过调研,还真确定不了实际效果:smiley:

本文标题:设计更合理的电梯上下按钮

本文链接:https://www.haomeiwen.com/subject/fwhzbxtx.html