ケース スタディ - 3 HoloStudio UI と操作設計の学習

HoloStudio は、最初の HoloLens 向け Microsoft アプリの 1 つです。 このため、3D UI と対話式操作デザインのための新しいベストプラクティスを作成する必要がありました。 このために、多くのユーザー テスト、プロトタイプ作成、試行錯誤を行いました。

この種類の調査のためのリソースを誰もが持っているわけではないことがわかっているため、シニア ホログラフィック デザイナーの Marcus Ghaly に、HoloLens アプリの UI と対話式操作のデザインについて、HoloStudio の開発中に学んだ 3 つのことを説明するよう依頼しました。

ビデオを見る

問題 1: ユーザーは、作成したものを動かしたくない

最初は、現実世界にあるものと同様の長方形として、HoloStudio でワークベンチを設計しました。 問題は、それまでの人生経験からユーザーは、デスクで座っている場合やコンピューターの前で作業しているときには、動かない方がよいと考えるため、ワークベンチを移動したり、すべての側面から 3D 作品を調べたりしないということです。

HoloStudio でのワークベンチの長方形デザインにより、ユーザーは、作品を動かしたり、すべての側面から見たりしようと考えなくなっています。

分析情報により、ワークベンチを円形にして、ユーザーから見た "前面" または明確な正面をなくしました。 これをテストすると、ユーザーは突然、自分で作品を動かしたり、調べたりし始めました。

ワークベンチの円形のデザインにより、ユーザーは作品を、すべての側面から調べるようになりました。

学習内容

常に、ユーザーにとって何が快適かを考えている必要があります。 物理空間を利用することは、他のデバイスでは不可能な、HoloLens の優れた機能です。

問題 2: モーダル ダイアログがホログラフィック フレームの外にある場合がある

ときには、ユーザーが、アプリで注意を必要とするものとは異なる方向を見ている場合があります。 PC では、ダイアログをポップアップ表示できますが、3D 環境でユーザーの目の前にポップアップ表示すると、ダイアログが邪魔であるように感じる場合があります。 メッセージを読んでもらう必要があるのですが、ユーザーは本能的にメッセージから目を背けてしまいます。 ゲームをプレイしている場合は、この反応でよいのですが、仕事用に設計されたツールでは好ましくありません。

いくつかの方法を試した後、最後に、ダイアログに "思考バブル" システムを使用することにし、アプリケーションで注意が必要な場所までユーザーを導くテンドリル (巻きひげ) を追加しました。 また、テンドリルを点滅させて、ユーザーに行き先がわかるような方向感覚を与えました。

学習内容

3D では、注意する必要のあるものをユーザーに警告することが非常に困難です。 立体音響、光線、思考バブルなどのアテンション ディレクターを使用すると、必要な場所にユーザーを導くことができます。

問題 3: 他のホログラムによって UI がブロックされる場合がある

ホログラムおよび関連付けられた UI コントロールをユーザーが操作しようとするときに、それらが、目の前にある別のホログラムにさえぎられて見えない場合があります。 HoloStudio の開発中に、試行錯誤によって、この問題を解決しました。

ホログラムに関連付けられた UI コントロールが、HoloLens を装着したユーザーとの間にある別のホログラムにさえぎられて見えなくなる場合があります。

UI コントロールが隠れないようにユーザーの近くに移動したのですが、遠く離れたホログラムを同時に見ている間に、近くのコントロールを見ることがユーザーにとって快適ではないことが判明しました。 ただし、ユーザーに最も近いホログラムの前のコントロールを移動すると、ユーザーは、そのコントロールが、関連するホログラムから分離されているように感じます。

最終的に、UI コントロールをゴースト化し、ユーザーとの距離を、関連付けられているホログラムと同じにして、両方とも接続されていると感じられるようにしました。 これにより、ユーザーは、コントロールが見えにくくてもコントロールを操作できます。

解決策: UI コントロールをゴースト化することで、コントロールを操作すると同時に、関連するホログラムと接続されているように感じることができるようにしました。

学習内容

ユーザーは、UI コントロールが隠されている場合でも簡単にアクセスできる必要があります。そのため、現実世界のどこにホログラムがあるかに関係なく、ユーザーが確実にタスクを完了できる方法を見つけてください。

筆者について

Marcus Ghaly の写真 Marcus Ghaly
Microsoft のシニア ホログラフィック デザイナー

関連項目