2024.02.11

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

按钮界面
按钮界面
用光束摆放物体的方法
用光束摆放物体的方法
AR 运行情况
AR 运行情况

现有的 XR 用户界面广泛采用既有硬件的界面,或物理现象的隐喻。

使用既有界面或物理现象的隐喻,好处是用户更容易预测界面的行为,从而提升可操作性。

然而,以物理世界作为隐喻也存在问题:受限于物理现象的行为,就无法充分发挥数字空间的优势。

第一个例子是广泛普及的戳按式按钮界面。在这种界面中,用户操作时必须让手指垂直于按钮面移动,做出按压的动作。

第二个例子同样广泛普及,是用光束移动物体的界面。在这种光束界面中,如果被操作的物体在用户看来有质量,那么用光束举起的瞬间重量仿佛消失,会产生违和感。针对这一问题,有一种让光束下垂以模拟质量感的方法。但与直接操作物体相比,这种方法多了一层演出,牺牲了可操作性。

为解决这些问题,本研究提出一种以肥皂泡为界面隐喻的新操作方法“Bubble-UI”。

兼顾易用与易懂

借用用户心中对肥皂泡的印象,力求在易懂与数字空间特有的可操作性之间取得平衡。在用户操作 UI、接收反馈的循环中,设计目标是让人更容易建立“怎样操作会发生什么”的心智模型。

Bubble Button —— 一触即发的按钮

在 XR 的 UI 中,手臂悬空的时间会导致疲劳。传统的机械按钮隐喻需要按下再松开的预备动作。本提案的按钮一触即反应,能以最少的动作完成输入,减轻疲劳。同时借助肥皂泡的外观,让“一碰就立即反应”这一特殊行为也容易理解。

Bubble Holder —— 让物体漂浮着移动

轻点用视线选中的物体,即可在漂浮与下落之间切换
轻点用视线选中的物体,即可在漂浮与下落之间切换

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

Bubble Loading —— 加载指示器

加载完成后肥皂泡破裂,物体从中出现
加载完成后肥皂泡破裂,物体从中出现

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