手機(jī)鍵盤交互細(xì)節(jié):視覺(jué)效果與觸發(fā)區(qū)域之間的交互邏輯

3 評(píng)論 6466 瀏覽 30 收藏 7 分鐘

在本文中,我們將探討手機(jī)鍵盤對(duì)用戶隱藏的交互邏輯,解釋這種情況的發(fā)生方式和原因,以構(gòu)建未來(lái)的自適應(yīng)智能手機(jī)界面。

使用產(chǎn)品時(shí),我們經(jīng)常會(huì)碰到有關(guān)收集數(shù)據(jù)的信息,例如獲取用戶當(dāng)前的位置,請(qǐng)求允許打開(kāi)相機(jī)或訪問(wèn)相冊(cè)……

但是,有一種鮮為人知的數(shù)據(jù)類型可以為用戶帶來(lái)好處:有關(guān)輸入行為的數(shù)據(jù)收集。這些數(shù)據(jù)幫助用戶量身定制手機(jī)鍵盤,提高打字的速度和準(zhǔn)確性。

文章目錄:

  1. 視覺(jué)鍵盤與觸發(fā)區(qū)域
  2. 自適應(yīng)鍵盤
  3. 為什么要隱藏變化?
  4. 考慮觸發(fā)區(qū)域的限制

一、視覺(jué)鍵盤與觸發(fā)區(qū)域

掏出手機(jī)看一下里面的鍵盤,很可能我們看到的樣子并不是每天實(shí)際使用的樣子。現(xiàn)在的智能鍵盤共分為兩層,如圖所示:

上面的一層是視覺(jué)鍵盤,也就是我們對(duì)于鍵盤的普遍印象——除了特殊鍵之外,其他所有字母的排列都很規(guī)則,字母按鍵的大小和形狀也都相同,這屬于視覺(jué)上的表現(xiàn)。

實(shí)際上,在視覺(jué)鍵盤的下面還隱藏著一層不可見(jiàn)的鍵盤形式,也就是觸發(fā)區(qū)域。

通過(guò)上層的視覺(jué)鍵盤,我們能知道手指在鍵盤上具體的移動(dòng)情況,但實(shí)際上控制打字輸入起作用的是下層的觸發(fā)區(qū)域。

導(dǎo)致視覺(jué)鍵盤與實(shí)際觸發(fā)區(qū)域不同的原因通常基于兩個(gè)部分:用戶一直以來(lái)習(xí)慣性的輸入方式以及上下文內(nèi)容的聯(lián)想,在這里我們主要分析用戶的輸入行為。

二、自適應(yīng)鍵盤

假設(shè)用戶傾向于點(diǎn)擊e鍵時(shí)會(huì)稍微向右偏一點(diǎn),因此有時(shí)候會(huì)錯(cuò)誤地點(diǎn)擊了 e旁邊的r鍵。自適應(yīng)鍵盤會(huì)跟蹤這些接觸點(diǎn),一段時(shí)間后,它了解到e鍵的觸發(fā)區(qū)域與該按鍵的視覺(jué)中心不對(duì)齊,而是向右移動(dòng)。

這意味著對(duì)用戶而言,r鍵的某些區(qū)域被e鍵占用,所以e鍵和r鍵的觸發(fā)區(qū)域不再整齊地對(duì)應(yīng)視覺(jué)鍵盤,而是e鍵的觸發(fā)區(qū)域向右做了延伸。

下圖直觀地顯示了鍵盤觸發(fā)區(qū)域的個(gè)性化演變:

基于用戶各不相同的觸發(fā)動(dòng)作,鍵盤的觸發(fā)區(qū)域會(huì)發(fā)生變化:從同一個(gè)視覺(jué)鍵盤(左)開(kāi)始,鍵盤在使用過(guò)程中(中)收集用戶的觸摸數(shù)據(jù),以適應(yīng)實(shí)際觸發(fā)區(qū)域(右)。

通過(guò)這種方式,每個(gè)按鍵的可視區(qū)域與它的觸發(fā)區(qū)域會(huì)分開(kāi)。這種個(gè)性化的設(shè)計(jì)可以為用戶帶來(lái)完全不同的觸發(fā)體驗(yàn)。

有研究表明,以這種方式調(diào)整控件的區(qū)域可以減少鍵入錯(cuò)誤的字母,從而提高鍵入效率。

三、為什么要隱藏變化?

為什么不直接顯示調(diào)整后的觸發(fā)區(qū)域呢?

自適應(yīng)鍵盤根據(jù)用戶的輸入行為而變化,形成良性循環(huán)(右);如果鍵盤顯示了調(diào)整后的按鍵位置,鍵盤反過(guò)來(lái)可能會(huì)觸發(fā)用戶更改原先的輸入行為,形成不必要的反饋循環(huán)(左)。

如果視覺(jué)按鍵區(qū)域發(fā)生變化,觸發(fā)行為也會(huì)改變。反過(guò)來(lái),更改后的觸發(fā)行為會(huì)導(dǎo)致鍵盤上的新更改,這將再次影響用戶的輸入行為,依此類推,用戶和鍵盤相互競(jìng)爭(zhēng),可能會(huì)導(dǎo)致更糟糕的使用體驗(yàn)。

為了避免這種不良的適應(yīng),即使下層的鍵盤區(qū)域有所變化,上層的視覺(jué)鍵盤也要保持不變。

四、考慮觸發(fā)區(qū)域的限制

此外,在鍵盤個(gè)性化設(shè)置方面要遵守一些必要的限制:

調(diào)整按鍵區(qū)域絕對(duì)不能導(dǎo)致按鍵沒(méi)有可用的觸發(fā)空間。在下圖中由于對(duì)e鍵和t鍵調(diào)整過(guò)多,導(dǎo)致無(wú)法鍵入字母r。

為了進(jìn)一步提高打字效率,通常使用上下文的詞義聯(lián)想來(lái)消除鍵盤觸發(fā)的歧義。

在這里,我們主要討論物理組件,即考慮不同的用戶如何將手指放在按鍵上。如上所述,這種鍵盤的功能遠(yuǎn)不如詞義聯(lián)想那么廣為人知,因?yàn)橛谐浞值睦碛呻[藏按鍵的自適應(yīng)。

總結(jié)

在本文中,我們分析了手機(jī)鍵盤的視覺(jué)效果與觸發(fā)區(qū)域之間的交互邏輯:

  • 即使是輸入這樣簡(jiǎn)單的操作,也可以根據(jù)每個(gè)人差異化的輸入習(xí)慣來(lái)改善性能或用戶體驗(yàn);
  • 在解釋輸入行為時(shí),要敢于超越視覺(jué)上的界定;
  • 仔細(xì)檢查反饋情況,保證是用戶的行為改變了系統(tǒng)(鍵盤),而不是被系統(tǒng)改變,以避免不必要的反饋循環(huán)。

 

作者:Clippp;微信公眾號(hào):Clip設(shè)計(jì)夾

本文由 @Clippp 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 高級(jí)啊

    來(lái)自北京 回復(fù)
  2. 冷知識(shí),感謝分享

    來(lái)自北京 回復(fù)
  3. 感覺(jué)很不錯(cuò)的樣子

    來(lái)自四川 回復(fù)