我正在作为单独开发者,使用 AI作为编码和设计助手,开发一个浏览器基于的知识游戏。核心机制很简单:玩家接收一个新物品,并需要将其放入正确的时间线空隙中。游戏开始时只有一个物品,但时间线会在每轮结束后增长。正确答案和错过的答案都会在正确的位置插入,错过的物品会以视觉方式标记。我的当前交互方式是点击放置:每个有效空隙都是一个全宽按钮。这个方式在前几轮中效果不错,但一旦时间线变得更长,玩家就需要在计时器仍在运行时滚动。这就是我正在试图解决的 UX 问题。如何改进活跃运行屏幕,使玩家可以理解整个顺序并在滚动很少或完全没有滚动时选择位置? 我特别感兴趣的是: - candidate、时间线和放置控件的排列方式不同; - 处理桌面和移动设备的布局分开; - 不显示每个全尺寸项的同时显示一个长有序列表; - 在玩家扫描时间线时保持候选项可见; - 在时间压力下快速清晰地放置。 我目前考虑的主要替代方案是拖放。然而,我不想将其作为主要移动交互方式,因为拖放在长列表中可能会与正常滚动冲突,拖放时的指针可能会遮挡目标,自动滚动时可能会在计时器下感到不可靠。然而,我非常开放地考虑完全不同的方法。为了避免列出太多可能的解决方案,我更希望听到我之前没有考虑过的想法。截图显示了当前的桌面和移动设备布局在较晚的一轮中。这里我主要不是寻求推广反馈。我非常希望从其他开发者那里收到具体的 UX、布局或交互想法。粗略的草图、其他游戏中的例子或非传统方法都很有用。可玩的版本,在测试交互时有帮助:https://hitmind.vercel.app/