手机键盘交互细节:视觉效果与触发区域之间的交互逻辑

Clippp
3 评论 6364 浏览 30 收藏 7 分钟
🔗 B端产品经理需要进行售前演示、方案定制、合同签订等,而C端产品经理需要进行活动策划、内容运营、用户激励等

在本文中,我们将探讨手机键盘对用户隐藏的交互逻辑,解释这种情况的发生方式和原因,以构建未来的自适应智能手机界面。

使用产品时,我们经常会碰到有关收集数据的信息,例如获取用户当前的位置,请求允许打开相机或访问相册……

但是,有一种鲜为人知的数据类型可以为用户带来好处:有关输入行为的数据收集。这些数据帮助用户量身定制手机键盘,提高打字的速度和准确性。

文章目录:

  1. 视觉键盘与触发区域
  2. 自适应键盘
  3. 为什么要隐藏变化?
  4. 考虑触发区域的限制

一、视觉键盘与触发区域

掏出手机看一下里面的键盘,很可能我们看到的样子并不是每天实际使用的样子。现在的智能键盘共分为两层,如图所示:

上面的一层是视觉键盘,也就是我们对于键盘的普遍印象——除了特殊键之外,其他所有字母的排列都很规则,字母按键的大小和形状也都相同,这属于视觉上的表现。

实际上,在视觉键盘的下面还隐藏着一层不可见的键盘形式,也就是触发区域

通过上层的视觉键盘,我们能知道手指在键盘上具体的移动情况,但实际上控制打字输入起作用的是下层的触发区域。

导致视觉键盘与实际触发区域不同的原因通常基于两个部分:用户一直以来习惯性的输入方式以及上下文内容的联想,在这里我们主要分析用户的输入行为。

二、自适应键盘

假设用户倾向于点击e键时会稍微向右偏一点,因此有时候会错误地点击了 e旁边的r键。自适应键盘会跟踪这些接触点,一段时间后,它了解到e键的触发区域与该按键的视觉中心不对齐,而是向右移动。

这意味着对用户而言,r键的某些区域被e键占用,所以e键和r键的触发区域不再整齐地对应视觉键盘,而是e键的触发区域向右做了延伸。

下图直观地显示了键盘触发区域的个性化演变:

基于用户各不相同的触发动作,键盘的触发区域会发生变化:从同一个视觉键盘(左)开始,键盘在使用过程中(中)收集用户的触摸数据,以适应实际触发区域(右)。

通过这种方式,每个按键的可视区域与它的触发区域会分开。这种个性化的设计可以为用户带来完全不同的触发体验。

有研究表明,以这种方式调整控件的区域可以减少键入错误的字母,从而提高键入效率。

三、为什么要隐藏变化?

为什么不直接显示调整后的触发区域呢?

自适应键盘根据用户的输入行为而变化,形成良性循环(右);如果键盘显示了调整后的按键位置,键盘反过来可能会触发用户更改原先的输入行为,形成不必要的反馈循环(左)。

如果视觉按键区域发生变化,触发行为也会改变。反过来,更改后的触发行为会导致键盘上的新更改,这将再次影响用户的输入行为,依此类推,用户和键盘相互竞争,可能会导致更糟糕的使用体验。

为了避免这种不良的适应,即使下层的键盘区域有所变化,上层的视觉键盘也要保持不变。

四、考虑触发区域的限制

此外,在键盘个性化设置方面要遵守一些必要的限制:

调整按键区域绝对不能导致按键没有可用的触发空间。在下图中由于对e键和t键调整过多,导致无法键入字母r。

为了进一步提高打字效率,通常使用上下文的词义联想来消除键盘触发的歧义。

在这里,我们主要讨论物理组件,即考虑不同的用户如何将手指放在按键上。如上所述,这种键盘的功能远不如词义联想那么广为人知,因为有充分的理由隐藏按键的自适应。

总结

在本文中,我们分析了手机键盘的视觉效果与触发区域之间的交互逻辑:

  • 即使是输入这样简单的操作,也可以根据每个人差异化的输入习惯来改善性能或用户体验;
  • 在解释输入行为时,要敢于超越视觉上的界定;
  • 仔细检查反馈情况,保证是用户的行为改变了系统(键盘),而不是被系统改变,以避免不必要的反馈循环。

 

作者:Clippp;微信公众号:Clip设计夹

本文由 @Clippp 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 高级啊

    来自北京 回复
  2. 冷知识,感谢分享

    来自北京 回复
  3. 感觉很不错的样子

    来自四川 回复
专题
101888人已学习23篇文章
做产品难,做运营更难,做APP运营推广难上加难。
专题
12599人已学习14篇文章
近年来,盲盒大量出现在公众视野,引起了一波又一波消费热潮。本专题的文章分享了解读盲盒营销。
专题
18247人已学习12篇文章
本专题的文章分享了竞品分析的案例。
专题
16667人已学习13篇文章
本专题的文章分享了基础功能的实现原理和设计理解。
专题
13466人已学习12篇文章
需求管理,也是产品运营人工作中非常重要的一个任务。本专题的文章分享了如何做需求管理。