Android 和 iOS 系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導致移動設備上的表單完成效率變慢。本文以 Android 平臺為例。
更多鍵盤設計方法:
大多數開發人員錯誤地將每個表單字段的輸入類型設置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數字或字母和數字組合的信息。當用戶嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。
不幸的是,當每個字段的輸入類型都設置為“文本”時,它會強制用戶使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
1. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
2. 姓名字段
姓名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設置為“人名”,并且設置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
雖然每個輸入法應用在所有鍵盤上基本都具有相同的功能,但每個鍵盤對輸入類型的反應可能不同,有些顯示額外的鍵,有些則不顯示,使得輸入體驗受到不同程度的影響。
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設置為“密碼”。假定密碼為 z0h0a0n0g。
- 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
- 搜狗輸入法顯示文本鍵盤,用戶需在字母和數字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數字。
- 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數字。
案例二:登錄頁面的手機號輸入
釘釘設置電話號碼鍵盤右下角為“下一項”按鈕。
- 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
- 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
- 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
通過應用 Input Type 你可以正確的為每個文本字段設置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發此應用是為了促進工作中跨部門高效協同,但我希望通過此應用能夠賦能給更多的人,提升協同效率的同時更好的提升產品輸入體驗。你可以在這里免費下載:https://www.pgyer.com/vT29
感謝閱讀,以上就是本次分享的全部內容,希望你能從這篇文章中有所收獲,記得點贊/收藏/分享/關注,后續將會持續更新。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 3 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓