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