在移動表單上,為用戶提供正確的鍵盤輸入類型

張楚
1 評論 2300 瀏覽 4 收藏 6 分鐘

不知道大家在手機填寫郵箱信息或者復(fù)雜的密碼信息時,有沒有覺得一些輸入法實在是太難用了!比如復(fù)雜的信息常常需要輸入帶有數(shù)字和字母組合,甚至還有標(biāo)點符號,但如果開發(fā)人員錯誤地將每個表單字段的輸入類型設(shè)置為“文本”,用戶就需要頻繁切換,體驗感糟糕。作者整理了輸入類型、行為、操作鍵,希望能夠給你帶來幫助。

Android和iOS系統(tǒng)都設(shè)計了針對特定表單字段的指定鍵盤輸入類型。但大多數(shù)開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導(dǎo)致移動設(shè)備上的表單完成效率變慢。本文以Android平臺為例。

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

大多數(shù)開發(fā)人員錯誤地將每個表單字段的輸入類型設(shè)置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫這些字段時,他們應(yīng)該看到一個數(shù)字或字母和數(shù)字組合的鍵盤。

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

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

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

1. 郵箱地址字段

表單要求用戶提供他們的郵箱地址是很常見的。當(dāng)我們將輸入類型設(shè)置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。

2. 姓名字段

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

02 每個鍵盤對輸入類型的反應(yīng)可能不同

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

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

釘釘將密碼框輸入類型設(shè)置為“密碼”。假定密碼為z0h0a0n0g。

  • 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊9次。
  • 搜狗輸入法顯示文本鍵盤,用戶需在字母和數(shù)字之間切換,完成輸入需點擊17次。也支持長按第一行的字母輸入數(shù)字。
  • 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊17次。不支持長按字母輸入數(shù)字。

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

釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。

  • 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  • 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  • 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。

本文由@張楚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 來自浙江 回復(fù)
专题
20524人已学习15篇文章
AARRR模型是一个经典的增长漏斗模型。本专题的文章针对AARRR模型进行拆解解读。
专题
13476人已学习15篇文章
私域流量是与公域流量相对的概念,本专题的文章主要通过几个核心的问题,为大家解读私域流量背后的底层逻辑。
专题
12443人已学习13篇文章
AI技术的出现给各行各业都带来了重塑的机会,那么,当AI与社交赛道碰撞时,会讲述出怎样的故事?各家产品的表现如何?
专题
17557人已学习13篇文章
本专题的文章对整个商业模式进行了一个清晰的梳理和设计,并说明了商业模式如何变成可执行的路径。
专题
112385人已学习29篇文章
透过别人的项目总结,学习项目管理项目设计项目流程经验。