アプリ ビュー

グラスの拡張エクスペリエンスは既存のモバイルアプリの拡張機能です。モバイルアプリからグラスへのハンドオフ エクスペリエンスを作成できます。アプリは AI グラスとディスプレイ AI グラスの両方で実行できます。

ディスプレイ AI グラス

ディスプレイ メガネは視覚と聴覚のエクスペリエンスを提供するため、アプリのエクスペリエンスには視覚と聴覚の両方のキューを含める必要があります。

ディスプレイがオンのとき、ユーザーはタッチパッドを操作してリストのスクロール、フォーカスの移動、ボタンのクリックなどを行うことができます。音声フィードバックを過剰に提供してユーザーの感覚を圧倒しないように、視覚的なフィードバックを表示します。

ディスプレイがオフの場合、アプリはディスプレイのオン / オフを追跡できるため、ユーザーはディスプレイから音声エクスペリエンスに切り替えたり、その逆を行ったりできます。

ディスプレイ モードのアプリ UI。

表示タイムアウト

ディスプレイ ボタンを押してディスプレイをオフにするか、ディスプレイがタイムアウトするまで待ちます。タイムアウトはユーザーが構成することも、アプリ用にカスタマイズすることもできます。パフォーマンスに影響する可能性があるため、アプリのエクスペリエンスに不可欠な場合にのみカスタマイズしてください。

ディスプレイのない AI メガネの場合

ディスプレイレスは音声のみの環境に適応します。

  • 入力は、タップによる再生や一時停止、スワイプバックによるエクスペリエンスの終了などのキー操作にマッピングされます。ディスプレイ上で個別に操作できる UI 要素がないためです。たとえば、ディスプレイのないデバイスでは、ユーザーはオプションや複数のボタンのリストをスクロールできません。代わりに、対応する入力が可能な音声キューが必要になります。詳しくは、入力をご覧ください。
  • 視覚的なキューが音声キューに変換されるようにします。
  • ユーザーはディスプレイ専用のメガネや音声専用のメガネを使用している可能性があるため、アプリの音声フローと映像フローを検討することが重要です。

音声キューの図。

たとえば、ディスプレイ付き AI グラスでは、アプリの起動後にビジュアル UI が読み込まれますが、音声 AI グラスでは、音声キューによってアプリ全体の操作についてユーザーに通知されます。

音声キューの図。

ここでは、ディスプレイ メガネのビジュアル UI によって音声読み上げが一時停止されますが、ハードウェア入力タップでは音声のみが一時停止されます。

アプリの構造

Google グラスのインターフェースは、ユーザーの視線を遮るのではなく、下から上に構築して拡張します。

デザイン要素はフレームの下部に固定する必要があります。

  • アプリを設計する際は、キャンバスの下部にアンカー要素を配置して、上方向に構築します。
  • コンテンツは垂直方向に中央揃えにせず、ユーザーの視界の邪魔にならないように、最小限かつ慎重に配置する必要があります。
  • 奥行きは視覚的な階層に使用されます。
  • 通知以外では、アプリはシステムバーのスペースを使用できません。使用していないときは非表示になります。
  • アプリはスクロールできますが、認知負荷を軽減し、フレーム内の操作を最小限に抑えるため、アイテムの数を最小限に抑えるようにしてください。
  • 音声操作と物理的なジェスチャーのバランスを調整します。物理的なジェスチャーが望ましい場合もあります。

エントリ ポイント

メガネアプリはコアアプリ エクスペリエンスの拡張機能であるため、現在の主なエントリ ポイントとしてスマートフォンからのハンドオフを検討してください。メガネのフォーム ファクタが成熟するにつれて、システム UI や AI 機能からのエントリ ポイントが追加されることが予想されます。

スマートフォンからのハンドオフ

明示的なアクションまたは暗黙的なハンドオフにより、スマートフォンからメガネでアプリを起動します。

メガネアプリを開くボタンがあるモバイルアプリ。

暗黙的なハンドオフは、ユーザーフローの自然な一部として、メガネのエクスペリエンスの一部を起動するために自動的に発生する可能性があります。たとえば、ナビゲーションを開始すると、メガネにターンバイターン方式のナビゲーションが表示され、メディアの再生中はメガネに視覚的なインジケーターが表示されます。

メガネに再生を表示するよう求めるメディア プレーヤー。

明示的なハンドオフでは、モバイルアプリ内でユーザーが操作してメガネのエクスペリエンスを起動する必要があります。たとえば、アプリやメガネアプリを起動するボタンからカメラをオンに切り替える場合などです。メガネのアイコンと、必要に応じて「メガネで起動」というラベルで明確に示します。

モバイルでメガネアプリを開くボタン。

カスタマイズ

グラス上のアプリは、ユーザー エクスペリエンスと UI デザインの柔軟性を提供します。

UI フレームワークは、リスト、カード、アノテーションなどの高度に最適化された基本コンポーネントのセットと、色、タイポグラフィ、モーションの基本スタイルを提供します。カスタマイズは、ユーザーへの伝達やブランドの反映に役立つよう、慎重に行う必要があります。

Jetpack Compose Glimmer スタイルの詳細

カスタマイズされたハイキング アプリ。