リモート セットアップ環境を作成する

これらの手順は、電話から車へのリモート セットアップとアカウント転送をサポートするために作成およびカスタマイズする必要がある画面を理解するのに役立ちます。

リモート Google 組み込みセットアップをフローに統合する場合は、次の手順を実行します。

  1. アプリにエントリポイントを作成する
  2. 車内ランディングページをデザインする
  3. QRコードスキャンをサポート
  4. ロード画面のデザイン
  5. フローを完了し、ユーザーの注意を向け直す
  6. エントリポイントを更新する
  7. 互換性のないアプリを特定する

ここで説明されているベスト プラクティスに加えて、一般的な UX 要件の完全なリストも参照してください。

役割と責任

リモート設定フローの設計は、お客様とGoogleの双方が担う役割です。タスクの分担は以下のとおりです。

あなたの役割Googleの役割
シームレスな統合を確実にするために、次の責任があります。
  • コンパニオンアプリのセットアップフローに適したエントリポイントを作成します。エントリポイントには、初回使用時のプロンプト、アプリのオンボーディングフローのステップ、アプリの設定オプションなど、より広範なリモートセットアップフローが含まれます。エントリポイントの作成について詳しくは、 「アプリにエントリポイントを作成する」をご覧ください。
  • Googleが提供する車載設定画面をデザインおよびカスタマイズするか、独自の画面を使用します。これらの画面のデザインについて詳しくは、車載ランディングページのデザインをご覧ください。
  • 必要に応じて導入画面と完了画面を追加し、移行フローを調整します。アプリの関連付けとアカウント移行の手順をつなぐ遷移画面を作成します。詳細については、 「QRコードスキャンのサポート」をご覧ください。
  • セットアップ完了後の処理の決定:例えば、アプリと車載画面の両方からセットアップのエントリポイントを削除できます。詳しくは、エントリポイントの更新をご覧ください。
ユーザーのリモート セットアップをサポートするために、Google は次の責任を負います。
  • リモート セットアップ フロー: Google は、Google サービスへのログインと同意を含む、完全なリモート セットアップ WebView フローと機能を提供します。
  • アカウント移行フロー: Google は、Google アカウント移行フローの機能を提供しています。
  • UI コンポーネント: Google は、採用またはカスタマイズできるコンポーネントの UI ライブラリを提供しています。

アプリにエントリポイントを作成する

複数のサーフェスにリモート Google 組み込みセットアップへのエントリ ポイントを作成できます。エントリ ポイントの設計方法を決定する際には、以下の設計原則を考慮してください。

  • 積極的に行動する:マーケティング資料、ディーラーとのコミュニケーション、車内でのセットアップなどを通じて、アプリでのリモート セットアップについてユーザーに積極的に伝えます。
  • 発見しやすさの向上:ユーザーがGoogleの組み込みリモート設定について理解しやすいように、1つまたは複数の自然なエントリポイントを組み込むことを検討してください。効果的な選択肢としては、次のようなものがあります。
    • アプリのオンボーディングフローの一部
    • 初回使用時のプロンプト
    • アプリのホームページまたは設定のオプション

車内ランディングページをデザインする

ユーザーにとっては、リモート セットアップを完了していても、初めて車に近づくときには多少の不安が伴う可能性があります。

アカウント移行を完了するためにユーザーが行う必要があることを明確に伝える強力なランディング ページを開発して、スムーズな移行を実現します。

ランディングページでは、ユーザーがスマートフォンまたは車載スクリーンでセットアップを完了することを選択できます。ランディングページは、リモートセットアップを既に行ったユーザーと行っていないユーザーの両方に対応していることを念頭に置き、両方のユースケースに対応できるように設計してください。

Example of in-car landing page

ボタンを使用してユーザーを車内設定に誘導する例

QRコードスキャンをサポート

ユーザーは車からスマートフォンの画面にどう移行すればいいかわからないことがあるため、明確で簡単な QR スキャン フローを作成して、プロセスを簡単に実行できるようにすることが重要です。

カメラのアクセスやスキャンなどの使い慣れたパターンに基づいて QR スキャン フローを実装します。

カメラの許可を与え、QR コードをスキャンするように促す

ロード画面のデザイン

Google サインインの準備をしながら、携帯電話が車に接続されていることを示す遷移画面を設計します。

この読み込み画面には、ブランドイメージと密接に連携した動的なアニメーションとメッセージを含める必要があります。

フローを完了し、ユーザーの注意を向け直す

QRコードをスキャンした後、ユーザーはGoogleのサインインフローに進みます。サインインの確認メッセージを表示し、ユーザーの注意を車の画面に戻します。

この遷移画面には、ブランドイメージと密接に連携した動的なアニメーションとメッセージを含める必要があります。

車に設定を同期しています

エントリポイントを更新する

セットアップを完了したユーザーの場合は、アプリのエントリ ポイントを完全に削除するか、メッセージや UI アフォーダンスを通じてセットアップが完了したことを通知して、アプリのエントリ ポイントを更新する必要があります。

互換性のないアプリを特定する

お客様が選択したアプリが、車内で利用できなくなっている場合があります。そのようなアプリは動作しないということをお客様にご理解いただくことが重要です。その上で、お客様が気に入る可能性のある代替アプリを見つけてダウンロードしていただくようお願いしています。

互換性のないアプリの例