天天看點

在移動表單上,為使用者提供正确的鍵盤輸入類型

不知道大家在手機填寫郵箱資訊或者複雜的密碼資訊時,有沒有覺得一些輸入法實在是太難用了!比如複雜的資訊常常需要輸入帶有數字和字母組合,甚至還有标點符号,但如果開發人員錯誤地将每個表單字段的輸入類型設定為“文本”,使用者就需要頻繁切換,體驗感糟糕。作者整理了輸入類型、行為、操作鍵,希望能夠給你帶來幫助。
在移動表單上,為使用者提供正确的鍵盤輸入類型

Android和iOS系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發人員未能在他們的代碼中指定正确的鍵盤輸入類型。這會導緻移動裝置上的表單完成效率變慢。本文以Android平台為例。

01 輸入類型并不總是“文本”

大多數開發人員錯誤地将每個表單字段的輸入類型設定為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文字。通常都有一些字段要求輸入帶有數字或字母和數字組合的資訊。當使用者嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。

不幸的是,當每個字段的輸入類型都設定為“文本”時,它會強制使用者使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。

是以,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否将句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。

輸入類型、行為、操作鍵整理如下:

在移動表單上,為使用者提供正确的鍵盤輸入類型
在移動表單上,為使用者提供正确的鍵盤輸入類型

1. 郵箱位址字段

表單要求使用者提供他們的郵箱位址是很常見的。當我們将輸入類型設定為“郵箱位址”時,它會為使用者提供一個針對郵箱位址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,使用者可以輕松地輸入他們的郵箱位址。

在移動表單上,為使用者提供正确的鍵盤輸入類型

2. 姓名字段

姓名是專有名詞,英語中專有名詞的第一個字母要大寫。我們将輸入類型設定為“人名”,并且設定單詞首字母大寫。使用者無需對英文字母進行大小寫切換。

在移動表單上,為使用者提供正确的鍵盤輸入類型

02 每個鍵盤對輸入類型的反應可能不同

雖然每個輸入法應用在所有鍵盤上基本都具有相同的功能,但每個鍵盤對輸入類型的反應可能不同,有些顯示額外的鍵,有些則不顯示,使得輸入體驗受到不同程度的影響。

案例一:登入頁面的密碼輸入

釘釘将密碼框輸入類型設定為“密碼”。假定密碼為z0h0a0n0g。

  • 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點選9次。
  • 搜狗輸入法顯示文本鍵盤,使用者需在字母和數字之間切換,完成輸入需點選17次。也支援長按第一行的字母輸入數字。
  • 微信輸入法顯示文本鍵盤,完成密碼輸入需點選17次。不支援長按字母輸入數字。
在移動表單上,為使用者提供正确的鍵盤輸入類型

案例二:登入頁面的手機号輸入

釘釘設定電話号碼鍵盤右下角為“下一項”按鈕。

  • 百度輸入法的鍵盤右下角顯示“回車”,使用者完成手機号輸入後需手動擷取密碼文本框焦點。
  • 搜狗輸入法的鍵盤右下角顯示“下一項”,使用者完成手機号輸入點選下一項,密碼文本框自動擷取焦點。
  • 微信輸入法的鍵盤右下角顯示“下一項”,使用者完成手機号輸入點選下一項,密碼文本框自動擷取焦點。
在移動表單上,為使用者提供正确的鍵盤輸入類型

本文由@張楚 原創釋出于人人都是産品經理,未經許可,禁止轉載。

題圖來自 Pexels,基于 CC0 協定。

該文觀點僅代表作者本人,人人都是産品經理平台僅提供資訊存儲空間服務。

繼續閱讀