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のユーザインタフェースでは、既存のハードウェアのインタフェース、もしくは物理現象のメタファが広く用いられている。

既存のインタフェース・物理現象のメタファを用いることには、ユーザがインタフェースの挙動を予測しやすくなり操作性が向上するというメリットが有る。

しかし、物理世界をメタファとして用いることには問題点も挙げられる。物理現象の挙動に縛られてしまうことで、デジタル空間であることの利点を十分に活かすことができなくなってしまうことである。

1つ目の事例は広く普及しているPoke式のボタンインタフェースである。このボタンインタフェースではユーザが操作する際に、指をボタン面に対して垂直になるように移動させ、押し込むような動きをしなければならないという制約がある。

2つ目の事例はこれも広く普及しているビームを用いてオブジェクトを移動させるインタフェースである。このビームインタフェースでは、操作対象の物体が質量を持っているようにユーザに見える場合、ビームで持ち上げた瞬間に重量が消滅してしまうように感じられ違和感を引き起こす。この問題に対し、ビームが垂れ下がることで擬似的に質量を感じさせれる手法が存在する。しかし、この手法では直接的にオブジェクトを操作する場合に比べて演出が挟まってしまうため、操作性が犠牲になっているという問題がある。

本研究ではこれらの問題を解決するために、インタフェースのメタファにシャボン玉を持ちいた新たな操作手法「Bubble-UI」を提案する。

使いやすさとわかりやすさの両立

ユーザーのシャボン玉に対する内的イメージを借りることでわかりやすさと、デジタルならではの操作性の両立を目指しました。ユーザーが UI を操作し、そのフィードバックを受け取るというループの中で、「どう操作すると何が起きるのか」というメンタルモデルが構築されやすいデザインを目指しました。

Bubble Button — 触ると即座に反応するボタン

XR の UI では腕の滞空時間が疲労につながります。従来の機械ボタンメタファでは、指を押し込んで戻す予備動作が必要でした。本提案の触るだけで反応するボタンでは、最小限の動作で入力でき、疲労が軽減されます。また、シャボン玉の見た目により、触ると即反応するという特殊な動作でも理解しやすくなることを狙いました。

Bubble Holder — オブジェクトを浮遊させて移動

視線で選んだオブジェクトをタップすると、浮遊・落下の状態が切り替わる
視線で選んだオブジェクトをタップすると、浮遊・落下の状態が切り替わる

デジタル空間ならではの「浮遊させて移動」という操作を、シャボン玉状態の切り替えによって実用可能な UI にしました。シャボン玉の見た目を用いることで状態を可視化し、デジタル空間の特性を活かした操作をわかりやすく実現しました。

Bubble Loading — ローディングインジケータ

ロードが完了するとシャボン玉が割れ、中からオブジェクトが出てくる
ロードが完了するとシャボン玉が割れ、中からオブジェクトが出てくる

現在の XR デバイスでは、オブジェクトのロード中には 2D のプログレスバーなどが表示されます。本提案は、ロード中にシャボン玉を表示し、ロードが完了するとシャボン玉が割れて中からオブジェクトが出てくる手法です。オブジェクトのサイズ感や配置がわかりやすく、表現がシームレスにつながることで戸惑いにくい UX を実現します。