具透|「胡萝卜手指」选字难:Flyme 的 Aicy 识屏是怎么做的?

为了解决用户在手机上因手指遮挡而难以精确选中文本的“胡萝卜手指”难题,魅族 Flyme 的 Aicy 识屏功能进行了重新设计。通过引入基于用户落点和滑动方向的智能选词规则,并辅以振动反馈和放大功能,新方案显著提升了选词的准确性和操作体验。最终,设计团队取消了传统的选字手柄,用一套复杂的后台逻辑换取了简单直观的前台交互,成功实现了“把复杂留给我们,把简单留给用户”的设计理念,并获得了用户的广泛认可。

为什么要改变?

在改版之前,识屏功能的原型是“大爆炸”,虽然评分不低,但其功能已无法满足用户更深层次的需求。团队发现,用户的目的不是“选择”本身,而是选择之后的下一步操作。

用户真正的需求是把内容分享到微信、用高德导航、在淘宝搜索……选择只是通往结果的手段。

原有的方案无法高效地承载这些后续操作,因此,为了提供更高效、更自由的体验,重新设计势在必行。新的“文本直选”功能在原有基础上,增加了划选、点击选择/取消等能力,但也带来了新的挑战。

解决「胡萝卜手指」的难题

在手机屏幕上,正文文字的大小通常只有 14-16px,手指触摸时会完全遮挡住文字,导致用户看不清自己的落点,尤其是在修改已选区域时(补选或取消几个字)非常困难。

既然无法提升初次落点的准确性,团队便转向了通过预测用户意图来修正操作。关键的突破在于,不仅仅依赖单一的落点,而是结合落点位置用户滑动方向来综合判断。

具体的智能选词规则如下:

  • 当触摸点在已选中的词上:

      • 如果滑向未选中的词,则执行选中操作。
      • 如果滑向已选中的词,则执行取消选中操作。
  • 当触摸点在未选中的词上:

      • 无论滑向何处,一律执行选中操作。

这个规则明显倾向于“选择”而非“取消”,这是基于两个原因:

    • 业务倾向: 选择是更高频的操作,需要优先保证其效率。
    • 用户观察: 内部试用发现,用户的选择行为远多于取消行为。

最终,这套规则成功解决了选择困难的问题,获得了用户的正面反馈。

增强体验的设计细节:振动与放大

除了核心的选词规则,两个设计细节也极大地提升了用户体验。

振动反馈:像触摸键盘一样熟悉

每当用户滑动选中一个文字,手机就会提供一次短暂的振动。这个设计的价值在于,当手指挡住视线时,振动能给用户明确的反馈,让他们知道自己选中了多少个字。

就像你闭上眼睛摸你的键盘一样,每一格子代表着一个按键,如此选中几个字用户心里大概也有一个数。

放大功能:不愿放弃的小场景

为了让用户能选中屏幕上非常小的文字,设计中加入了类似截图放大的功能。用户可以自然地通过双指手势“放大 - 划动 - 选择”。为了实现这个功能,团队解决了许多技术难题,例如:

    • 防止误触: 精确区分单指滑动和双指缩放手势,通过设置延迟时间避免手势切换瞬间的误操作。
    • 移动屏幕: 放大后,触摸区域也随之放大,保证在空白区域移动屏幕时不会误选文字。

取舍:为何取消传统的选字手柄

在传统的文本选择交互中,首尾的“图钉”手柄可以帮助用户精确调整选区。但在新的设计中,团队决定将其取消。

    • 必要性降低: 经过测试,在新的智能选词规则下,用户认为手柄已不再是必需品。
    • 副作用: 在跨行选择等复杂场景下,手柄的存在反而会产生误导,其精确操作的价值也已被新的交互方式取代。

因此,为了交互的简洁和统一,Aicy 识屏最终放弃了选字手柄。

把复杂留给我们,把简单留给用户

这个看似简单直观的设计,背后隐藏着大量的规则与细节打磨。它完美体现了魅族的一个核心理念:

我们多做一些,那么用户就可以少做一些。

通过承担技术和逻辑上的复杂性,最终为用户呈现出简单、无感的流畅操作。正是这种对用户体验的极致追求,让产品能够真正打动人心。