电梯按钮的交互设计

开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己"想的不一样",即预设的或已建立的心理模型失效了,我们不得不重新审视电梯的操作面板,重新建立心理模型,找到对应的按钮。如果日常常搭乘几部电梯,它们之间的操作规则和心理模型还不一样的话,一是容易让人混乱,二则给人增加了记忆负担,实在是很麻烦。觉得这一小块可操作区域很有趣很值得分析之后,好奇之下找了不少图进行研究,五花八门的设计...

开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己"想的不一样",即预设的或已建立的心理模型失效了,我们不得不重新审视电梯的操作面板,重新建立心理模型,找到对应的按钮。如果日常常搭乘几部电梯,它们之间的操作规则和心理模型还不一样的话,一是容易让人混乱,二则给人增加了记忆负担,实在是很麻烦。

觉得这一小块可操作区域很有趣很值得分析之后,好奇之下找了不少图进行研究,五花八门的设计实在是让人觉得……有点头疼。稍稍汇总分析了一下各种电梯按键设计上的不同和其中的种种不合理之处。

一 、楼层按钮

1.1总体形态问题


电梯按钮的交互设计

总体形态问题

其实这倒是我最没有想到会出现的问题,在我们日常生活中,常见的电梯基本都是规规整整的横向纵向对齐布局。对齐布局之所以会变成我们心目总的常规,我想是有点跟着现代建筑结构来:一栋大楼,每层很整齐的有几户彼此相邻的人家,然后再上层就是继续按照这个排列逻辑一层层的码。小孩画简笔画的大楼,也是先画个最外的大框,里面再尽量规规整整画对齐的小方块。这种整齐的排布,是我们印象中对"楼"这个概念根深蒂固的认知。

如上图所示的各种非常规造型的电梯按钮,如果应用在日常场合中,是非常失败的。日常生活中的电梯,本就是为了帮助人节约时间的存在,特点是人流量大、使用频次高和注重效率,使用非常规造型的电梯按钮,让人不得不每次都去认知它或者记忆这个操作模型,只能让搭乘者更加烦躁。但是如果将它使用在休闲娱乐的场合的话,窃以为是非常适合的:非日常的场合、闲适的心情和充足的时间,让人有兴致去研究有趣的东西。若是我有幸遇到,也会很开心的掏出手机来拍照的:)

1.2按钮材质问题


电梯按钮的交互设计

按钮材质问题

电梯按钮会有楼层数字和按钮一体和分开两种形式,在这里只讨论楼层数字与按钮一体的情况。

按钮常见的材质有银底白字、银底黑字、白底黑字和黑底白字四种(深色彩字、彩底白字类似白底黑字、黑底白字,不另做讨论)。

就识别性进行分析:如上图右侧EPb所示的白底黑字、黑底白字和银底黑字,文字和背景都能形成较大反差,较易识别。但如上图左侧的BO所呈现的银底白字,则识别度相对较低,非正视时较难看清。如S所示的整体银色,也有类似的问题。

就按压之后的响应分析:点击后,按钮需要给人"操作成功"的即时反馈,反馈的形式也与按钮的材质有一定关系。反馈形式中,个人认为通过数字反馈是最优解,描述搭乘电梯的过程,应该是:有确定的目标楼层,寻找楼层数字,操作对应数字按钮,确认操作成功,确认到达目标楼层,楼层数字是贯穿始终的一条线索。在选用的示例中,BOP都是白色文字,按压之后,都是数字亮起,银底和黑底都隔绝了光感,底部不发生变化,让人的注意力集中在操作的数字上,且BO还通过外圈"漏光"处理来加强反馈。E按压之后应该整个按钮亮起,这也是白底黑字按钮唯一可能的反馈形式,这样的话变化最强烈的反而是底色的变化,反馈够了,但稍显过头。b是仅使用"漏光"进行按压反馈。S目测是比较容易给人带来疑惑的存在,按钮外没什么缝隙,不像是有"漏光"反馈,操作者无法即时的得到"按压是否成功"的反馈(外圈绿色塑料是对0层的强调并非按压按钮的反馈),大概只能通过电梯是否移动进行判断。

1.3为特殊人群设计


如今,许多公共设施及住宅都开始为特殊人群设计,这也正是一个国家、一个城市,对特殊人群人文关怀的体现,如:铺设的盲道、建筑物前的残疾人通道、地铁站扶手末端的盲文和在交通最便捷的车厢预留的固定轮椅的位置等等。浅层意义上讲,这些设计是为了保证特殊人群能够独立出行;深层意义上来讲,更是维护了他们的尊严、增加了他们自立的可能性。

为特殊人群设计,应当先定义为:在不影响普通人使用、不过分增加普通人认知负担的前提下,保证特殊人群能用且较方便的使用它独自出行。现在的电梯也逐渐的开始为特殊人群考虑,但在个人看来,依然问题很多,许多设计并不能称为成功的"为特殊人群设计"。

1.3.1盲文与按钮


电梯按钮的交互设计

为特殊人群设计1——盲文与按钮

为盲人进行按钮设计,这应该是普及程度最广的一个为特殊人群设计,形式也比较……异彩纷呈。

最常见的应该是像S这样,数字和盲文标记一起放在同个按钮上,应该也是实现成本最低的方法,只需要定制按钮即可。但是个人认为存在的问题是:触摸和按压的边界难把握(并不了解盲人的操作模式,只是自己想着觉得会存在这个问题:),如有误区望指正)。想象盲人触摸到按钮区域,开始试图摸索确认数字寻找排布规律的状态:摸清楚盲文应该是要施加一定力度来触摸的,但又要避免把按钮按下。不管容不容易像这样误操作了,这样很容易让盲人处于一个比较紧张的状态。

U和c勉强算是一个类型的设计,黑色区域放置楼层数字和盲文标记,按钮提供操作,这样的分隔处理就回避了上面说的问题。但这两者对比,同样也暴露了一个问题:U对亲密性原则的考虑不足。看U的排布,大概是对"对齐"有过分执着的工业设计师的作品……排布非常均匀,但黑色区域和按钮的对应关系,不能一目了然的看清或摸清,我们要利用"阅读是从左往右"的经验或者是判断最小重复单元方能正确的操作。而c这样的互相咬合的设计则用了外型的匹配来让这两者形成自然的关联,是个相对较好的设计。

X的设计比较中正,保证了盲人的能识别也保证了不给普通人增加识别负担,也很美观,但也没有特别值得称道的地方,不仔细说它了。J和T是个人觉得比较好的设计,用和整个面板相同的原材料制作盲文区域,与对应楼层按钮紧密排列,即不过分干扰普通人识别也方便盲人操作。不过盲文区域的设计上T要比J略胜一筹,盲文排布在同一块板上,方便顺延触碰。

1.3.2禁忌数字问题


电梯按钮的交互设计

为特殊人群设计2——禁忌数字问题

无论东西方,都有一些数字禁忌,西方不喜欢"13",中国要避开"4",国内的电梯设计,要避开数字的话也就这些。要回避这些数字的话,情况有两种:第一种如图A,直接跳过这个楼层,这个情况非常多见;第二种如图e,有这个楼层,但用别的命名方式避免直接提到它。我没有实际见识过第二种情况,也有点好奇这种情况盲文要如何描述禁忌数字,但第一种跳过楼层的情况,对普通人而言,可以说只会造成一些小困扰,但对盲人而言,简直是灾难性的。真正为盲人设计,考虑到要照顾他们使用的电梯,应该如图J一般,采用易发现和记忆的简单规则。但如图f所示的这个电梯,是我实际搭过的、对普通人尚且很麻烦对盲人简直是个灾难的电梯:数字横向排布且不是从左下角开始,缺少2、4、13、14、24楼。对于普通人而言的话:完全没办法用寻找倍数规律的方法来快速找到所需楼层,只能在理解横向排布规律之后,逐行扫视查看或者根据数字大小在大致高度扫视寻找。对于盲人的话,暗自揣测一下他们的操作模式:摸索下部按钮,大致判断列数,因为没有2没有4,数字开头本身缺乏连贯性,可能要摸索两行按钮才能判断排列规则,然后根据列数和排列规则,向上寻找自己的目标楼层,但因缺少13、14、24,数字规律相当于重建了两次,又加大了找到目标楼层的难度。总而言之,要有禁忌数字的话,就别横向排布,更别流于形式的添加盲文为盲人考虑。

跳出按钮设计说一句题外话,即使电梯面板设计的很好、为盲人考虑的很周到,都还是不够的,据个人所见,考虑到按键盲文设计的电梯,还是没有抵达目标楼层的声音反馈,如果盲人独自乘梯,如何判断自己正确的抵达了目标楼层?电梯门开了但门口没有人等着的情况,相信大家都遇到过。考虑到这一点的话,电梯最好是能有个开门报楼层的功能,不仅能方便盲人,也能方便低头族们:)

1.3.3残疾人操作面板


电梯按钮的交互设计

为特殊人群设计3——残疾人操作面板

除了考虑盲人之外,有的电梯还会考虑到残疾人。普通的按钮一般都在门边右侧中部,空间上来说总归还是偏角落的位置,对于残疾人,不借助工具的话,无论是精准的到角落的位置还是操作偏上部的按钮,都是很吃力的。如今,不少公共设施内部都在电梯的左右侧中部,单独设有方便残疾人操作的按钮面板,如图Z所示。图Y中,单独有残疾人操作面板,但却同样安在偏角落的位置,可以说是没有理解这一操作面板的使用场景。

1.4排列方向问题

1.4.1横向与纵向


电梯按钮的交互设计

排列方向问题1——横向与纵向

楼层按钮绝大部分都是规规矩矩的横纵对齐模式,在讲总体形态问题时已经讲过,这种排列方式应该是根据人们对现代建筑建立的心理模型而来,而在横纵对齐排布之下,有且仅有横向与纵向排布两种模式。

如图O、K,采取的是横向排布模式,想象一下看到这种面板如何找到自己想去的楼层的数字:第一种情况是,按照习惯先看左下角,找到底层,查看附近数字,找到下一层,视线按反的"Z"字逐渐上升,直到找到寻找的楼层;第二种情况是,看清最底部数字的排布,找到规律,按照数字规律对寻找的楼层数字进行大致的定位。正常操作情况下,应该是两种模式混合着来。对这两种操作情况的描述,也能让人很清楚的看到横向排布的弱点:第一种顺着数字递增方向查看模式,视线一直是按反向的"Z"字来,横向一排也不可能放置太多数字,所以视线一直在"打断——另起一行——打断"的循环中,不是一个比较连贯舒适的识别过程;第二种寻找规律,需要通过奇偶数或者倍数关系来简单的分析定位,稍显麻烦。

R是无意中发现的……奇葩型横向排布:数字递增方式是从右往左,而不是符合绝大部分人习惯的从左往右……这真是万万没有想到会出现的问题。

如图P、A,采取的是纵向排列,和楼层上升规律自然匹配,避免了横向排布视线打断和寻找规律麻烦的问题,是较为合理的排布模式。但是单论图片所举的P、A两例而言,也是有不当之处的:让搭乘者较快识别排列方式,最好的方式是通过距离来暗示(格式塔原理接近法则),将两竖排间的距离拉大一点,就能降低识别的难度。但我见过的按键排列,最多的是像图A这种,按钮上下左右留的空隙基本相等的类型,根本没法根据按钮大致形态来判断排列方式,必须根据数字来。图P所示的面板,倒是两竖排间距离要大于按钮间纵向距离,但比距离划分更加明显的横向线条划分占据了优势,错误的诱导了横向的查看模式,虽然这样应该就不用定制背后的面板可以一律拼接组装,但这么省造价实在是……

1.4.2斜向


电梯按钮的交互设计

排列方向问题2——斜向

斜向是一种比较特别也较为少见的排列方式,两排按钮错落排布。这个排列方式,是变相的横向排布,和横向排布存在的问题也基本一致,但会比横向排友好一点,视线转的会柔和一些。如图所示的三个斜向排布的电梯面板,大致排列都很相似——两排错落排布、同排之间更加紧密,识别起来更可能是找到底层之后根据接近原则同排顺着读上去,理解了单双数排列模式之后再根据规律寻找目标楼层。L中为了暗示数字增长规律,1-2上下有凹槽引导视觉(当然也可能是又在机智的省造价),个人认为识别时还是会造成混乱,先读哪边?斜向转折着看还是顺着竖排看?预期的视觉引导有用吗?其实眼动实验真应该用在这。

1.5列数问题


电梯按钮的交互设计

列数问题

相信看完上图,或多或少会有一点头皮发麻的感觉,内心隐隐的有"太难了、好复杂、好难找"这样的吐槽,这样日常生活中常用的东西,如果让人产生了畏难心理,那它一定是失败的。

列数问题大多出现在高楼层的电梯上,让人头皮发麻的程度因楼层数目和排布列数、考虑盲文与否、盲文设计优劣而各异,如图C、a、H所示。H简直是个中翘楚、集大成者,楼层数多列数多,考虑盲文又考虑的很糟糕,本来已经有4列50多个楼层按钮了,盲文标示一出,乍一看就是按钮数目翻倍的感觉,实在是头疼。

日常搭乘的电梯基本都是1~3列,整体呈现狭长的竖向长方形布局,而图示的这些电梯,同部电梯里可选择的楼层多本来就造成了困难(希克定律),而因排布不合理又偏离了常规的布局,更增加了操作者的识别难度。一台电梯能承载的复杂程度是有限的,而楼层增长可带来的复杂程度是极大的,所以列数问题的解决方案,要么是将复杂程度拆分给多台电梯承担,要么是适度简化将本身的复杂程度降低(其实应该说把复杂性丢给了搭乘者),前者如常见的将单双数楼层区分开来,后者如图V所示的每三层停靠设计的电梯(每层的按钮后有岔开的标示,标明每个按钮所承担的三个楼层)。

1.6总数奇偶问题


电梯按钮的交互设计

总数奇偶问题

这个问题相对之前的种种而言,可以说是个小问题,但也挺有趣,针对只有两竖排按钮的电梯来讨论一下总数奇偶问题。楼层总数,有奇偶两种情况:偶数楼层的话,一般是有两种排列方式,对齐排列和错开一个,如上图Q、A;奇数楼层的话,大致有如上图E、d、W三种排列方式,上、下多出一个和错开。

总的来说,如A、W这样整体形态呈斜向右上方的四边形形态是最优解,从形态上比较清楚的暗示了两竖排之间的数字递增关系,而且在看清最底端的起始楼层之后,因没有左右干扰,视线很自然的往上走,成功暗示纵向排列引导了纵向阅读。E、d抛开横向排列模式来说的话,个人认为会出现的问题是:对"零余者"的过分关注。因别处对称度都相当高,注意力难免第一时间被多出来的那一个吸引过去,在这个意义上,E比d更糟糕,先找到1肯定比先找到7强,但d是完全按照数学规律来做排列,利用自然匹配直观引导理解的纵向排列肯定优于需要理性逻辑思考的数学规律排列,毕竟,不动脑最好啦!

二 、开关按钮

2.1与楼层按钮相对位置问题


电梯按钮的交互设计

与楼层按钮相对位置问题

开关按钮与楼层按钮的相对位置大概有三种:和楼层按钮完全不做区分的排列在其下,如R;相隔一定距离在其上,如A、D;相隔一定距离在其下,如B、E。

不做区分混排毫无疑问是最糟糕的排列形式,即使是不同功能的按钮,采取同样的样式,放在一起,给人直观的感觉就是它们是同类的,完全没能起到区分作用,操作时需要通过符号识别出来,或者依靠经验寻找到。E是它的反例,开关门按钮与楼层按钮不仅做了距离划分、还做了方圆的样式区分,非常清晰。

开关按钮是所有按钮里操作频次最高的按钮,在上在下孰优孰劣需要通过使用情境来分析:单人搭乘时,只需要按一次关门键,情况比较简单,在上在下都不算麻烦;但多人搭乘时,很容易出现需要长时间按住开门键和需要多次按关门键的情况,长时间高频率需要操作按钮的话,按钮就需要放到操作着比较方便舒适的地方,在这个意义上,放在下面会明显比放在上面好,一直要抬手肯定比较累,而放在下面则轻松的多。

2.2两者的区分强调问题


电梯按钮的交互设计

两者区分强调问题

在讨论开、关门键的区分强调问题之前,先讨论一下它们的重要性区别:电梯开门关门间有默认时长设置,到达目标楼层自动打开门,约莫5s之后自动关门,但实际常出现默认时长结束但人还没上完或下完、或者临时有人要搭乘的情况,所以必须有开门键,且必须非常灵敏以应对突然状况。达到默认时长,电梯门会自动关闭,到达默认时长后仍按住开门键的话,松开开门键电梯门也会自动关闭,所以关门键并不是必须的,即使有的话,反应速度也会慢1~2s,以防出现突然状况。综上所述,开门键的重要性要高于关门键。

实际使用中的电梯,开关门键区分强调的形式也比较多:完全没有区分,如O;把比较弱的关门键直接砍掉了,如Q;用颜色来做区分强调,如A、B(B用警示色红色强调了关门键,使用错误的);用大小来做区分,如C(也算是用了菲茨定律);用颜色、大小来区分,如I,相对最完善的考虑。

三 、报警按钮

3.1位置问题


电梯按钮的交互设计

位置问题

其实这个问题和开关按钮的位置问题有点相似,最大的和最糟糕的问题还是混排问题:如上图的U、S、K,全是报警按钮和其他花样混排,样式完全一样或者挣扎着稍微改了改用了个警示色黄色,都挺糟糕的。操作频率最低的报警按钮和别的东西排在一起,真的非常容易导致误操作,而且误操作导致的后果一般还较严重,很容易给人带来挫败感,非常不合理。

O、I则是比较正常的类型,将最不常操作的报警按钮直接放到了最顶上。但其实最好还是如I一般做一些强调,毕竟虽然操作频率低,却非常有必要让人注意到。

其实回过头来看,自己也蛮诧异看起来很简单的电梯面板,能折腾着分析出来这么多不同和问题。设计是为了解决问题的,是让人们在解决问题时,使用更优雅精致的工具、经历更简单明了的过程、拥有更舒适愉悦的心情。很不幸的是很多电梯,总是在让人焦头烂额的狼狈寻找,或者是让人自怨自艾的觉得自己记性太差。希望大家在以后,碰到的电梯都是没有槽点的:)分析的东西比较杂,方式也不一样,感谢读到最后:)

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35134/

(0)
交互精选交互精选
上一篇 2018-02-06
下一篇 2018-02-06

相关推荐

  • 百度UED:让上帝讲真话——聊聊用户访谈几个细枝末节的问题

    来源:百度UED由于商业产品的特殊性,我们的用户是我们的客户,就是我们常说的上帝。那么,与上帝沟通需要注意哪些技巧呢?本文所讨论的技巧并非访谈技巧类的“技术流”文章,也非方法论,主要讲获取客户真实情况的访谈准备、数据收集及数据整理过程。我们在做调研时,希望了解上帝沟的目标、需求及行为。但在我们的调研中,往往发现这样的现象:1. 客户不配合我们的调研,不愿意跟我们讲话?2. 客户跟我们聊,却发现,答非所问,无论如何我们都没法在同一个平面对...

    2018-01-31
  • 像用户体验设计师那样思考

    [国外设计第158期][图片]插画来自Crafticons培养探索未知的心态(持续)学习用户体验是最需要技巧的事情。因为这不是标准教育中的某个正式课题。它总是以某种神秘不可预测面貌示人,直到你在设计、研发、市场推广(或者其他创意领域)中遭遇到用户体验的具体概念。虽然在用户体验方面

    微信热点 2018-04-18
  • 微信公众号哪些细节会影响用户体验?

    公众开发运营官网公众运营平台微信公众号哪些细节会影响用户体验?在微信公众号里面,哪些细节会影响大家对公众号的体验呢?下面小编就来为大家讲解一下这些细节,快来看看吧。1.无意义的自定义菜单内容第一个就是毫无意义的自定义菜单内容,很多企业公众号费心费力通过了企业认证,好像不用这个自定义菜单挺可惜的,然后就非得放些东西进去,但是并没有考虑目标用户是否需要。如果把公众号视作一个小应用的话,自定义菜单的功能可以类比App里的Tabbar,主要是实...

    2018-02-12
  • “用户体验”3.9万油电混合植保机演示视频

    植保季就快来到,很多植保团队以及飞手非常关注行业植保机的动向,不仅因为飞机本身的性价比高而且续航时间和作业效率同样是大家非常关心的事情。因为对于植保作业来说,作业效率关系着成本和收益,同样的植保机在单位时间内所节省的时间相当于是多出来的利润,这也就是为什么油电混合植保机能被大众所看中的缘由。近期在无人机网(www.youuav.com)发布的这款3.9万油电混合植保机一经亮相之后在植保行业中引起了足够的重视,很多朋友对其抱有足够的兴趣,...

    2018-04-24
  • 用户体验升级|丝滑般享受的执剑人单点登录功能来了!

    各位票据市场上的辛勤工作的票友们,大家在这春回大地的时节是否为了美好的明天在努力耕作呢?“执剑人”为了使用户更方便、更快捷地在互联网平台上进行票据流转交易,已经隆重上线账户单点登录功能,交易时平台切换跳转超便捷!只需要登录一次即可完成交易1过去:用户在执剑人合作平台进行票据流转交易时,需要在平台账号、执剑人账号不停的切换,操作比较不便。未接单点登录的平台时这样的2现在:一家企业账号在执剑人和执剑人合作平台上,登录的时候只要一次登录,退出...

    2018-04-15
  • 【用户体验】和路通X1真实详细评测——智能车时代的钥匙

    点击蓝字关注这个神奇的公众号~中国移动和路通智能后视镜的项目已经开展了一段时间,这期间收到了多位客户的体验反馈,今天,小编整理了一些产品体验测评分享给大家,从使用者的角度,让大家对中移动智能后视镜有更加深刻的了解!用户体验和路通X1真实详细评测——智能车时代的钥匙很荣幸从天津蜂享信息技术有限公司,购买了一台和路通X1智能后视镜,并进行装车体验。感谢中国移动对智能出行的重视与执着。目前智能后视镜的市场方兴未艾,市场上智能后视镜产品如雨后春...

    2018-02-05
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • 交互设计暑假基础进阶班报名通道开启中

    编辑//花花对于考研,方向大于努力,为了找准跑道,慢慢摸索的路上你听了很多分享会,看过很多大牛干货,但是实践才能见真知,经验谈打不了胜战,没有领路人,考研太容易进入误区。这个暑假我们针对考研,定制了一套造型能力训练考研强化班,其作用在于,用最专业的的指导,在短时间内向学员传授训练手绘提高造型能力的方法。课程介绍01Day 01Introducing Interaction Design交互设计概论认识什么是交互设计,了解交互设计的历史演...

    2018-04-08
  • Axure rp视频教程36集,免费!

    1-36集,免费学习~~~点击“阅读原文”或长按下面二维码立即观看视频。对教程有疑问,请咨询微信:13388182428

    2018-04-09
  • Axure软件实现登录界面交互小教程

    先上效果图先首先在Axure里面布局好登录页面以及登录成功的页面(也就是红色的那个页面),在布局的过程中请输入账号以及请输入密码两个元件选择使用文本框元件。并编组好整个登录成功页。在布局好界面之后选中请输入账号的元件进行命,请输入密码的文本框也是一样的需要进行命名如图,将登陆成功页面进行编组命名,并且进行隐藏。然后选中账号输入框进行用例设置,选择获取焦点用例进行设置,选择用例动作中的设置文本如图步骤所示进行设置。同样的针对密码输入框进行...

    2018-04-07