<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

          2024-2-13    前端達人

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

          藍藍設計(www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

          關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

          銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發



          作者:交互設計師張楚
          鏈接:https://www.zcool.com.cn/article/ZMTYwODAxMg==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          一本久久免费视频| 欧美成人免费观看久久| 久久亚洲精品国产精品| 久久精品黄AA片一区二区三区| 999久久久无码国产精品| 久久久久久a亚洲欧洲aⅴ| 久久99亚洲综合精品首页| 亚洲欧美日韩精品久久亚洲区| 成人综合久久精品色婷婷| 精品久久人妻av中文字幕| 很黄很污的网站久久mimi色 | 色成年激情久久综合| 久久久久无码中| 久久天天躁狠狠躁夜夜96流白浆 | 久久乐国产综合亚洲精品| 久久国产亚洲高清观看| 欧美无乱码久久久免费午夜一区二区三区中文字幕 | 久久播电影网| 国产精品99久久免费观看| 久久午夜无码鲁丝片午夜精品| 无码人妻久久一区二区三区| 久久精品无码免费不卡| 男女久久久国产一区二区三区| 狠狠色丁香久久婷婷综合蜜芽五月| 久久久国产乱子伦精品作者| 超级97碰碰碰碰久久久久最新| 国产精品成人99久久久久| 狠狠色婷婷综合天天久久丁香 | 中文无码久久精品| 久久97久久97精品免视看| 久久午夜无码鲁丝片| 精品熟女少妇AV免费久久| 性做久久久久久久久老女人| 香蕉久久一区二区不卡无毒影院| 潮喷大喷水系列无码久久精品| 99久久精品国产一区二区| 久久久无码精品亚洲日韩京东传媒| 久久一区二区免费播放| 久久噜噜久久久精品66| 久久久91人妻无码精品蜜桃HD| 久久精品国产国产精品四凭|