平時在打字的時候，有沒有對鍵盤的字母布局產生過疑問？為什么不是按照ABCD的順序排列的？“QWERTY”鍵盤布排列順序有什么科學的依據？今天就來科普一下這個關于鍵盤的世紀騙局。

滑稽的騙局

我們現在用的鍵盤，最早的原型是來源于打字機。 有一個關于打字機出現的小故事：

19世紀初，意大利的范托尼伯爵夫人不幸失明，熱心的朋友圖里制作了一臺打字機送給伯爵夫人，伯爵夫人可以摸索著按鍵打字寫信。伯爵夫人用這臺打字機打了16封信，這些信至今還保存著。

而真正意義上的打字機，是美國人斯托夫·拉森·肖爾斯發明的，他也被稱為“打字機之父”。

在打字機發明之初，很多人都會不自覺的越打越快，反而造成了連桿很容易卡主的故障。

按理說出現這種問題應該去想辦法解決連接桿的問題，但肖爾斯跑去請他的妹夫——一名數學家兼學校教師幫忙的時候，他妹夫竟然提出了提出了一個滑稽的解決方案：把字母拆成不連續的， 以降低打字員的打字速度，從而減少故障的發生。

于是，我們現在常用的“QWERTY”鍵盤布局就誕生了，為了讓大家相信，他巧妙地耍了一個花招，說這樣排列是最科學的，可以加快人們的打字速度。

后來，在1868年，肖爾斯獲打字機模型專利并取得經營權經營，作為世界第一臺商用的機械打字機，使人們徹底告別了“活字印刷”的時代，當時“這臺神奇的機器可以將一個個字母整齊、準確的打在羊皮紙上”，馬上吸引了眾多工廠購買專利進行生產，大量政府、公司職員去購買使用。而“QWERTY”鍵盤布局也得到了大范圍的推廣。

優秀的打字員

1879年，克蘭德爾發明了新的辦法，把鉛字安放在圓柱套上，完全解決了鉛字連動桿的堵塞問題，甚至后來的一些打字機根本沒有采用這種鉛字連動桿。所以，打字機原來的技術障礙已經不存在。

人們漸漸發現， QWERTY鍵盤的效率問題。比如：

大多數打字員慣用右手，但使用QWERTY，左手卻負擔了57%的工作。兩小指及左無名指是最沒力氣的指頭，卻頻頻要使用。排在中列的字母，使用率僅占整個打字工作的30%左右，為了打一個字，時常要上上下下移動指頭。

在100多年的時間里，也有人試圖解決這個“麻煩”的問題。

1936年，迪沃讓克發明了一種更優越的DVORAK鍵盤系統，將9個最常用的字母放在鍵盤中列。這種設計使打字者手指不離鍵就能打至少3000個字，而QWERTY只能做到50個字。

DVORAK是通過減少手指的運動量來降低工作強度、提高工作效率的。使用DVORAK鍵盤，打字者的手指平均每日運動1.5公里，而QWERTY則是20到30公里。

為了證明QWERTY鍵盤的劣勢，人們舉辦了很多打字比賽。

不過，糟糕的打字機卻遇到了優秀的打字員。在1888年的一場打字比賽中，美國鹽湖城法庭的速記員麥古瑞使用QWERTY鍵盤參加比賽，并以絕對的優勢獲得了冠軍。打字比賽使人們相信QWERTY鍵盤比其他的鍵盤更先進！

很快，QWERTY鍵盤成為市場上的通用鍵盤……

蘋果也挽救不了的設計

蘋果計算機甚至嘗試，強制使用DSK鍵盤，并且發布商業廣告，勸說人們放棄QWERTY鍵盤，但是這種做法也沒有奏效。

直到今天，所有的鍵盤仍沿用這種QWERTY鍵盤。而且目前市面上所有的軟件快捷鍵，也都是基于這種布局來設計的。

這種滾雪球效應已經讓其他所有的鍵盤布局完全沒有機會翻身了。

雖然鍵盤布局已經是不能提升更多效率了，但是在現有鍵盤布局上增加功能鍵，還是可以進一步提升效率的。

比如我們的K85鍵盤：增加了滾軸式多媒體旋鈕，把原來需要鼠標調節的音量、快進快退等多媒體選項，在鍵盤上一鍵搞定。

還有為游戲玩家專門設計的windows鎖定鍵，避免在激烈的游戲中因誤觸發而退出游戲。

然而，最終的結果恐怕還是——習慣成自然！

小獅子最喜歡的雞腿 分割線

輯導語：如今手機在我們的日常生活中隨處可以用到，用手機進行文字溝通需要進行鍵盤輸入等操作；本文是作者分享的關于微信高保真原型圖的鍵盤輸入部分，我們一起來了解一下。

大家好，我將發布微信高保真原型圖制作一系列文章，第一部分文章為微信登錄——驗證碼登錄系列。

驗證碼登錄系列分為三篇文章，分別為獲取驗證碼60秒動態展示、鍵盤模擬輸入、驗證碼驗證。本文將為大家講解模擬鍵盤輸入。

一、演示

https://7ebpff.axshare.com

二、交互原理講解

1. 輸入講解：

舉例說明：點擊q時，文本框獲取到按鈕q的值并顯示在文本框中。繼續點擊w，文本框獲取到W，顯示在文本框中原有的字符q后，顯示內容變為qw。

總結得出，點擊字母按鈕時，文本框獲取到對應的字母，將剛獲取的放在文本框中原有的字符后一起顯示。

簡單表示：點擊按鈕，文本框文本=文本框原有文本+被點擊按鈕文本

2. 元件對象講解

This：獲取當前元件對象，當前元件指添加事件的元件。

Target：獲取目標元件對象，目標元件指添加動作的元件。

點擊按鈕，文本框獲取按鈕字母，并將文本框文本改變；被點擊的按鈕就是當前元件對象，也就是this，點擊按鈕需要改變文本框文本，文本框就是目標元件，也就是target。

3. 空格講解

操作原理同輸入，簡單表示：點擊空格，文本框文本=文本框原有文本+空格。

4. 刪除講解

舉例說明：文本框中有”qwert”五個字母，點擊刪除，內容變為“qwer”。刪除后，文本框只顯示前四個字母，顯示全部長度-1個字母。

總結來說，刪除時，只顯示前總長度-1個字母就好，用到截取函數substr(start,length)。

substr(start,length)：當前文本對象中從指定起始位置截取一定長度的字符串。參數：start為截取的起始位置，從0開始計算，length為截取的長度，該參數可以省略，省略則表示從起始位置一直截取到文本對象末尾。

三、交互操作講解

1. 輸入操作

a. 設計原型樣式

• 在頁面添加文本框，取名為“輸入文本框”；
• 設計三個鍵盤，分別為大寫鍵盤、小寫鍵盤、數字鍵盤。

b. 設置交互

將三個鍵盤樣式轉換為動態面板三個狀態，分別取名為“大寫”、“小寫”、“數字”。

點擊“大寫”、“小寫”鍵盤左下的“123”按鈕時，動態面板狀態切換為“數字”。

點擊大寫按鈕時，動態面板狀態切換為“大寫”。

點擊小寫和“ABC”按鈕時，動態面板狀態切換為“小寫”。

c. 設置輸入交互

選中字母按鈕，新建交互單擊時，設置文本框文本為文本框本身文本(Target.text)+按鈕文本(this.text)

在交互上添加新動作，獲取焦點到輸入文本框（這一步為了在輸入文本框中顯示光標）。

d. 將其他字母交互全部設置完

選中第一個按鈕的交互過程，ctrl+c，選中下一個按鈕，直接CTRL+v就行。

繼續將大寫鍵盤的字母和數字鍵盤的數字等全都復制完成，鍵盤的輸入就設置好了。

2. 空格操作

選中空格，設置輸入框文本為文本框原有文字+空格（敲一下空格鍵）。

在交互上添加新動作，獲取焦點到輸入文本框。

3. 刪除操作

選中刪除鍵，新建交互，單擊時，設置輸入文本框文本的文字截取從第一個文字開始，長度為全部長度-1個文本。

在交互上添加新動作，獲取焦點到輸入文本框。

這里函數比較復雜，舉個例子講解一下：

假設文本框中有“1234”四個文本，點擊刪除時，文本框中的文字變成了“123”，用截取函數來說就是每次刪除都是截取了文本除了最后一個文本的所有文本。

截取函數是截取文本的，所以第一步要獲取到目標元件的文本，即target.text。

substr(start,length)，需要截取從第一個文本的函數，所以start是0，截取文本全部長度-1個文本，所以length是目標元件文本的長度-1，就是Target.text.length-1，所以截取函數表達為substr(0,Target.text.length-1)，結合起來就是[[Target.text.substr(0,Target.text.length-1)]]。

結語：完成以上操作，驗證碼登錄的鍵盤輸入高保真原型圖就完成了。

本文由@多知 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議