グラスの拡張エクスペリエンスは既存のモバイルアプリの拡張機能です。モバイルアプリからグラスへのハンドオフ エクスペリエンスを作成できます。アプリは AI グラスとディスプレイ AI グラスの両方で実行できます。
AI グラスのディスプレイ
ディスプレイ グラスは視覚と聴覚のエクスペリエンスを提供するため、アプリのエクスペリエンスには視覚と聴覚の両方のキューを含める必要があります。
ディスプレイがオンのとき、ユーザーはタッチパッドを操作してリストのスクロール、フォーカスの移動、ボタンのクリックなどを行うことができます。音声フィードバックを過剰に提供してユーザーの感覚を圧倒しないように、視覚的なフィードバックを表示します。
ディスプレイがオフの場合、アプリはディスプレイがオンかオフかを追跡できるため、ユーザーはディスプレイからオーディオ エクスペリエンスに切り替えたり、その逆を行ったりできます。
表示タイムアウト
ディスプレイ ボタンを押してディスプレイをオフにするか、ディスプレイがタイムアウトするまで待ちます。タイムアウトはユーザーが構成することも、アプリ用にカスタマイズすることもできます。パフォーマンスに影響する可能性があるため、アプリのエクスペリエンスに不可欠な場合にのみカスタマイズしてください。
ディスプレイのない AI グラスの場合
ディスプレイレスは音声のみの環境に適応します。
- 入力は、タップによる再生や一時停止、スワイプバックによるエクスペリエンスの終了などのキー操作にマッピングされます。ディスプレイ上で個別に操作できる UI 要素がないためです。たとえば、ディスプレイのないデバイスでは、ユーザーはオプションのリストや複数のボタンをスクロールできません。代わりに、対応する入力が可能な音声キューが必要になります。詳しくは、入力をご覧ください。
- 視覚的な合図を音声による合図に変換します。
- ユーザーはディスプレイのみのメガネや音声のみのメガネを使用している可能性があるため、アプリの音声フローと映像フローを考慮することが重要です。
たとえば、ディスプレイ付き AI グラスでは、アプリの起動後にビジュアル UI が読み込まれますが、音声 AI グラスでは、音声キューによってアプリ全体の操作についてユーザーに指示します。
ここでは、ディスプレイ メガネのビジュアル UI によって音声読み上げが一時停止されますが、ハードウェア入力タップでは音声のみが一時停止されます。
アプリの構造
Google グラスのインターフェースは、ユーザーの視線を遮るのではなく、下から上に構築して拡張します。
- アプリを設計する際は、キャンバスの下部にアンカー要素を配置して、上方向に構築します。
- コンテンツは縦方向に中央に配置せず、ユーザーの視界で邪魔にならないように、最小限かつ慎重に配置する必要があります。
- 奥行きは、視覚的な階層に使用されます。
- 通知以外では、アプリはシステムバーのスペースを使用できません。使用していないときは表示されません。
- アプリはスクロールできますが、認知負荷を軽減し、フレーム内の操作を最小限に抑えるため、アイテムの数を最小限に抑えるようにしてください。
- 音声操作と物理的なジェスチャーのバランスを調整します。物理的なジェスチャーが望ましい場合もあります。
エントリ ポイント
メガネアプリはコアアプリ エクスペリエンスの拡張機能であるため、現在の主なエントリ ポイントとしてスマートフォンからのハンドオフを検討してください。メガネのフォーム ファクタが成熟するにつれて、システム UI や AI 機能からのエントリ ポイントが追加されることが予想されます。
スマートフォンからのハンドオフ
明示的なアクションまたは暗黙的なハンドオフにより、スマートフォンからメガネでアプリを起動します。
暗黙的なハンドオフは、メガネ エクスペリエンスの一部を起動するユーザーフローの自然な一部として自動的に発生する可能性があります。たとえば、ナビゲーションを開始すると、メガネにターンバイターン方式のナビゲーションが表示され、メディアの再生中はメガネに視覚的なインジケーターが表示されます。
明示的なハンドオフでは、モバイルアプリ内でユーザーが操作してメガネのエクスペリエンスを起動する必要があります。たとえば、アプリまたはメガネアプリを起動するボタンからカメラをオンにする場合、メガネのアイコンと「メガネで起動」というラベル（省略可）で明確に示します。
カスタマイズ
グラス上のアプリは、ユーザー エクスペリエンスと UI デザインの柔軟性を提供します。
UI フレームワークは、リストやカードなどの高度に最適化された基本コンポーネントのセットと、色やタイポグラフィなどの基本スタイルを提供します。カスタマイズは、ユーザーへの伝達やブランドの反映に役立つように慎重に行う必要があります。
Jetpack Compose の Glimmer スタイルについて詳しく学ぶ
