• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？
      
				
      
					
       2024-2-13      前端達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      

      

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

      

      

      一、輸入類(lèi)型并不總是“文本”
      

      

      

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

      

      

      不幸的是，當(dāng)每個(gè)字段的輸入類(lèi)型都設(shè)置為“文本”時(shí)，它會(huì)強(qiáng)制用戶(hù)使用文本鍵盤(pán)來(lái)輸入數(shù)字或字母和數(shù)字組合，輸入時(shí)舉步維艱，不是誤點(diǎn)，就是需要頻繁切換，輸入體驗(yàn)十分糟糕。
      

      

      

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

      

      

      輸入類(lèi)型、行為、操作鍵整理如下：
      

      

      

      

      

      

      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？

       
      

      

       
      

      

      

      

      

      

      例一. 郵箱地址字段
      

      

      

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

      

      

      

      

      

      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？

       
      

      

       
      

      

      

      

      

      

      例二. 姓名字段
      

      

      

      英文名是專(zhuān)有名詞，英語(yǔ)中專(zhuān)有名詞的第一個(gè)字母要大寫(xiě)。我們將輸入類(lèi)型設(shè)置為“人名”，并且設(shè)置單詞首字母大寫(xiě)。用戶(hù)無(wú)需對(duì)英文字母進(jìn)行大小寫(xiě)切換。
      

      

      

      

      

      

      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？

       
      

      

       
      

      

      

      

      

      

      二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同
      

      

      

      案例一：登錄頁(yè)面的密碼輸入
      

      

      

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

      

        

      1. 

        

         
        

        

        百度輸入法顯示密碼鍵盤(pán)，完成密碼輸入僅需點(diǎn)擊 9 次。
        

        

        

        2. 

      2. 

        

         
        

        

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

        

        

        3. 

      3. 

        

         
        

        

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

        

        

        4. 

      

      

      

      

      

      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？

       
      

      

       
      

      

      

      

      

      

      案例二：登錄頁(yè)面的手機(jī)號(hào)輸入
      

      

      

      釘釘設(shè)置電話(huà)號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。
      

      

        

      1. 

        

         
        

        

        百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”，用戶(hù)完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
        

        

        

        2. 

      2. 

        

         
        

        

        搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
        

        

        

        3. 

      3. 

        

         
        

        

        微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
        

        

        

        4. 

      

      

      

      

      

      如何為用戶(hù)提供正確的鍵盤(pán)輸入類(lèi)型？

       
      

      

       
      

      

      

      

      

      

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

      

      

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

      

      

      我最初開(kāi)發(fā)此應(yīng)用是為了促進(jìn)工作中跨部門(mén)高效協(xié)同，但我希望通過(guò)此應(yīng)用能夠賦能給更多的人，提升協(xié)同效率的同時(shí)更好的提升產(chǎn)品輸入體驗(yàn)。你可以在這里免費(fèi)下載：
      
https://www.pgyer.com/vT29
      

      

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

      

      

      

      

      

      應(yīng)用截圖

      

      應(yīng)用截圖
      

      

      

       
      

      

      

      

      

      

      感謝閱讀，以上就是本次分享的全部?jī)?nèi)容，希望你能從這篇文章中有所收獲。
      

      

      

       
      

      

      

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

      關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
      


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


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔