做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

如何為用戶提供正確的鍵盤輸入類型?

2024-2-13    前端達(dá)人

Android和iOS系統(tǒng)都設(shè)計(jì)了針對(duì)特定表單字段的指定鍵盤輸入類型。但大多數(shù)開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會(huì)導(dǎo)致移動(dòng)設(shè)備上的表單完成效率變慢。本文以Android平臺(tái)為例。
一、輸入類型并不總是“文本”
大多數(shù)開發(fā)人員錯(cuò)誤地將每個(gè)表單字段的輸入類型設(shè)置為“文本”。這存在問題,因?yàn)槊總€(gè)表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫這些字段時(shí),他們應(yīng)該看到一個(gè)數(shù)字或字母和數(shù)字組合的鍵盤。
不幸的是,當(dāng)每個(gè)字段的輸入類型都設(shè)置為“文本”時(shí),它會(huì)強(qiáng)制用戶使用文本鍵盤來輸入數(shù)字或字母和數(shù)字組合,輸入時(shí)舉步維艱,不是誤點(diǎn),就是需要頻繁切換,輸入體驗(yàn)十分糟糕。
因此,請(qǐng)務(wù)必為每個(gè)表單字段指定輸入類型,以便系統(tǒng)能夠顯示相應(yīng)的鍵盤。除了指定輸入類型,我們還應(yīng)指定相關(guān)行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項(xiàng)”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
 
 
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當(dāng)我們將輸入類型設(shè)置為“郵箱地址”時(shí),它會(huì)為用戶提供一個(gè)針對(duì)郵箱地址輸入的鍵盤。這個(gè)鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
 
 
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個(gè)字母要大寫。我們將輸入類型設(shè)置為“人名”,并且設(shè)置單詞首字母大寫。用戶無需對(duì)英文字母進(jìn)行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
 
 
二、每個(gè)鍵盤對(duì)輸入類型的反應(yīng)可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。
  1.  
    百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點(diǎn)擊 9 次。
  2.  
    搜狗輸入法顯示文本鍵盤,用戶需在字母和數(shù)字之間切換,完成輸入需點(diǎn)擊 17 次。也支持長按第一行的字母輸入數(shù)字。
  3.  
    微信輸入法顯示文本鍵盤,完成密碼輸入需點(diǎn)擊 17 次。不支持長按字母輸入數(shù)字。
如何為用戶提供正確的鍵盤輸入類型?
 
 
案例二:登錄頁面的手機(jī)號(hào)輸入
釘釘設(shè)置電話號(hào)碼鍵盤右下角為“下一項(xiàng)”按鈕。
  1.  
    百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
  2.  
    搜狗輸入法的鍵盤右下角顯示“下一項(xiàng)”,用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng),密碼文本框自動(dòng)獲取焦點(diǎn)。
  3.  
    微信輸入法的鍵盤右下角顯示“下一項(xiàng)”,用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng),密碼文本框自動(dòng)獲取焦點(diǎn)。
如何為用戶提供正確的鍵盤輸入類型?
 
 
三、Input Type 助力產(chǎn)品輸入體驗(yàn)的提升
通過應(yīng)用 Input Type 你可以正確的為每個(gè)文本字段設(shè)置特定的輸入類型,以及看到每個(gè)輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發(fā)此應(yīng)用是為了促進(jìn)工作中跨部門高效協(xié)同,但我希望通過此應(yīng)用能夠賦能給更多的人,提升協(xié)同效率的同時(shí)更好的提升產(chǎn)品輸入體驗(yàn)。你可以在這里免費(fèi)下載:
https://www.pgyer.com/vT29
Input Type這個(gè)工具需要安裝在安卓手機(jī)上,如果沒有安卓手機(jī)可以電腦上安裝一個(gè)網(wǎng)易MuMu安卓模擬器就可以用。
應(yīng)用截圖
應(yīng)用截圖
 
感謝閱讀,以上就是本次分享的全部內(nèi)容,希望你能從這篇文章中有所收獲。
 

藍(lán)藍(lán)設(shè)計(jì)(91whvog3.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)



作者:交互設(shè)計(jì)師張楚
鏈接:https://www.zcool.com.cn/article/ZMTYwODAxMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

日歷

鏈接

個(gè)人資料

存檔