楼层数横排比竖排好

1. 横排往下会影响阅读速度。

如12345678的单排单列数字,肯定是竖排阅读快。但多行多列的整块信息,横排并不见得就比竖排慢,比如所有简体中文文章都是横排往下阅读。关键在于,用户选高层和低层的机率相等,所以在阅读速度角度判断优劣并不合适。

2. 横排往下会造成阅读不流畅。

我根本就认为每次都让用户通过阅读找到目标不是好方案,所以竖向阅读流畅与否不重要。既然电梯按钮的位置固定,如果能想办法让用户记住大致位置,记住列头,不是更好么?

————————————————————

以上是针对电梯楼层按钮排序的问题回复,后来与几位朋友线上线下讨论后,基本可以归结为因出发点不同而造成的结论差异。选择竖排的主流观点,还是认为更符合用户阅读习惯,可以快速往下浏览。我选择横排的观点,则认为传达隐性逻辑、迎合用户心智模型更有效。

也就是说,是更易读易找好?还是更易被记住好?举个例子:我们要找网站C,目前是通过搜索引擎找到网站A,再通过友情链接找到网站B,最后还通过友情链接达到目的地。这个问题应该如何优化?是不断迎合用户习惯提高流程效率,还是想办法直接让用户记住网站C?答案显然是后者。

我一直强调传达隐性逻辑非常重要,这其实是通过架构解决问题的手段。比如,页面上所有带链接的字符都可以点击,是同样的道理。咱们面对的用户都有智商,只有迎合用户心智模型,才能让用户自我学习,并尽可能的记住。

支持竖排的同学可能会问“为什么竖排就记不住?”首先整个信息块是无序逻辑,不容易记住;其次我们每天可能使用多部电梯,很容易混淆。而横排传达的效果则不同,因为记住逻辑远远比记住答案更容易,比如,熟悉了的电梯,我不用想都知道先看哪块区域,从而顺利通过16找到右边的18(如图)。

处理此类问题,最好的解决方案是规避习惯,因为用户群不可控。有序逻辑可以形成下意识,需要根据信息再判断的无序逻辑则不能,到底谁更Don’t make me think?

PS. 本文只涉及排序可用性,其他如老幼病残的无障碍设计,以及宗教信仰问题,有空再探讨。

elevator panel

45 Responses to “楼层数横排比竖排好”

  1. pmhero Says:

    呵呵,如果这个大厦里边因为某种心理原因没有4层13层14层,那怎么办?

  2. 电梯楼层按钮排序 - 千鳥志 Says:

    […] 楼层数横排比竖排好 http://ucdchina.com/blog/?p=435 […]

  3. DeadFire Says:

    竖向的线性感好。

  4. woodear Says:

    其实如果只是单纯的横排或者竖排都很好找,只有一个纬度,第一眼之后,我就知道该往哪个方向去寻找我要数字。但是像图中的这种有两个纬度的矩阵,无论你用什么方式排列,我都至少需要三秒以上才能明白。。。为什么在一个维度里比在两个维度里好找呢?还是心智模型的问题。楼是一个维度的。高和低。电梯运动方向是一个维度的。上和下。我在进电梯之前只,脑海里的期待也只有一个维度。

    电梯楼层按钮的布局似乎往往是依据电梯结构而定的:除掉中间的电梯门,只剩下两边的竖长条了。

  5. 白鸦 Says:

    1、天底下所有的电梯排序都不一样,我们无法期望用户可以“习惯性”的记住什么。

    2、用户的心智模型不一样,有人习惯竖排读,有人习惯横排读。 如果我们非得说“设计模型要等于心智模型”,只是一个理想化的说法,并不现实

    3、无论时竖排还是横排我们都不能期望用户第一眼就找到自己希望的楼成。
    所以,讨论横排还是竖排真正需要解决的问题是“如何最大程度降低纠错成本”,“在用户第一次没有找到的时候,如何能够根据他看到的最容易理解的逻辑,迅速找到需要的楼层”。
    这种情况下,也许“就近查找”的原则,远比“数数”来更加容易接受。

    4、 所以,横排比竖排更加容易“纠错”。也更合适。 

  6. Leo Says:

    偶觉得似乎每横排5个按钮比较合适,即

    11 12 13  14 15

    6   7   8   9  10

    1   2   3   4   5  

     

  7. leowell Says:

    续上:

    26 27 28 29 30 

    21 22 23 24 25 

    16 17 18 19 20

    很有规律……

  8. shawnlily Says:

    个人认为竖向更好:

    6      7        18

    5      8        17

    4      9        16

    3      10      15

    2      11      14

    1      12      13

    保持延续性,不过每个用户都有其第一次使用然后慢慢认知的过程….

  9. 草根网 Says:

    收藏至20ju.com

  10. Raymond Says:

    上次书友会的重点讨论话题——排序。
    我记得当时投票举手的比例是9:6。—— 9个支持横排,6个支持竖排。

    和千鸟的观点一样,我也支持横向排列。原因很简单,看书是从左到右,从上到下。
    当时果伦的观点很奇特,说如果是给古代人设计电梯的话,他会从右向左排,因为古人的阅读习惯是从右向左念的。

    而且手机按键排序也是横向的。

    1 | 2 | 3
    ———-
    4 | 5 | 6
    ———-
    7 | 8 | 9

    ……

    电梯则是需要倒过来……

    7   8   9

    4   5   6

    1   2   3

    ps:国内现在电梯排序也是千奇百怪,真应该形成一个统一的规范~~·

  11. efish Says:

    好吧,我来一个终极设计吧!
    理论上,电梯按钮与楼层布局一对一映射最合理。但是对于高层来说,2、3是个按钮串一趟,显然不实用。因此就要堆叠,堆叠就形成了矩阵,也就是大家所讨论的内容了。因此我设计了一种终极方案,仅供参考。
    把所有楼层横排放到,所有按钮相同高度,大概放在1米5比较合适。按钮延伸到电梯侧壁上,按钮有两套,左右侧各一套。两套按钮都按楼层升序顺排列,如果俯视的话就是顺时针。大概就是这个样子……
    好处呢就是,从底层上电梯的时候,去高层用户的沿顺时针往里走,高层越高,按钮越靠里。另外一侧的按钮正相反,楼层越高,按钮越接近电梯门。上上下下,高高低低,各取所需。

  12. efish Says:

    俯视就是这个样子
    ———————————————————
    20 去高层 ——–> 去底层 1
    19 2
    | ^ | |
    | | | |
    3 | v 18
    2 19
    1 底层下 高层下 20
    ——— 电梯门 —————

  13. efish Says:

    俯视就是这个样子
    ———————————————————
    20……去高层…——–>……去底层 1
    19………………………………………2
    |…..^……………………………|…..|
    |…..|…………………………….|…..|
    3…..|……………………………v….18
    2………………………………………19
    1……..底层下………………..高层下..20
    ———……………电梯门…………——— 

  14. Raymond Says:

    楼上的图很有创意,有点迷宫的感觉 呵呵

     

  15. 大夫 Says:

    竖排的一看最上面数一排的字,就知道应该在那一行里找了。

  16. kingsunzhang Says:

    这个可以做一些测试来比较验证:

    可以先把所有数字阵列分成四个象限 ,选某象限最好不是第一象限的按键全部抹掉数字做盲测。

    先 比较横排和竖排的认知矫偏速度,再把每排从3个扩展到5个分别测试一下。

    个人猜测横向阅读肯定更加习惯,至于3还是5,主要是看总楼层多少,10以内肯定3好。

  17. 醉中仙 Says:

    10  20
     9  19
     8  18
     7  17  27
     6  16  26
     5  15  25
     4  14  24
     3  13  23
     2  12  22 
     1  11  21

  18. woodear Says:

    到了这个时候,可以做用户测试了。重新回到使用情景(context)里,是驴子是马,拉出来溜溜。说不定用户说他想要骡子。。。

  19. Raymond Says:

    用户测试。恩,建议UCDchina可以做个在首页做个“电梯排序调查”。

  20. woodear Says:

    raymond所说的调查似乎过于小众了。。。我觉得可以把不同的方案1:1打印出来直接贴到电梯里(外),用户画正字投票。。哈哈还可以直接在电梯里做1分钟的访谈。用户想逃都逃不了。

    忽然想到,30楼的宾馆和30楼的写字楼的电梯的使用情景应该是不一样的吧。。 

  21. Raymond Says:

    呵呵 楼上的说法虽然“大众”,但执行起来颇有难度啊,建议先“小众”,再“大众”

    最近围绕电梯的讨论,让我一进电梯就看“按钮区” ……

  22. woodear Says:

    Raymond,我总觉得,让设计师们来投票有点像运动员去兼职做裁判的感觉。。。无论是定性研究还是定量分析,还是直接找终端用户比较好吧。难度肯定是有的,要搞定保安,要搞定清洁阿姨,还要厚着脸皮去和陌生美眉打招呼。。。不过哦我们应该会乐在其中的。

     

  23. 薄荷糖 Says:

    从千鸟贴的那张按钮区实拍图来看,我觉得第一视觉印象是3列数字,而不是9排数字,用格式塔的连续性原则来看(也不知这个原则用在这里是否合适),视觉导向是纵向的,所以在这种情况下我觉得竖排的文字和这个布局更相符。而且以这个图为例,每个按钮的横向位置都有一个图形作间隔(看不清,可能是盲文?),横向的连续性更弱了,个人觉得纵向更好些。现在进电梯就关注按钮区,和多数用户的目的已经出现了偏差,可能真该做个调查了。。不过好似再讨论就会钻牛角尖了,我想只要能让用户很快分清排序法就ok了。

  24. 薄荷糖 Says:

    我主要是就这张实拍图提出的意见哟。。

  25. ASKFORM Says:

    提供用户调查的在线问卷调查工具www.askform.cn 呵呵

  26. 阿埠 Says:

    大家在讨论的时候好象一直忽略一个问题,就是这个是电梯按钮问题,而不是简单的数字排列问题.

    我觉得图中的排列方式比较合理,数字由下而上从左到右竖条型按顺序排列.

    为什么采用由下而上:这样的排列小数字分布在下面,大数字分布在上面,从而与实际楼层越高,数字越大实际物体相吻合.(大家一直没谈到这问题).

    为什么每行采用从左到右:符合人的正常阅读习惯.

    为什么采用竖条型:一般电梯按钮都放置在电梯门2侧,电梯门2侧的空间已经比较狭小,不可能放置横条型的排列方式,并且竖条型与高楼的外型类似.

    (以上说法不考虑残疾等特殊人群.)

  27. 千鸟 Says:

    任何独立逻辑,用户都不可能习惯性的记住,但可以依靠外部因素条件反射来实现。比如快速学习法、联想单词记忆都是此类应用,每天或者固定周期、固定地点都使用的电梯自然会形成强化记忆,起码是一段时间内。

    心智模型是正常人的思考方式,和对事物运行发展的预测,并不等同于习惯,比如普通用户一旦习惯了通过N个链接找到目标,就很难改变过来,这是不佳引导造成的坏习惯,并不是用户脑子有问题。设计师的工作第一步应该是良好引导。

    第一次我到16层后,看清楚能大致记住这个逻辑。
    第二次我到16层,可以靠印象排除后四排。
    第三次我再到16层,可以靠印象再排除前一排。

    ……以次类推

    结论是始终记不住,但基本上可以定位到四五个按钮上。

    最左列开始,第一步用户根据上下阅读习惯纠错,第二步用户根据左右阅读习惯寻址。

  28. 千鸟 Says:

    to 26楼
    麻烦你看一下文中链接先,从来没有无缘无故的讨论。

  29. Melody Says:

         几天没上来了,电梯排序都讨论这么久了!哈哈

         当时我是分了古代和现代的,正如Raymond说的如果古代的话我建议:

    6     1

    7     2

    8     3

    9     4

    10    5 

         如果给现代人设计电梯,我的意见和Raymond/白鸦/千鸟的大致相同.

         其中我非常赞同白鸦的这个观点: 真正需要解决的问题是“如何最大程度降低纠错成本”,“在用户第一次没有找到的时候,如何能够根据他看到的最容易理解的逻辑,迅速找到需要的楼层”。

         老实说,我的感觉是以上讨论的任何一种电梯设计方式都不会给用户识别带来太大的麻烦(因为用户都是很聪明的,花上几秒钟足以找到规律了)!但是现在各种各样的电梯按钮设计用户可能第一眼都很难找到自己想去的那个按钮,但是怎么样让他很快地看出按钮设计地规律从而马上找到他想要的才是关键.

         面对以后的高楼大厦可能电梯按钮的设计会比现在复杂多了,也可能以另外的形式来设计(比如触摸屏什么的),白鸦的“如何最大程度降低纠错成本”这种思路是必不可少的! 感谢白鸦,让我见识了一个优秀的UE!

  30. 杨渐 Says:

    打了半天字,按错后退了….哎~~

     简单点说

    1.电梯也是C51 PRC之类的控制编程,有Log能导出来,分析Log,帮助会更大

    2.用+ -按钮方便残疾人.

    3.把1楼做的大一些,1楼按钮在下面.

    4.我的观点还是注重空间感

    10    5

    9      4

    8      3

    7      2

    6    ( 1 )  +  - ()

    * ()是残疾人轮椅那个标志.(  )是突出1这个按钮的意思

    不管怎么排列,竖排是电梯内空间决定的,横排不现实。如果你深入了解单片机,能做的事更多。再想一下LED键盘,还有iphone的多点触屏,当然,太复杂了也不好用,要考虑到用户群的整体素质和接受能力。

     

    好吧好吧,我说实话了,谁去过中关村西区的电子大厦,那个电梯第一次用有点摸不着头闹,但会用后就觉得特别方便,利用率也高。这说明我们应该换个角度去解决问题。

    电梯用多了,其实自己家(公司)那层的按钮位置你替代了用户界面。

  31. bruce Says:

    选取不同的模板,调查100人,选的人最多的为确定模型。既然第一次都是要适应的,那就降低用户的学习成本。

    按钮的界面做好用户的示意。尤其是电梯中光线较暗的情况。还有的电梯专门配备了电梯员(人工搜索)。

  32. Raymond Says:

    引用楼上的第3条.把1楼做的大一些,1楼按钮在下面.
    “把1做大”
    这个观点很新!很值得关注。

  33. Melody Says:

    赞同“把1做大”这个观点可以把某几个特殊楼层的按钮做大,以突出几个特殊数字,让用户更加容易纠错!

    这个思想很有启发,多谢杨渐提出!

  34. 阿埠 Says:

    To 千鸟:谢谢你的提醒,看了中文链接。
    比较赞同你的观点。

  35. wangnan Says:

    9   9

    8   8

    7   7

    6   6

    5   5

    4   4

    3    3

    2    2

    1    1

    0    0

    呵呵 新来的 手痒痒 也提出个方法给大家看看

    我就是想能不能就是单纯的输入楼层的数字

    以十位+个位的形式(适合100层内建筑)

    这样也比较省空间 但是给用户的操作增加了(需要按两下 或者还少一个确认按钮)

    特地为了区别个位与是十位

    我将十位数字进行了字体扩大

    其实了为了减少用户在使用过程中可能出现的错误 有很多解决方法

    包括将个位的奇数和十位的偶数同时做成大号的

    或者染色等等(荧光)

    分别使用本色和特殊颜色 可以增加区别感觉。

  36. wp Says:

    个人认为首先电梯运动的方向为上下运动方向,人坐电梯的意识无非就是这两个方向感 上 或者 下, 所以我觉得在数字排列上 是否也要依照一种自然匹配的排列方式 这样在记忆数字时会更容易记些~ 还有很赞同“白鸦”说的1、天底下所有的电梯排序都不一样,我们无法期望用户可以“习惯性”的记住什么。 我想这个应该统一起来 至少排列的顺序和方向做到统一 。

  37. JunChen Says:

    @杨渐 1.电梯也是C51 PRC之类的控制编程,有Log能导出来,分析Log,帮助会更大

    电梯的 Log 能记录下人们按按钮之前的思维过程?呵呵… Log 只能记住哪些楼层去的人多、时间分布之类的…

  38. 冰片蜜桃 Says:

    支持17楼醉中仙的解决方案 以十进制为单位从下向上纵排 这样既符合楼层高度向上增加的心智模型,同时易于记忆和学习。(一眼望过去很容易发现同一行的个位都相同,定位更容易)

    可以解决千鸟在原文中提出的这个问题——

    竖排的问题,虽然我能清楚每列的逻辑,但无法记住每列的长度。也就是说,在横排的情况下,我去11层可以下意识的把手伸出去找按钮大致位置,而竖排则不能,楼层越高印象越模糊。

     

  39. su Says:

    为什么采用竖条型:一般电梯按钮都放置在电梯门2侧,电梯门2侧的空间已经比较狭小,不可能放置横条型的排列方式,并且竖条型与高楼的外型类似.

    比较同意26的观点,环境空间有所限制。如果竖排纠错,我觉得这样的效率会很高。

    40
       39
       38
       37
       36
       35
       34
       33
       32
       31
    30
       29
       28
       27
       26
       25
       24
       23
       22
       21
    20
       19
       18
       17
       16
       15
       14
       13
       12
       11
    10
        9
        8
        7
        6
        5
        4
        3
        2
     1

  40. su Says:

    补充一下,1、10、20、30等整十位的按钮必须要突出一下,比如比其他的按钮的面积更大。

  41. asun Says:

    转圈排列又有何不可,只要规律容易发现。 

    1 2 3

    8    4

    7 6 5

  42. jason.chen Says:

    学习中….

  43. murcelly Says:

    弄个输入框,让用户自己填楼层,哈哈

  44. djyuning Says:

    我觉得,下面的排序是最合理的~

    6     1

    7     2

    8     3

    9     4

    10    5 

    为什么合理:

    1.数字的排序是和楼层的高低相反的~就像手机的按键也是123在上面789在下面!电脑键盘的右侧数字键区是倒过来的,很多人都用错!平视和俯视是不一样的!

    2.数字由上往下读,一路顺畅,阅读方便舒服!而且,乘客很容易就可以顺藤摸瓜的找到属于自己的数字!常用的数字在顶端!一眼就可以找到!

    3.电梯中的这个数字排序每列不能多余10数字!因为,电梯中正常大小的数字键排列10的时候,这一列意境很长了!人的视角在这个范围内不会迷糊,多余10,就会有人花眼了!而且,每列10便于记忆!

    4.这个排序通用!

     

  45. 存档 | 无我的真实++www.zeusca.com++ Says:

    […] 楼 层数横排比竖排好250页 […]

Leave a Reply

You must be logged in to post a comment.