觸摸屏輸入的交互設(shè)計(jì)

0 評(píng)論 3771 瀏覽 3 收藏 9 分鐘

觸摸屏手機(jī)輸入時(shí)會(huì)在界面繪制虛擬鍵盤,用于輸入字符,可以使用在所有應(yīng)用程序中。特別是在短信和郵箱等需要頻繁輸入文字時(shí),其輸入速度直接影響用戶操作效率。

缺點(diǎn)

但是同樣全鍵盤輸入,觸摸屏沒(méi)有物理按鍵效率高,原因在于:

1.輸入法需要定位手指的位置,比如雙手操作電腦鍵盤時(shí),左手食指定位在F鍵,右手中指定位在J鍵,而觸摸屏無(wú)法像按鍵的凸點(diǎn)或者輸入感覺(jué)定位,難以形成高效的盲打。

2.觸摸屏本身點(diǎn)擊沒(méi)有物理按鍵精準(zhǔn),觸摸屏點(diǎn)擊目標(biāo)區(qū)域沒(méi)有真正點(diǎn)擊到目標(biāo)區(qū)域,偏向目標(biāo)正中心的下方。無(wú)論是單手和雙手輸入,觸摸屏本身誤點(diǎn)擊的概率高。在虛擬鍵盤這樣按鍵密集型的區(qū)域,每個(gè)按鍵的可點(diǎn)擊區(qū)域有限,誤點(diǎn)擊的概率更高。

3.點(diǎn)擊時(shí)沒(méi)有按鍵那樣明確的觸感反饋,由于手指點(diǎn)擊會(huì)遮住按鈕,iPhone的按鈕被點(diǎn)擊時(shí)會(huì)放大的視覺(jué)反饋。

IMG_0131 IMG_0132

4.手指移動(dòng)范圍較大,按鍵手機(jī)輸入時(shí)手指局限于按鍵內(nèi),而觸摸屏輸入和切換輸入框時(shí)手指還在非虛擬按鍵區(qū)域和按鍵區(qū)域切換。輸入中文時(shí),并不是像英文那樣點(diǎn)擊按鍵之后字符立即上屏,會(huì)顯示拼音串選擇需要的漢字再上屏,手指需要點(diǎn)擊備選詞。

5.觸摸屏沒(méi)有組合鍵,輸入數(shù)字和符號(hào)需要切換面板。

6.移動(dòng)輸入光標(biāo)需要精準(zhǔn)點(diǎn)擊或者借助于放大鏡,物理按鍵可以直接使用方向鍵切換光標(biāo),對(duì)于修改錯(cuò)誤字符操作產(chǎn)生不便。

中文輸入

常規(guī)觸摸屏中文拼音輸入過(guò)程可以分為以下步驟:

1.輸入字母,鍵盤提供字母輸入建議。比如輸入聲母w,可以組合韻母“a、u”等高亮顯示,但是這只是全拼有效,對(duì)于簡(jiǎn)拼沒(méi)有意義。簡(jiǎn)拼輸入時(shí)只輸入拼音的第一碼,在輸入詞組時(shí)合理運(yùn)用簡(jiǎn)拼可以大大提高輸入速度,缺點(diǎn)是容易出現(xiàn)重碼。

2.已輸入字母組成字母串,智能切詞并顯示候選詞。單個(gè)候選詞是根據(jù)字母中詞庫(kù)中匹配,詞組短語(yǔ)和長(zhǎng)句需要計(jì)算漢字組合的概率。用戶在使用輸入法也是訓(xùn)練不斷更新的過(guò)程,使用時(shí)間越長(zhǎng),詞庫(kù)越符合個(gè)人的輸入習(xí)慣。詞庫(kù)更新的方法有:

a)單個(gè)字母或者全拼匹配候選詞的順序調(diào)整。比如輸入“hao”,第一個(gè)候選詞“好”被選擇的概率更大,但用戶多次選擇“號(hào)”,那么“號(hào)”可能會(huì)被調(diào)整為第一個(gè)候選詞。初始化詞庫(kù)可能由字典、常用短文、文章和網(wǎng)絡(luò)用語(yǔ)等分別提取而成,候選詞、漢字組合以及聯(lián)想詞的概率可以從詞庫(kù)中計(jì)算得出,更為復(fù)雜的長(zhǎng)句輸入需要分析漢語(yǔ)的語(yǔ)言習(xí)慣。

b)用戶可以調(diào)整詞庫(kù)中字詞候選的概率,也可以自定義詞組,對(duì)本沒(méi)有聯(lián)系的單詞建立關(guān)聯(lián),俗稱自造詞。比如輸入“nima”,用戶手動(dòng)輸入“尼瑪”,下次再輸入同樣字母時(shí)就會(huì)變?yōu)楹蜻x詞。電腦端計(jì)算更為智能,分兩次輸入“尼”和“瑪”,有可能根據(jù)輸入的先后順序組成詞組。

c)由網(wǎng)絡(luò)和群體用戶會(huì)對(duì)原有的默認(rèn)詞庫(kù)的“新陳代謝”。如果多數(shù)用戶輸入了“尼瑪”的概率超出一定概率并成為流行詞,可以將該詞匯更新到所有用戶的詞庫(kù)當(dāng)中。當(dāng)詞庫(kù)的幾個(gè)來(lái)源產(chǎn)生更新時(shí),也會(huì)影響詞庫(kù),比如網(wǎng)絡(luò)上出現(xiàn)的熱門事件“郭美美”。

hhzz hhaa

3. 中文的智能糾錯(cuò)能適當(dāng)緩解誤點(diǎn)擊導(dǎo)致的效率問(wèn)題。長(zhǎng)句輸入時(shí),如發(fā)現(xiàn)字母串中個(gè)別輸入錯(cuò)誤時(shí),無(wú)法像電腦端這樣使用方向鍵微調(diào),只能整段刪除。智能糾錯(cuò)是將疑似錯(cuò)誤輸入的字母與詞庫(kù)比對(duì),經(jīng)過(guò)運(yùn)算之后返回正確的輸入結(jié)果,可以對(duì)誤點(diǎn)擊中常見(jiàn)的打反字母、漏打字母和按錯(cuò)字母的情況進(jìn)行糾錯(cuò)。這對(duì)于快速盲打非常有幫助,可以變相地增加字母的可點(diǎn)擊區(qū)域,比如已輸入“haohaizi”,當(dāng)繼續(xù)輸入“uexi”,時(shí),第6個(gè)字母會(huì)由i變?yōu)閛。沒(méi)有糾錯(cuò)的情況下,只會(huì)根據(jù)已輸入的字母去匹配短語(yǔ)或者長(zhǎng)句。有糾錯(cuò)之后,可以會(huì)按照多個(gè)字母去匹配,如想輸入i,那么只需要點(diǎn)擊“u、i、o”中一個(gè),一個(gè)按鈕的可點(diǎn)擊區(qū)域變?yōu)槿齻€(gè)按鈕。

bds sg

在輸入過(guò)程中,故意輸入錯(cuò)誤部分字母,百度手機(jī)輸入法會(huì)糾正已輸入的字母串,搜狗手機(jī)輸入法保留錯(cuò)誤的字母串。

4.中英混輸和輸入數(shù)字標(biāo)點(diǎn),切換面板會(huì)打斷輸入流程,比如在中文狀態(tài)下需要輸入郵箱,由于@和.需要切換輸入面板,目前只有對(duì)數(shù)字使用劃詞輸入。因?yàn)閱蝹€(gè)常用字符切換面板是很低效的操作,特別遇到面板的切換入口和出口不一致的情況。

發(fā)展趨勢(shì)

觸摸屏的交互方式已經(jīng)成為趨勢(shì),利用觸摸屏的特點(diǎn)和優(yōu)化程序是可以適當(dāng)彌補(bǔ)缺陷,觸摸屏的交互方式比按鍵更為豐富,甚至在特定情形下觸摸屏輸入更為方便。
IMG_0133 IMG_0134

輸入銀行賬號(hào)、郵箱、地址欄和數(shù)據(jù)表等特殊類別字符段時(shí),虛擬鍵盤可以改變輸入法布局或者切換面板,便于用戶快速輸入。比如當(dāng)輸入賬號(hào)郵箱時(shí),虛擬鍵盤可以顯示@和.等字符。遇到連續(xù)的輸入框時(shí),右下角的按鈕變?yōu)椤癗ext”,相當(dāng)于電腦鍵盤的tab鍵,用于快速切換到下一個(gè)輸入框。

IMG_0121 IMG_0119

手機(jī)端編輯字符時(shí)如能提供常用的命令會(huì)對(duì)虛擬鍵盤起到輔助的作用,這些命令通常顯示在虛擬鍵盤的上方,不受輸入法控制,屬于應(yīng)用程序自定義命令并同時(shí)出現(xiàn)或者消失。

來(lái)源:http://daichuanqing.com

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!