鍵盤在用戶的交互過程中起到了非常重要的作用，尤其在多個輸入框的場景下。合理地切換”鍵盤類型”和“按鍵命令類型”可以提高用戶填寫表單的效率，同時也可以讓表單填寫過程更加順暢，降低頁面的流失率。
一、鍵盤類型
iOS 中提供了12種鍵盤可以選擇，我們可以根據用戶當前的需要，提供不同類型鍵盤。
在交互稿中，需要對要調用的鍵盤進行標註，對於同一個界面中有不同類型輸入框的情況，需要標註出鍵盤切換的說明。
雖然12種鍵盤類型已經很多，但它們仍然不能覆蓋所有場景，這時我們需要自定義鍵盤。
二、按鍵命令類型
除了選用不同類型的鍵盤，部分鍵盤中還有多種“按鍵命令”（下圖中的藍色按鈕）可以選擇，如“完成”、“搜索”、“發送”等。
iOS中提供了11種類型的命令，交互稿中可將所需要的命令用文字描述/截圖的形式標註。
iOS的鍵盤具有上一項和下一項的功能（ < > ，如上圖左上方），對於表單的交互設計起到了非常重要的作用，交互稿中需加以說明。
1. 上一項 下一項
與鍵盤tab鍵功能一致，跳轉至上一個/下一個標籤序列，同時保證不會清空已填入的內容。
應用場景：表單輸入框標籤超出2項，喚起鍵盤時，在鍵盤上面顯示“上一項”“下一項”操作按鈕。
限制：
區分按鈕的可點擊狀態、不可點擊狀態。
- 當第一項時，“上一項”按鈕置灰，不可點擊；
- 當最後一項時，“下一項”按鈕置灰，不可點擊。
好處：
- 手機屏幕有限，如果喚起的鍵盤擋住了下一項輸入框，可以通過點擊下一項按鈕來輸入下一項，無需收起鍵盤，方便用戶操作。
- 有多項表單填寫時，通過連續的點擊下一項按鈕，快捷完成輸入。
2. 完成
點擊“完成”按鈕，從上往下收起鍵盤。
三、鍵盤使用實例
1. 常規鍵盤
1）常規鍵盤-文本輸入
應用場景：賬戶姓名、地址等文本輸入
2）常規鍵盤-字符輸入
應用場景：登錄密碼
僅支持字符和數字、符號，不可切換輸入法，給用戶明確的指示性，減少犯錯誤的機會。
3）常規鍵盤-純數字輸入
應用場景：
只支持限制了歸屬地的手機號碼、數字郵編、短信驗證碼、純數字支付密碼、銀行卡號、信用卡安全碼。
僅支持輸入0-9的數字，增大有效點擊區域，給用戶明確的提示，減少輸入錯誤。
4）常規鍵盤-電話鍵盤
應用場景：
手機號碼，不限定國內外。
在填寫手機號碼時，如沒有對手機號歸屬地進行單獨限制，則調用包含“+”“*”“#”的電話鍵盤。
5）常規鍵盤——帶“.”的數字鍵盤
應用場景：輸入帶小數點的金額。
6）常規鍵盤——帶@的電子郵件鍵盤
應用場景：郵箱地址
2. 自定義鍵盤
1）定製鍵盤——帶X的數字鍵盤
應用場景：國內18位身份證號碼
2）定製鍵盤——隨機密碼鍵盤
應用場景：各類銀行app登錄密碼/支付密碼
招行掌上銀行：
- 密碼為數字、字符、字母隨機組合密碼。
- 鍵盤上文本：暗示用戶有安全保障的鍵盤，消除用戶疑慮，增加安全性。
- 鍵盤內數字位置隨機顯示，防止密碼被洩露（如圖一）
- 鍵盤內數字按順序顯示（如圖二）
（圖一）
（圖二）
浙商銀行：
登錄密碼鍵盤：
6位數支付密碼/取款密碼/賬戶密碼等：
鍵盤內數字位置隨機顯示，防止密碼被洩露。但是，安全性提高的同時，也增加了用戶輸入的難度。
那麼，如何消減兩者的對立性？
建議：
A. 根據用戶使用場景的不同，提升不同安全級別。
- 有密碼的/私人wifi連接——定義為安全環境——普通鍵盤模式
- 4G/3G/2G網絡/公共的無密碼wifi連接——定義為非安全環境——安全鍵盤模式
B. 可切換安全鍵盤和普通鍵盤輸入，讓用戶自己選擇，並記住用戶的選擇，下次再次使用時，默認上一次選擇。
四、鍵盤使用規則
1. 禁用自動更正
英文文本輸入時，系統會默認自動更正功能，用來幫助用戶更正可能出現的輸入錯誤。
但當用戶在填寫表單時，如賬戶名、郵箱名、暱稱、街道地址、縮寫等內容，應當禁用自動更正功能，防止自動更正掉用戶所填內容，用戶沒有注意到更改，造成輸入錯誤。
反面示例：
- 沒有禁用自動更正。
- 輸入“jing”，點擊“done”後自動更正為“king”，造成輸入錯誤。
- 用戶名一般為用戶自己取的名，為防止重名，所取名字一般都不會在詞典裡，自動更正的功能可能會導致用戶輸入正確的內容改為錯誤內容。
2. 禁用首字母大寫
智能手機默認會把標準文本輸入框的首字母大寫，這在大部分情況下是合適的。
但是，在有些情況下應當禁用自動大寫，特別是像郵箱地址這種絕大多數用戶都以為要小寫的情況，首字母自動大寫會造成用戶需再次修改所輸入的內容，形成挫敗感，增加操作困難度。
3. 保持一致，調用合適的鍵盤
如果一個輸入框調用了專用鍵盤而其他類似的輸入框卻沒有，那麼在沒有調用專用鍵盤時用戶會感到困惑，並開始質疑這個輸入框所需輸入的類型。
為特定輸入框調用合適的鍵盤是正確的做法，但是要確保在app內保持一致，否則會讓用戶很困惑。換句話說，如果信用卡號的輸入框調用了數字鍵盤，那麼類似的輸入框如安全碼、有效期、預留手機號也要有同樣的做法。
本文由@江湖醬 原創發佈於人人都是產品經理，未經允許，禁止轉載。
題圖來自Unsplash, 基於CC0協議。