你知道手机键盘中隐藏的交互细节吗？

Date 2024-03-07 09:31:31

  当我们使用产品时，我们经常会遇到关于收集数据的信息，比如获取用户当前的位置，并要求允许打开相机或访问相册。然而，有一种鲜为人知的数据类型可以给用户带来好处：关于输入行为的数据收集。帮助用户量身定制手机键盘，提高打字速度和准确性。本文将探讨手机键盘对用户隐藏的交互逻辑，解释这种情况的发生方式和原因，从而构建未来的自适应智能手机界面。


你知道手机键盘中隐藏的交互细节吗？


  一、自适应键盘


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

  这意味着对于用户来说，r键的某些区域被e键占据，因此e键和r键的触发区域不再与视觉键盘整齐对应，而是向右延伸e键的触发区域。

  下图直观地展示了键盘触发区的个性化演变：

  根据用户不同的触发动作，键盘的触发区域会发生变化：从同一视觉键盘（左）开始，键盘在使用过程中（中）收集用户的触发数据，以适应实际触发区域（右）。

  通过这种方式，每个按钮的视觉区域将与其触发区域分开。这种个性化的设计可以给用户带来完全不同的触发体验。

  研究表明，通过这种方式调整控件区域可以减少输入错误字母，从而提高输入效率。

  二、视觉键盘和触发区

  拿出手机，看看里面的键盘。很可能我们看到的不是每天实际使用的。现在智能键盘分为两层，如图所示:

  上层是视觉键盘，即我们对键盘的普遍印象——除了特殊键，所有其他字母的排列都非常规则，字母键的大小和形状相同，这属于视觉性能.

  事实上，视觉键盘下隐藏着一层不可见的键盘形式，即触发区。

  通过上层的视觉键盘，我们可以知道键盘上手指的具体移动，但实际上是下层的触发区控制打字输入。

  视觉键盘与实际触发区域不同的原因通常基于两部分：用户习惯性的输入模式和上下文内容的联想。在这里，我们主要分析用户的输入行为。

  三、为什么要隐藏变化？

  调整后的触发区域为何不直接显示？

  自适应键盘根据用户的输入行为而变化，形成良性循环(右)；如果键盘显示调整后的按钮位置，则可能会触发用户更改原始输入行为，形成不必要的反馈循环（左）。

  如果视觉按钮区域发生变化，触发行为也会发生变化。另一方面，更改后的触发行为会导致键盘上的新变化，这将再次影响用户的输入行为。等等，用户和键盘之间的竞争可能会导致更糟糕的使用体验。

  为了避免这种不良适应，即使下键盘区域发生变化，上视觉键盘也应保持不变。

  四、考虑触发区域的限制

  此外，键盘个性化设置应遵守一些必要的限制：

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

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

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

  总结

  本文分析了手机键盘的视觉效果与触发区域之间的交互逻辑：

  1.即使是如此简单的输入操作，性能或用户体验也可以根据每个人的差异化输入习惯进行改进；

  2.在解释输入行为时，要敢于超越视觉定义；

  3.仔细检查反馈，确保用户的行为改变了系统(键盘)，而不是被系统改变，以避免不必要的反馈循环。

  以上是红喵教育小编为您介绍的“[UI设计培训]： 你知道手机键盘中隐藏的互动细节吗？相关内容，学习UI设计培训，您可以参考红喵教育提供的UI学习路线。学习路线包括PS软件介绍、人工智能和品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图，您可以清楚地了解您需要掌握的知识！  

上一篇： UI设计师的工作模式是怎么样的？

下一篇： 平面设计六个常用视觉设计原则

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

more