赞助商
立即赞助

同样是输入数字,为何电话和计算器键盘布局截然相反?

交互设计3年前 (2021)发布 流光
3.2K 0 0

同样是最常见的数字键盘,为什在机上使用的数字键盘和计算器上的顺序截然不同呢?

电的数字键盘和计器的数字键盘摆在一。你是否立刻注意到数字键的顺序其是截不同的?在计器的数字键盘顶部,是7-8-9,而电上的数字键盘上,最顶部的三个数字是1-2-3。

同样是输入数字,为何电话和计算器键盘布局截然相反?

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ 话(左)和计算器(右)

种差异很微妙,但是也令人费。因为它们服务一个完相同的目标,就是输数字。果用户以以相同的方式,在相同的界面当中输的,么用户就没有必要在不同的状况下适应两种不同的输模式。按照我们的常识,出现样的局面,通常是因为技术上的,能是明者之间的战,当,也有人认为种差异是因为「人工程学」上的差异。

由于缺非明确的解释,我们只在历史中,从相的硬件设备的发展历程中寻答案了。到是哪种键盘布更早现?是哪一种设计影响了另外一种?更重要的问题在于,到是谁现发明了这种数字键盘?

打字机、收银机和计算器

重头审视整个数字键盘的发展历程,我对于数字键盘何时系统的引入非感兴趣。数字键盘严格意义上是在第一次工革命和第二次工革命之间(从1820年到1920年)逐渐普及开的,一些发明在18世纪末期的时候开始摸索并尝试制类似于琴一样的键盘机械。

然,直到1844,一叫 Jean-Baptiste Schwilguć 的法人真意义制造出了一使用键盘驱动的算设备的原型,这台机器第一次使用了数字键盘,并且这键盘只使用了数字键 1 到 9 (Dalakov,2018)

不过,坦率讲,我们绕不开另两个号称发明了数键盘前辈,据报,Luigi Torchi 在1834年展示过个质计算原型,而1822年时候, 作James White 在新世纪发明展上展示了个带有9个数键键盘设备。不过,他俩东西都没有经受住时考验,也没有证据表明他们这些所谓键盘不是臆想出来。(Durant,2011)

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Jean-Baptiste Schwilguć 数键盘 (1844)

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ James White 键盘布局 (1822)

尽管如此,即使 James White 的机械键盘有待考证,但是它仍然可以被视作为最早的现代可「直操控」的交互界面。这个硬件交互界面允许用户直进行操控,而无需同其的传统机械机构作为补充(比如当的钟需要借助杠杆旋钮来操作),之构成鲜对比的是 Pascaline 的 Arithmometers 阵列,外露的复杂机械构造使得操控非常的复杂。

同样是输入数字,为何电话和计算器键盘布局截然相反?

然而,这些「构想」仍然没法解释和证现代的数字键盘会出现正反种不同的数字排布方式。

有理论指出,计器的设计最早是源自收银机的设计。仔细想想,在个整个货币系和易系统当中,通常的金额数字不太大,也意味着带0的数额非常重要,数字0的重要就不言而喻,因此,将数字0置键盘底部非常符合当年的操习惯。(Durant,2011)

虽然这样的解释有一定的道,但是它仍然存在诸多谬误,如数字0需要伸手可及的论依据就是非具有说。特别值得注意的是,早期的收机(直到1893年)都没有单独的数字0键,没有抽屉,没有工人在收机的后面。

了行加效的论证,我们必看看收银机的诞过程。

1879 年,James Ritty 在美国俄亥俄洲 Dayton 拥有家沙龙,他发现自己员工会在工作偷钱。James 曾经见过个计算船螺旋桨转数工具后,在此基础上发明了用来计数、带有数键(Dalakov,2018),这是如今收银前身。这东西开始不是为了计算而诞生,是帮助经理记录收入,并防止员工偷钱。

直1893年,最早的记录式收银机诞生了,它拥有排数字键,除了基本的数字 1-9 的按键之外,还有包括10、15、20 、30、35等预数值,对应商中销的商品的价格,以美为位。直 1894年的 NCR 79 型才引入了三行垂直排布的数字键盘。

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Ritty 最早的收银机,发于1883年

有证据表明,垂直式的数字键盘很早就诞生。

1884年,Dorr Felt 有过一个很错的想法,他构思了一个够解决大量数字处的机器。这个想法是基于前面说的 Pasacline 的机制,采 Thomas Mill 的机器布外通心粉盒的设计。Dorr 将它称为 Comptometer,它是一个拥有8列键盘的设备,数字从上到依次递减,每行数字都相同,中列代表的是同的数位。值得注意的是,数字0仍然存在于键盘数字序列当中。(Dalakov,2018)

收银机的改仍然推中。

同样是输入数字,为何电话和计算器键盘布局截然相反?

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Comptometer 的键盘布,发明于1885年

其实这也事始变得趣的方。什么 Felt 会选择这种数字 9~1 逆序排布的键盘呢?这当时并不一非常直觉的设,也不符合普遍的认知。毕竟,那还一数字算知识并不普及的。

个合理答案是,这设计可能和某些械决策制有关系。按键连接着杠杆,较大数意味着更大杠杆臂长和更大旋转度,而这个概念来于 Parmelee 。

同样是输入数字,为何电话和计算器键盘布局截然相反?

另个有趣解释则出了械范畴,这是个更加贴合现代设计解读。Comptometer 说明手册上提到,操作员在使用这套系统时候,应该使用较低数值相加来输入更高数值。举个例子,如要输入「9美分」,操作员没有必要去按最右侧栏顶上按键9,而可以接按这栏4和5两个按键,自己会运数学运算。为键盘积比较大,接去按右侧顶上数9,手运动距离太远了,相反底部按键会更容易触及,也更容易操作,执速度更快。这设计相比下,效率更高。虽然这按键布局是「以用户为心设计」,是它依然不被认为是用户友好界。(Meehan,1952)

Comptometer 需要训练有素的操作员才能最大程度地发挥出它的生产力。甚至于使用一只都难操作,尤其是需要录入较多数据的候。

1902年,仍使用时列局的 Dalton 成为当时最受欢迎的加法计器之一,10个数字终在个设备上备齐。 Dalton 是来打字机的雏形,有着2排按键,每排5个按键,不键盘的按键排很奇怪,上面一排是24579,下面一排是13068,到目前为止,还很难看出种排有什么深意。(Durant,2011)

过最重要的在于,数字0终于现在键盘当中了!

Dalton 的键设虽然点神奇,但它将打印设备算器集合到了一起,并且尺寸还很小,这使得世界各的簿记员此欢欣鼓舞。(Dalakov,2018)

进一步的发展

1914的时候,出于瑞典的人 David Sundstrand ,以 Sundstrand Corporation 的义提交了一专利 No.1198487 的专利,这一专利旨一提高这些算机械的可用性,他用一种「加富逻辑、加自然的方式」重新排布了键盘键,让它以 3×3 的布局呈数字 1~9 ,顶部数字 789,底部数字 123,下方中间置了数字 0。这使得整键盘非常集中,足以单手操作,了「所算设备中键盘速易用的」。

即使是在100多年后今天,这个键盘布局依然是计算标准布局。

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Dalton 10按键加法计算,1902年

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Sundstrand 10按键加法计算,1914年

从计算器到电话

计算发展历程是否最终影响到现代电话和手数键盘布局呢?这并没有个接答案。贝尔电话公司是长途电话技术发明和广者,它们早在1887年时候已经开始尝试使用按键电话了,而在这个阶段,甚至旋转拨盘拨号电话没出现。最早旋转拨盘电话是在1892年时候,由 Almon Brown Strowger 所设计。 Western Electric 最终在1919年时候将贝尔电话公司这款电话商业化投,不过由于时按键仅仅是快捷按钮,并不和数绑定,此并没有完全流开。

同样是输入数字,为何电话和计算器键盘布局截然相反?

到20世纪50年代,接使用按键拨号电话才逐渐普及开来。而前本地电话号码常有6位数甚至更少,到这个时候才扩展为标准7位数电话号码,而跨区域长途电话则为11位,其数 1 常是第个数。

随着话号码长度的增加,拨错号码,错话的机率暴增,这导致当的 AT&T 的工程开始思考,是否是因为当话的话键盘的计因导致的。(图片如下)

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ 20纪50年代运营商收费话上的数字按键布局

在1955年的研究报告《关键位数字按键局研究》之,1960年又有一份名为《按钮电中人类因素的工程学设计和研究》的分析报告,研是针对电按键局进行分析和探讨。随,AT&T 开始一个名为 Touch Tone 的新项目,个项目同样是探索各种按键局对电使用的影响,他们试图在当中找到最适合用户的数字按键局。(Deininger,1960)

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ 1960年电按键局测试中涉及到的各种局组合

AT&T 测试了15种布,奇怪的对角线式布,奇葩的金字塔布,复古的圆形布,IBM Model 011 打卡机式的布,包括现在我们最见的正向九宫格布和计算器上的反向九宫格布。令人惊讶的地方在于,计算器式的反向九宫格数字键盘布效果并佳,与之形成明对的是我们现在到的正向九宫格数字键盘,10个数字从上到,自左向右地布。(Deininger,1960)

整测试当中,2行5列式的横版布局(5-5-H)面所到的向宫格布局(3X3+1)式的布局,用户输入的时候速度几乎一样,差别非常小。终,AT&T 选择了宫格布局作规模普及的电话数字键盘,这可能因这种布局加紧凑,功能也相对多。

个研究进到这个时候,其实并没有出个常精准答案。值注意是,在英国电话公司选择了5-5-H布局,这有可能是出于专利保护原。

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ 英国电话5-5-H布局,20世纪60年代

同样是输入数字,为何电话和计算器键盘布局截然相反?

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ IBM Model 011 ,早的10键打卡机之一,20世40

设计决策和惯例

真实的设决策涉及到诸多因素,包括技技本身的局限性,人体程学,用户感知,以及对于模式的熟悉程度。后的这因素其实强的标准,因它常常构了人们数字时常见的选择。今天,设师不再受到那么多的理因素的影响,虚拟的屏幕空间,设师的创造力可以得到程度的发挥。但,当打任何一台 iOS 或者 Android 设备,会发其中的数字键盘一世之的设保持高度的一致。

这是为什么?数应用仍然遵循这基本和原始惯例,原在于们宁愿和熟悉界打交,而不是学习新东西。

实际上,最有趣的地方在于,在早期的操作系统当中,无论是 Android 还是 iOS 都使用了话的九宫格式的数字键盘来作为网页中数字输入键盘(参考下面的截图,最新的 iOS 会使用带有殊字符的键盘)。另一方面,Oculus Go 则不同,数字键盘采用了计算器的键盘布局(在 Web 应用中测它)。

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ 左边是 Android 6,右边是 iOS 9

同样是输入数字,为何电话和计算器键盘布局截然相反?

△ Oculus Go 键盘,2018

么,为什么 Google 和苹果在设计系统的时,纷纷选择电数字键盘,而非计器数字键盘呢?随还使用数字和字母键盘在一的混合键盘又是什么原因呢?而 VR 设备中,或者手机当中,为什么不设计一个针对拇指互门优化的特殊数字键盘呢?两种数字输方式其在速度上一般,唯一的优势是读尚佳,而更能的原因是它够深人心,以及它们是成熟的模式,护成低,复用强,所以智能手机留电键盘的传统,而 Oculus、Xbox 则选择继承计器和桌面式输设备的传统。

时间轴:

  • 1642: Blaise Pascal 的计器
  • 1822: James White 设计了键盘驱式概念计算器
  • 1844: Schwilguc 的机器被发明出,拥历史早的数字键盘
  • 1857: Thomas Hill 计算械,计算鼻祖
  • 1874: E. Remington & Sons 开始制造和销 Sholes & Glidden Type Writer 的后续款
  • 1879: Rittey 明最早的收银机
  • 1885: Comptometer,最早使9-1式纵向布的法计算器
  • 1887: 按钮式小型电话的早原型被设出
  • 1887: Cash register Model 79 诞生,采用了垂列键盘布局
  • 1902: Dalton,首款包含数字 0 的机械备
  • 1914: Sundstrand,最早采用 3X3+1 式 10 键局的机械设备
  • 1919: Western Electric 和 AT&T 推旋转拨号式电话
  • 1940: IBM 设出了10数字键的硬件设备,其中数字键123 顶部
  • 1955: AT&T 开始测试按键电话
  • 1963: Bells 推出了带有10个数字键的话
  • 1963: Canon 首款带有光液晶显示屏的电子计器
  • 1966: Sharp/Facit 推了商的带有发光液晶显示屏的计算器
  • 2007: Apple 发布 iPhone,内置了算器应用

引献:

  • Bellis, M. (2013). The History of the Computer Keyboard — From an Inventor Perspective. [online] Theinventors.org. Available at: http://theinventors.org/library/inventors/blcomputer_keyboard.htm[Accessed 9 Jun. 2018].
  • Bellis, M. (2018). Who Invented the Cash Register? [online] Thoughtco.com. Available at: https://www.thoughtco.com/cash-register-james-ritty-4070920 [Accessed 9 Jun. 2018].
  • Durant, W. (2011). [1912 Dalton Adding, Listing and Calculating machine]. [online] The Portal to Texas History. Available at: https://texashistory.unt.edu/ark:/67531/metapth969/ [Accessed 9 Jun. 2018].
  • Dalakov, G. (2018). History of Computers, Computing and Internet. [online] Available at: https://history-computer.com [Accessed 9 Jun. 2018].
  • Lutz, M. C., & Chapanis, A. (1955). Expected locations of digits and letters on ten-button keysets. Journal of Applied Psychology, 39(5), 314–317.
  • R. L. Deininger (1960). Human factors engineering studies of the design and use of pushbutton telephone sets. The Bell System Technical Journal, 995–1012.
  • Meehan J. R. (1952). How to Use the Calculator and the Comptometer.Published by Gregg Publishing Division, McGraw-Hill Book Company, Inc., 1–4
© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本人比较喜欢研究各种各样的App,下载使用过的应用更是不下900款,但是最终保留的App少之又少,这是为什么呢?通过多次分析得...
产品价值
图标的分类和风格有很多种,而设计图标的时候,如何才能抓住用户的眼球,设计出自己满意的图标呢? 欢迎关注译者的微信公...
ICON
前段时间把谷歌语音交互设计规范看完了,整个设计规范比较长,初看的时候比较懵,但是回过头看还是蛮干货满满的。 为了自我...
对话式交互
UI 在拿到产品原型时该如何思考?如何着手设计界面?最近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程...
UI设计师
本文针对的是从 UX 角度出发的标签系统设计,不同于数据库的标签系统设计。「标签系统」的概念来源于《信息架构:超越 web 设...
一致性原则
小贴士:下沉市场:三线以下城市、县镇与农村地区的市场 先来了解一个背景:为啥近几年下沉市场这么火,家家户户都在努力争...
下沉市场
在绝大多数人的眼里,交互设计师的职责是对产品用户体验负责,毋庸置疑这肯定是正确的。但交互设计师并不是一个独立的个体,...
按钮设计
之前我把交互设计师职业技能的第一部分——思维部分讲完了,之后我开始讲「眼界」这部分。老实说,我只是作为一个设计师在写些...
交互模型