<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • 

    

    <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 

  
      
    

    

	
    
		
    
			
    
				
    如何為用戶提供正確的鍵盤輸入類型？
    
				
     2024-1-26      博博      
    
			
    
			
    
				
    

    

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

    

    

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

    

    

    大多數(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)行為，例如輸入法是否提供拼寫建議、是否將句子的首字母大寫，以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
    

    

    

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

    

    

    

    

    

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

    

    

    

    

    

    例一. 郵箱地址字段
    

    

    

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

    

    

    

    

    

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

    

    

    

    

    

    例二. 姓名字段
    

    

    

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

    

    

    

    

    

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

    

    

    

    

    

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

    

    

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

    

    

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

    

      

    1. 

      

      

      百度輸入法顯示密碼鍵盤，完成密碼輸入僅需點擊 9 次。
      

      

      

      2. 

    2. 

      

      

      搜狗輸入法顯示文本鍵盤，用戶需在字母和數(shù)字之間切換，完成輸入需點擊 17 次。也支持長按第一行的字母輸入數(shù)字。
      

      

      

      3. 

    3. 

      

      

      微信輸入法顯示文本鍵盤，完成密碼輸入需點擊 17 次。不支持長按字母輸入數(shù)字。
      

      

      

      4. 

    

    

    

    

    

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

    

    

    

    

    

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

    

    

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

    

      

    1. 

      

      

      百度輸入法的鍵盤右下角顯示“回車”，用戶完成手機號輸入后需手動獲取密碼文本框焦點。
      

      

      

      2. 

    2. 

      

      

      搜狗輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。
      

      

      

      3. 

    3. 

      

      

      微信輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。
      

      

      

      4. 

    

    

    

    

    

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

    

    

    

    

    

    三、Input Type 助力產(chǎn)品輸入體驗的提升
    

    

    

    通過應(yīng)用 Input Type 你可以正確的為每個文本字段設(shè)置特定的輸入類型，以及看到每個輸入類型（以及輸入類型的組合）如何影響鍵盤。
    

    

    

    Input Type這個工具需要安裝在安卓手機上，如果沒有安卓手機可以電腦上安裝一個網(wǎng)易MuMu安卓模擬器就可以用。
    

    

    

    

    

    

    應(yīng)用截圖

    

    應(yīng)用截圖
    

    

    

    

    

    

    

    作者：交互設(shè)計師張楚
    來源：站酷
    

    

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

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

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

    軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
    				
    
								
			
    
		
    
		
		
	
    


    
    
  
    
    
    日歷
    
    
    
        
    
        
    
    
  
    
    
    
    
      
    鏈接
    
      
      
                
    
    
    
    
    
      
    個人資料
    
      
    
          
    
                    
    
          
    藍藍設(shè)計的小編
          http://www.skdbbs.com
    
      
    
    
    
    
    
      
    存檔
    
      
    
    

    

    





主站蜘蛛池模板：
久久Av无码精品人妻系列|
无码国产精品一区二区免费vr|
一本一本久久a久久综合精品蜜桃
一本一道精品欧美中文字幕
|
国产精品日本一区二区不卡视频
|
四虎国产精品永久地址99新强
|
999精品在线|
影音先锋国产精品国语对白|
中文字幕精品一区二区精品|
91精品国产麻豆国产自产在线|
精品无码国产污污污免费网站国产
|
国产精品亚洲美女久久久|
精品国产一级在线观看|
亚洲国产精品综合久久一线|
久久ww精品w免费人成|
无码乱码观看精品久久|
人人妻人人澡人人爽人人精品电影
|
国产2021久久精品|
一区二区三区精品高清视频免费在线播放
|
久久久精品视频免费观看|
久久Av无码精品人妻系列|
在线精品无码字幕无码AV|
日本精品自产拍在线观看中文
|
亚洲av午夜成人片精品网站|
欧美成人精品第一区二区|
久久精品国产亚洲av影院|
亚洲高清国产拍精品青青草原
|
一区二区三区精品国产欧美|
九九热精品在线|
人妻无码久久精品|
久久99精品久久久久久齐齐|
国产午夜精品久久久久九九电影|
亚洲精品综合一二三区在线|
久久久九九有精品国产|
欧美在线精品一区二区三区
|
亚洲精品无码永久在线观看|
久久亚洲国产成人精品无码区
|
国产精品午夜免费观看网站|
国产99久久九九精品无码|
国产精品igao视频|
国内精品伊人久久久久AV影院|
国产精品亚洲精品日韩已方|