同樣是輸入數字,為何電話和計算器鍵盤布局截然相反? - 優設-UISDC

                                        同樣是輸入數字,為何電話和計算器鍵盤布局截然相反?

                                        2018/09/22 6530評論區

                                        同樣是最常見的數字鍵盤,為什么我們在手機上使用的數字鍵盤和計算器上的順序截然不同呢?

                                        電話的數字鍵盤和計算器的數字鍵盤擺在一起。你是否會立刻注意到數字鍵的順序其實是截然不同的?在計算器的數字鍵盤頂部,是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

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/a-brief-history-numeric-keypad

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        優設大課堂 sketch 轉場動效 界面設計 設計師 扁平化設計 交互設計師 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 設計流程 配色 web前端開發 用戶體驗設計 AI教程 海報設計 設計理論 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果