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

3 評論 6195 瀏覽 30 收藏 7 分鐘

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

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

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

文章目錄:

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

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

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

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

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

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

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

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

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

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

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

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

通過這種方式,每個按鍵的可視區(qū)域與它的觸發(fā)區(qū)域會分開。這種個性化的設(shè)計可以為用戶帶來完全不同的觸發(fā)體驗。

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

三、為什么要隱藏變化?

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

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

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

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

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

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

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

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

在這里,我們主要討論物理組件,即考慮不同的用戶如何將手指放在按鍵上。如上所述,這種鍵盤的功能遠不如詞義聯(lián)想那么廣為人知,因為有充分的理由隱藏按鍵的自適應(yīng)。

總結(jié)

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

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

 

作者:Clippp;微信公眾號:Clip設(shè)計夾

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

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

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

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

    來自北京 回復(fù)
  3. 感覺很不錯的樣子

    來自四川 回復(fù)