Bubble-UI:以肥皂泡为隐喻的空间 UI 系统
以肥皂泡作为 UI 隐喻的研究。 提出一种 UI 系统:既能发挥数字世界突破物理限制的特性,又让用户容易预测操作结果。
- Interaction 2024 互动发表奖(观众投票)
- 日期
- 2024.02.11
- 形式
- 个人作品
- 技术
- Unity, VFX Graph, VRHMD
- 标签
interaction-ipsj.orghttps://www.interaction-ipsj.org/proceedings/2024/data/pdf/1B-35.pdf
现有的 XR 用户界面广泛采用既有硬件的界面,或物理现象的隐喻。
使用既有界面或物理现象的隐喻,好处是用户更容易预测界面的行为,从而提升可操作性。
然而,以物理世界作为隐喻也存在问题:受限于物理现象的行为,就无法充分发挥数字空间的优势。
第一个例子是广泛普及的戳按式按钮界面。在这种界面中,用户操作时必须让手指垂直于按钮面移动,做出按压的动作。
第二个例子同样广泛普及,是用光束移动物体的界面。在这种光束界面中,如果被操作的物体在用户看来有质量,那么用光束举起的瞬间重量仿佛消失,会产生违和感。针对这一问题,有一种让光束下垂以模拟质量感的方法。但与直接操作物体相比,这种方法多了一层演出,牺牲了可操作性。
为解决这些问题,本研究提出一种以肥皂泡为界面隐喻的新操作方法“Bubble-UI”。
兼顾易用与易懂
借用用户心中对肥皂泡的印象,力求在易懂与数字空间特有的可操作性之间取得平衡。在用户操作 UI、接收反馈的循环中,设计目标是让人更容易建立“怎样操作会发生什么”的心智模型。
Bubble Button —— 一触即发的按钮
在 XR 的 UI 中,手臂悬空的时间会导致疲劳。传统的机械按钮隐喻需要按下再松开的预备动作。本提案的按钮一触即反应,能以最少的动作完成输入,减轻疲劳。同时借助肥皂泡的外观,让“一碰就立即反应”这一特殊行为也容易理解。
Bubble Holder —— 让物体漂浮着移动

通过切换肥皂泡状态,把数字空间特有的“漂浮着移动”变成了实用的 UI。借助肥皂泡的外观使状态可视化,让发挥数字空间特性的操作也易于理解。
Bubble Loading —— 加载指示器

目前的 XR 设备在加载物体时会显示 2D 进度条等。本提案在加载时显示肥皂泡,加载完成后肥皂泡破裂、物体从中出现。物体的大小与位置一目了然,表现也无缝衔接,带来不易让人困惑的 UX。



