オンボーディング

インテリジェント グラスを使用すると、アプリのモバイル エクスペリエンスを斬新な方法で拡張できます。 ユーザーにアプリの機能を適切なタイミングで紹介し、グラスがモバイルアプリのシームレスな拡張機能のように感じられるようにします。ユーザーのオンボーディングを行う際は、以下のベスト プラクティスに従って、ユーザーが適切な権限を持ち、グラスの使用方法やアプリ関連機能の使用方法を理解できるようにします。 一般的なアプリのオンボーディングと認証について詳しくは、モバイル ユーザー のオンボーディングをご覧ください。

使い方と配置

グラスのオンボーディングには、次のものを含めることができます。

  • グラスの検出
  • グラスとモバイルでの機能の検出
  • 権限の設定
  • ユーザー向け情報

オンボーディング関連のフローは、コンテキストに応じて、事前に、グラスで、またはコンパニオン アプリ内で発生する可能性があります。

コンテキストに応じたオンボーディング

グラス関連の機能を紹介する場合は、ジャストインタイムのアプリ内での情報提供と権限付与に限定します。つまり、ユーザーが機能に遭遇したときにのみ行います。

適切なタイミングのオンボーディングの例

これにより、ユーザーは機能がより関連性が高く使いやすいときに機能について学習できるため、忘れにくくなります。また、リピーターにも適しています。検出プロセスは、ユーザーがグラスを初めてペア設定したときにトリガーされる可能性があるためです。

事前オンボーディング

情報提供と権限付与は、アプリの事前オンボーディング(またはウェルカム プレースメント)の一部にすることもできます。このアプローチは、アプリのオンボーディングが次のいずれかに該当する場合に有効です。

  • グラスの統合がアプリのコア エクスペリエンスに不可欠である
  • ユーザーがすぐに機能を使用する
  • ユーザー向け情報提供フローを長くする予定である

事前オンボーディングでは、オンボーディング後に忘れてしまう可能性があるため、価値提案や情報提供のタイミングと見なしてください。

大規模なオンボーディング フローの一部として含める場合は、グラスが検出された場合にグラスが利用可能であることをユーザーに通知するかどうかを決定できます。

オンボーディング フローに追加する注意

インテリジェント グラスでのオンボーディング

ユーザーはグラスからアプリを呼び出すことができます。初めて使用する場合は、ウェルカム メッセージを表示し、適切な権限を付与し、AI グラスの機能の使用方法を教える必要があります。

独自の機能の使用方法について、簡潔な音声と視覚的なフィードバックを提供します。
グラスに登録などの複雑なオンボーディング フローを含めないでください。代わりに、モバイル デバイスに引き渡します。

コンパニオン アプリによるオンボーディング

コンパニオン アプリは、ユーザーの AI グラスの設定、サポート、設定の中心となるものです。ここでグラスをペア設定し、基本的な使用方法を学びます。コンパニオン アプリでは、グラスと Gemini のペア設定と使用方法をユーザーに説明するため、アプリにこのような基本的なコンセプトを含める必要はありません。代わりに、アプリ独自の機能に焦点を当ててください。コンパニオン アプリでは、Google Play ストアにアクセスしてアプリを検出することもできます。

初回の設定

ユーザーはいくつかの方法でアプリのグラス機能を見つけて使用を開始できるため、複数のエントリ ポイントを考慮することが重要です。特定の条件を満たす場合は、これらの方法を初めて使用するユーザー向けのエクスペリエンスにする必要があります。たとえば、ユーザーがグラスをペア設定する前にオンボーディングを完了し、グラスをペア設定した状態でアプリに戻る場合があります。この場合は、グラスの機能検出をトリガーするのに最適なタイミングです。

モバイルアプリ

モバイルアプリ内でグラスがペア設定されて検出された場合は、機能検出を促し、続いて情報提供と権限の準備を行います。ユーザーが権限を付与したら、グラスに引き渡します。

モバイルからメガネへのオンボーディング フローを簡略化

権限について詳しくは、こちらをご覧ください。

オンボーディングの例については、Android Onboarding Figma Kit をご覧ください。

インテリジェント グラス

ユーザーがグラスからアプリのグラス アクティビティを初めて開始する場合は、権限の準備を促し、必要な権限を付与するためにスマートフォンに引き渡す必要があります。完了したら、アプリ内(視覚的なウォークスルーの場合)またはグラス アクティビティ内で情報提供を行うことができます。

アプリが Gemini に接続されているが、Gemini アプリがダウンロードされていない場合は、まずモバイル デバイスにアプリをダウンロードするよう求められます。

グラスのオンボーディング フロー

音声キュー、イアコン、ジェスチャー ヒントを使用して、Glass アクティビティ内でユーザー向け情報を提供できますが、1 つのモーダル サマリーでより適切に使用方法を伝えられるかどうかを検討してください。

グラスのオンボーディング フロー

ユーザー向け情報提供の方法に関係なく、ユーザーが初めてグラス アクティビティを使用するときは、音声キューを使用してウェルカム メッセージを表示します。

教育

グラス アクティビティの使用方法をユーザーに知らせることで、どこでどのように使用すればよいかを推測する必要がなくなります。

コンテキストに応じたジャストインタイムの情報提供は、グラスにアクセスする場所と、グラスに関連付けられている機能をユーザーに知らせるのに役立ちます。

インタースティシャル広告に関するユーザー向け情報

情報提供フローでは、次の点を強調します。

  • 試してみるための特別な呼び出しやアクション。
  • 独自の入力マッピングまたはジェスチャー。
  • 試してみるための特別な呼び出しやアクション。
  • 独自の入力マッピングまたはジェスチャー。
  • カメラまたはマイクを使用する場合は、その使用についてユーザーに通知し、アプリで必要な理由を説明します。

    利用可能な機能をユーザーに推測させないでください。ユーザーに何をすべきかについての提案や指示を与えます。

機能検出は 1 か所にとどまる必要はありません。グラス アクティビティ内で 1 つ以上の機能に異なるタイミングでアクセスできる場合は、コーチマークまたはツールチップで示します。

ユーザー向け情報の例

リソース

オンボーディング テンプレート、ユーザーフロー、ユーザー向け情報提供アセットについては、 Android Onboarding Figma Kit をご覧ください。また、グラスのユーザー 向け情報提供モーション アセット After Effects ファイル をダウンロードして、アプリ内で情報提供用のモーショングラフィックをカスタマイズして 実装することもできます。

モーション アセットの色合いをカスタマイズするには、After Effects ファイルをダウンロードして開きます。

  1. [Master Color composition] を開きます。

  2. カラーフィールドのレチクルとカラープレーン スライダーを使用します。

  3. 16 進数値を入力します。

モーショングラフィックは、レンダリングして Lottie 形式でエクスポートできます。

After Effects のメニューのカラー選択ツール

Android Onboarding Figma Kit には、Android のさまざまなフォーム ファクタで使用できるオンボーディングの例と静的アセットが含まれています。

ファイルを複製したら、[Intelligent eyewear Welcome sequence] ページに移動して、インテリジェント グラスの推奨 UX フローを確認します。

[Intelligent eyewear Instructional illustrations] ページでは、モバイルアプリ内で使用するユーザー向け情報提供アセットを確認できます。

復元

さまざまなオンボーディング フェーズでのエラー処理を考慮します。

  • グラスのペア設定が解除された場合は、ユーザーに通知します。
  • ユーザーが権限を付与していない場合、または以前に拒否された場合は、ユーザーに通知し、権限をリクエストできる設定にディープリンクします。
  • グラスの機能の使用方法を再学習したり、理解を深めたりするためのヘルプとサポートへのリンクを含めることを検討してください。

コンポーネントとパターン

Jetpack Compose Glimmer コンポーネント、イヤーコン音声キューを使用して、グラス アクティビティ内でユーザー向け情報を提供します。

  • グラスでのオンボーディングは、音声フォーカスの状態に従う必要があります。
  • 視覚的な要素については、ジェスチャー ヒント、ボタン、および カードの使用を検討してください。
  • モバイル オンボーディングの一般的なレイアウトとコンポーネントについて確認します。
  • グラスでのオンボーディングは、音声フォーカスの状態に従う必要があります。
  • 視覚的な要素については、ジェスチャー ヒント、ボタン、および カードの使用を検討してください。
  • モバイル オンボーディングの一般的なレイアウトとコンポーネントについて確認します。