UI 要素

現実空間と仮想空間を視覚的に融合させることを目的とした没入型の UI コンポーネントを設計します。

構築中の没入型エクスペリエンスにシームレスに調和する、視覚的にすっきりした UI を作成します。

インターフェース

臨場感のある、使いやすい世界を創造する

ユーザーの注意をそらさず、没入させましょう。

AR の世界観をできるだけ妨げるようにしましょう。ユーザーをエクスペリエンスに引き込み、ユーザーの邪魔にならないようにする。

ユーザーが明示的に選択しない限り、ポップアップや全画面テイクオーバーは表示しないようにします。ボタン、2D アラート、通知は、作成した 3D の世界からユーザーの注意をそらす可能性があります。ユーザーがシーンそのものに集中できるようにします。

2D オーバーレイが常駐するとユーザーの没入感を妨げることもあります。Z 世代が見ている世界は完全に現実のものでないということを常に思い出させましょう。

突然のポップアップやすばやい切り替えによって、没入感のある AR エクスペリエンスが損なわれる可能性があります。

操作が簡単になるので、ユーザーが操作の意味を考える必要がなくなる

ユーザーが AR 体験に集中できるようにすることをおすすめします。ただし、アプリによっては、画面上のコントロール機能が必要になることがあります。

そのような場合は、コントロールをできる限りシンプルにします。ユーザーがアクションを見なくてもトリガーできるようにするのが理想的です。これはスマートフォンのカメラボタンです。大きくてラベルも付いていないので、迷うことなくタップできます。

エクスペリエンスの継続性を維持する。ユーザーをシーンから頻繁に外さないようにします。たとえば、ユーザーが AR オブジェクトを選択、カスタマイズ、共有する必要がある場合は、AR を離れることなくそれを行うための方法を考えてみましょう。

オンボーディングと手順

エクスペリエンス内にオンボーディング フローを提供する

ユーザーが AR をすばやく起動できるようにします。チュートリアルをメインのエクスペリエンス フローの一部として組み込みます。重要なタスクや仕組みを一度にユーザーに教えるのは避けてください。

タスクのやり方をゲームに登場させる様子を示しましょう。ユーザーが情報であふれ返ることはなく、役立つ手順やヒントを現在のタスクにリンクできます。

ユーザーを視覚的にガイドする

視覚的な手がかり、動き、アニメーションを組み合わせて、ユーザーにわかりやすくします。アプリ内のエクスペリエンスを可能な限り図解して活用する。テキストによる指示では、ユーザーをエクスペリエンスから離れさせ、何をすべきかを覚えにくくなります。

たとえば、ユーザーにスワイプしてほしい場合は、「スワイプ」という単語ではなく、矢印や手のアイコンを表示します。

使い慣れた UI パターンを使用

ユーザーの知識を活用する。特定のアクション(タップやドラッグなど)に標準の UX インタラクション モデルがある場合は、そのモデルを使用してください。単純なタスクを実行するまったく新しい方法をユーザーに教える必要はなく、エクスペリエンスの重要な部分をすぐに開始できます。

横向きと縦向き

縦向きモードと横向きモードの両方をサポートします。不可能な場合は、ご自身の経験に最も近いものを選択してください。

両方のモードをサポートすることで、より没入感のあるエクスペリエンスを実現し、快適性を高めることができます。

モードごとにカメラとボタンの配置を検討します。カメラの位置が、各モードでの奥行き感知、空間認識、正確な表面測定にどのように影響するかに注意してください。

UI を回転し、カメラフィードがカットされないようにします。

エラー

ユーザーがミスやエラーから簡単に復元できるよう支援します。

エラーの原因がシステムかユーザーかにかかわらず、簡単にエラーを取り戻せるようにします。視覚的な手がかり、アニメーション、テキストを組み合わせて、解決までの道筋を明確に示す。

何が問題だったかを伝えることができます。特に、今後同じエラーを避けるのに役立つ場合は特にそうです。ユーザーを非難することは避けてください。ユーザーに適切な行動を取ってもらうことを重視します。

エラー状態の例は次のとおりです。

  • カメラ画像がない: Android 12(API レベル 31)以降では、システム設定で [カメラをブロック] がオフに設定されていることを確認します。
  • 暗い環境: 暗すぎてスキャンできません。照明をつけるか、明るい場所に移動してください。
  • ユーザーの動きが速すぎる: デバイスの動きが速すぎます。ゆっくり動いてみて。
  • ユーザーがカメラセンサーをブロックしている: センサーがブロックされているようです。 指を動かしたり、デバイスの位置を調整してみてください。

権限

アプリに特定の権限が必要な理由をユーザーに明確に伝えます。

ユーザーがエクスペリエンスを提供するために必要な場合にのみ、権限をリクエストします。

各権限の関連性とメリットを明確にします。たとえば、AR が機能するためにアプリがカメラにアクセスする必要がある場合や、マルチプレーヤー型ゲームでユーザーの現在地を把握する必要がある場合は、そのことをユーザーに伝えます。