tyleo.com

订阅 订阅 RSS

Rad Type

2025-04-28

能让手柄输入更快吗? 手柄文本输入非常有趣。自 NES 发布已经超过 40 年了,但我们看到的改进仅仅是用方向键从 QWERTY 键盘中选择字符。本页介绍了 Rad Type:一种以硬件为中心设计的新型手柄键盘。尽管采用了全新的 UX,但我敢打赌,大多数用户都可以立即上手,并且输入速度比任何其他手柄键盘界面快很多倍。

说明

如果您正在使用手柄,请点击此开关来配置您的输入设置。我们提供了一个合理的默认设置,所以您可以跳过配置,如果出现问题再回来调整。如果您使用的是触摸屏或键盘 + 鼠标,您可以忽略这些设置--我们提供了奇偶校验控制来模拟摇杆输入。虽然 Rad Type 的设计考虑到了手柄,但它也为传统的 QWERTY 触摸键盘提供了一种有趣的替代方案。触摸屏用户可能希望尝试纵向和横向两种模式。 手柄映射设置 点击一个按钮或方向开始映射控制。 Right +0 Up -1 Left -0 Down +1 Center 10 Alt 4 Space 0 Right +2 Up -3 Left -2 Down +3 Center 11 Alt 5 Delete 2 Cancel

什么是 Rad Type?

Rad Type 包含两个圆圈,字母字符排列成环状。要输入一个字符,请将摇杆移动到该字符的方向并释放。当目标点从外环移动到中环时,即输入字符。对于中心字符,向内按摇杆。空格和删除通常映射到手柄按钮,例如 X 和 A。我建议使用手柄上的左侧按钮进行删除,底部按钮进行空格。 如果您正在使用手柄,请确保启用 "Target with Gamepad" 开关。此页面探索了多个 Rad Type 示例,该开关确定哪个示例处于活动状态。在触摸屏或鼠标 + 键盘上,您可以通过点击并拖动或点击并拖动来模拟摇杆输入。您也可以直接点击或单击单个字母或按钮。 尝试输入以下短语之一:

  1. Hello my name is {name}
  2. The quick brown fox jumped over the lazy dog
  3. Rad Type is cool

Clear Text F G R W Q S A Z X C D V E Space L P O I U Y J H B N M K T Delete Target with Gamepad Size Distance Size 100 px 100 % Space Between 200 px Size Distance Distance 100 px 100 % Space Between 50 px 您将在本文档的后面找到更多 Rad Type 变体。但首先,让我们讨论一下 Rad Type 背后的动机。

动机

我在为 Forza Motorsport 7 开发 Car Select 时想到了 Rad Type 的想法。由于有 700 多辆车,浏览起来很麻烦。您可以使用手柄肩键翻阅制造商,使用摇杆翻阅型号,这可能需要一段时间才能找到您想要的车。我想要一个模糊搜索界面来加速这一过程,但手柄输入会让它感觉像是一种降级。 我们从未在 Forza 7 中实现模糊搜索,但后来我有机会将其构建到 Rec Room 的调色板中。 Rec Room 拥有一个巨大的对象、形状和编程元素库,创作者可以用它们来构建游戏。我们需要一种让创作者快速搜索所有内容的方法。我们的第一个模糊搜索版本基于 Anders Elfgren 的 Medium 文章Rec Room 在多个平台上运行,Palette Search 在大多数平台上都运行良好--但手柄仍然很吃力。

版本 1:时钟

在思考如何改进手柄输入时,我想象了一个钟面--它的 12 个数字围绕着指针排列。我想,“12 乘以 2 是 24,而字母表中只有 26 个字母。” 当我记得大多数摇杆也可以像按钮一样点击时,最后两个字母就落在了时钟的中心位置。这就是 Rad Type 的第一个版本诞生的方式: Clear Text F G R W Q S A Z X C D V E Space L P O I U Y J H B N M K T Delete Target with Gamepad Size Distance Size 100 px 100 % Space Between 200 px Size Distance Distance 100 px 100 % Space Between 50 px

版本 2:精确度

第一个版本的 Rad Type 可以工作,但由于目标点会快速回到中心,因此很容易输入错误的字符。在小圆圈中,即使是轻微的拇指不精确也会产生很大的影响。第二个版本的 Rad Type 在周边的附近添加了一个更大的环。在输入字符之前有更多的移动空间,现在圆点可以吸收小的误差,而对字符选择的影响较小。 您应该会从前面认出这个例子。对于新用户来说,这是一个很好的起点,因为它平衡了时钟隐喻的熟悉性与提高精度的环。这是我的朋友和同事的最爱: Clear Text F G R W Q S A Z X C D V E Space L P O I U Y J H B N M K T Delete Target with Gamepad Size Distance Size 100 px 100 % Space Between 200 px Size Distance Distance 100 px 100 % Space Between 50 px

版本 3:交替

时钟隐喻之所以有效,是因为它很熟悉,但将每个字符都放在表盘周围会让人觉得很拥挤。较小的字母表更容易输入,因此我探索了从主表盘中删除字符的方法。 手柄有很多按钮,但到目前为止,Rad Type 只使用了两个。特别是肩键,可以与摇杆同时使用。我们可以通过从主表盘中删除字符(除非按住相应的肩键)来利用这一点。 此示例从主表盘中删除了半数字符。尝试按住肩键来访问它们。在触摸屏或鼠标 + 键盘上,点击 Alt 按钮来模拟肩键输入。点击 Alt 按钮两次会将其锁定,直到再次点击: Clear Text R U A S D C E F G Q Z X V Alt Space L O I H N M T K P Y J B W Alt Delete Target with Gamepad Size Distance Size 100 px 100 % Space Between 200 px Size Distance Distance 100 px 100 % Space Between 50 px

版本 4:最终版

从主表盘中删除一些字符可以更容易地进行选择,但经常按下肩键很麻烦。那么,如果我们只删除几个字符呢? Rad Type 的最终版本只删除了 4 个字符,将输入限制为 8 个基本方向和序数方向。最少使用的字符被移动到替代表盘,减少了使用肩键的需求。 需要更多的练习才能习惯,但我感觉这个版本的 Rad Type 在提高手柄文本输入速度方面最有效: Clear Text F G R W A S D C E V Q Z X Alt Space O I U Y H N M L T P K J B Alt Delete Target with Gamepad Size Distance Size 100 px 100 % Space Between 200 px Size Distance Distance 100 px 100 % Space Between 50 px

结论

感谢您查看 Rad Type。虽然我还没有在已发布的游戏中实现此 UX,但我希望它能激发灵感——或者将来有机会实现。如果您受到启发,请随意借用或构建这些概念。 如果您想继续讨论,可以加入 Hacker News 上的讨论。一些值得探讨的主题:

  1. 您最喜欢哪个 Rad Type 变体?
  2. 大小写和特殊字符如何工作?
  3. 哪些改进可以使 Rad Type 更有用?
  4. 是否有其他基于手柄的文本输入值得研究?
  5. Rad Type 实际上是个好主意吗?
  6. Rad Type 在触摸屏上的感觉如何?

在 Hacker News 上讨论