<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型?

    2024-1-26    博博

    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)用戶嘗試填寫(xiě)這些字段時(shí),他們應(yīng)該看到一個(gè)數(shù)字或字母和數(shù)字組合的鍵盤(pán)。
    不幸的是,當(dāng)每個(gè)字段的輸入類(lèi)型都設(shè)置為“文本”時(shí),它會(huì)強(qiáng)制用戶使用文本鍵盤(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)型、行為、操作鍵整理如下:
    如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型?
    例一. 郵箱地址字段
    表單要求用戶提供他們的郵箱地址是很常見(jiàn)的。當(dāng)我們將輸入類(lèi)型設(shè)置為“郵箱地址”時(shí),它會(huì)為用戶提供一個(gè)針對(duì)郵箱地址輸入的鍵盤(pán)。這個(gè)鍵盤(pán)不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
    如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型?
    例二. 姓名字段
    英文名是專有名詞,英語(yǔ)中專有名詞的第一個(gè)字母要大寫(xiě)。我們將輸入類(lèi)型設(shè)置為“人名”,并且設(shè)置單詞首字母大寫(xiě)。用戶無(wú)需對(duì)英文字母進(jìn)行大小寫(xiě)切換。
    如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型?
    二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同
    案例一:登錄頁(yè)面的密碼輸入
    釘釘將密碼框輸入類(lèi)型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。
    1. 百度輸入法顯示密碼鍵盤(pán),完成密碼輸入僅需點(diǎn)擊 9 次。
    2. 搜狗輸入法顯示文本鍵盤(pán),用戶需在字母和數(shù)字之間切換,完成輸入需點(diǎn)擊 17 次。也支持長(zhǎng)按第一行的字母輸入數(shù)字。
    3. 微信輸入法顯示文本鍵盤(pán),完成密碼輸入需點(diǎn)擊 17 次。不支持長(zhǎng)按字母輸入數(shù)字。
    如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型?
    案例二:登錄頁(yè)面的手機(jī)號(hào)輸入
    釘釘設(shè)置電話號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。
    1. 百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”,用戶完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
    2. 搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”,用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng),密碼文本框自動(dòng)獲取焦點(diǎn)。
    3. 微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”,用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng),密碼文本框自動(dòng)獲取焦點(diǎn)。
    如何為用戶提供正確的鍵盤(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)。
    Input Type這個(gè)工具需要安裝在安卓手機(jī)上,如果沒(méi)有安卓手機(jī)可以電腦上安裝一個(gè)網(wǎng)易MuMu安卓模擬器就可以用。
    應(yīng)用截圖
    應(yīng)用截圖

    作者:交互設(shè)計(jì)師張楚
    來(lái)源:站酷

    藍(lán)藍(lán)設(shè)計(jì)(www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 国产精品v欧美精品v日韩精品| 精品a在线观看| 精品人妻无码专区中文字幕 | 免费91麻豆精品国产自产在线观看| 久久综合精品国产一区二区三区 | 91不卡在线精品国产| 精品性影院一区二区三区内射 | 精品国产一区二区三区色欲| 午夜精品久久久久久| 国产欧美日韩综合精品二区| 久久r热这里有精品视频| 精品无码久久久久久尤物| 亚洲精品无码MV在线观看| 久久久久无码精品| 精品人妻少妇一区二区三区| 国产精品成人一区二区| 精品视频第一页| 久久精品男人影院| 国产伦精品一区二区三区女| 55夜色66夜色国产精品视频| 国产精品区一区二区三在线播放 | 亚洲韩国精品无码一区二区三区| 四虎影视永久在线精品| 久久久精品国产亚洲成人满18免费网站| 91精品国产色综久久| 免费91麻豆精品国产自产在线观看| 99久久99久久久精品齐齐| 久久精品国产亚洲av麻豆小说| 日韩AV无码精品人妻系列| 亚洲日韩国产AV无码无码精品| 午夜一级日韩精品制服诱惑我们这边| 国产系列高清精品第一页| 国产精品乱码一区二区三区| mm1313亚洲国产精品无码试看| 91精品国产91久久| 国产成人精品一区二区三区| 国产乱码精品一区二区三| 久久久精品波多野结衣| 亚洲国产一成久久精品国产成人综合| 人妻无码久久精品| 亚洲精品乱码久久久久久|