ナビゲーション テンプレート

ナビゲーション テンプレートは、ベースマップとオプションの経路情報を表示します。

テキストベースのターンバイターン方式のルート案内なしで運転している場合、アプリはリアルタイムで更新される全画面の地図を表示できます。ナビゲーション実行中、アプリは、ルート案内やサーフェスの詳細、ナビゲーション アラートを含むオプションのカードを表示できます。

ナビゲーション テンプレートには次のものが含まれます。

ナビゲーション テンプレートのワイヤフレーム

クラスタ内の地図表示

ナビゲーションが有効な場合、アプリはナビゲーション テンプレートを使用してインストルメント クラスタに地図を表示できます。クラスタは、ハンドルの後ろにあるダッシュボードの領域です。

クラスタ内のマップは次の目的で使用されます。

  • 個別にレンダリングされますが、必要に応じてメイン ディスプレイをコピーできます。
  • 非インタラクティブ。ボタンなどのインタラクティブな要素が削除されます。
  • ダークモード。ドライバーの注意が道路からそれる可能性を減らすため、クラスタマップのダークテーマ バージョンを描画することを強く推奨します。

クラスタ内のアプリの地図は、ナビゲーションの状態、車両 OEM の設定(AAOS の場合)、メインディスプレイに表示されている内容(AAP の場合)などの要因に応じて、特定のタイミングでのみ表示されます。

クラスタを含むユーザーフローの例については、クラスタ内の地図を表示するをご覧ください。

クラスタとセンター画面の例

ルートの概要地図を含む地図クラスタのワイヤーフレーム
ここでは、アプリはクラスタに拡大地図を表示し、中央の画面にルートの概要地図を表示しています。
設定のあるマップ クラスタのワイヤフレーム
ここでは、ユーザーがセンター画面で車の設定を調整している間も、アプリの地図がクラスタに表示され続けます。

ルーティング カードの詳細

ルーティング状態のルーティング カードの詳細のモックアップ

ルーティング カードがルーティング状態(メッセージ状態ではない状態)の場合、次の情報が表示されます。

  1. 現在のステップ: アイコン(通常は方向矢印)、距離、キューテキスト(ルートマーカーなどの画像スパンを含む場合がある)を含む
  2. 車線案内(省略可): シンプルな車線アシスト画像または大きなジャンクション画像(高さ最大 200 dp の柔軟なサイズ)として表示されます。
  3. 次のステップ(省略可): アイコンとキューを含み、ジャンクション画像を含まないルート案内カードの下部にのみ表示される

ルーティング状態のもう 1 つのオプションは、ルーティング カードにスピナー アニメーション(ここでは示されていません)を表示して、読み込み、計算、再ルーティングなどの一時的な状態を示すことです。

状況によっては、 運転中に経由地を追加するで示されているように、フローティング ナビゲーション バーに経路情報が表示されることがあります。

ルーティング カードのメッセージの状態

ルーティング カードがメッセージ状態の場合、ルーティングの指示ではなくメッセージが表示されます。このメッセージは、目的地への到着やルートの失敗などの状況を伝えるために使用できます。

メッセージの状態では、転送カードに次の情報を含めることができます。

  • ルーティング関連の空でないメッセージ(最大 2 行)
  • 画像またはアイコン(省略可)
ルーティング カードのメッセージ状態のモックアップ

ナビゲーション通知: ターンバイターン(TBT)と通常の通知

TBT 通知を含むルートカード
通常の通知を含むルーティング カード

TBT 通知: アプリがテキストベースの TBT ルート案内を提供する場合、TBT 通知もトリガーする必要があります。これらの通知は、ナビゲーション テンプレートの外部で TBT の指示を公開するために使用されます。アプリは、視認性を高めるために TBT 通知の背景色をカスタマイズできます。

通常の通知: ナビゲーション アプリは、ルート設定の変更など、ナビゲーションに関連するその他のメッセージを伝えるために、通常の(TBT 以外の)通知(こちらを参照)を送信したり、ナビゲーション アラートを使用したりすることもできます。これらのボタンは、ルート案内カードが表示されている場合でも表示されます。

ナビゲーション アラート

ナビゲーション アラートは、ナビゲーション ルートをブロックしない形式で、簡潔な一時的なメッセージとオプションのアクションを提供します。コンテンツはシンプルで、ナビゲーション タスクに関連している必要があります。たとえば、交通状況の変化を説明したり、お客様を迎えに行けるかどうかを尋ねたりするアラートが表示されることがあります。

各アラートには次のものが含まれます。

  • タイトルとサブタイトル(省略可)
  • アイコン(省略可)
  • 進行状況インジケーター - バーまたは(オプションで)時間指定ボタンに組み込まれたもの
  • 最大 2 つのボタン。ボタンはプライマリまたはタイムド ボタン(前の図に示すように進行状況インジケーター付き)として指定できます。

アラートは、次のいずれかの方法で閉じることができます。

  • ユーザーがアクションを選択した場合
  • X 秒後にタイムアウト(構成可能)
  • ユーザーの操作なしでアプリが閉じられる
この先にあるスピード違反取締区間を示すナビゲーション アラート

ナビゲーション テンプレートの例

ナビゲーション テンプレート、インタラクションなし
ナビゲーションと地図の操作が行われていないときの全画面地図(Android Auto の例)
ナビゲーション テンプレート、インタラクションなし
アクティブなナビゲーション中の、所要時間、アクション ストリップ(上部)、FAB(右下)を含む経路カード。

ナビゲーション テンプレートの UX 要件

アプリ デベロッパー:

必須 ルーティング カードに少なくとも 1 つの操作を表示します。
必須 ユーザー フローを有効にするには、アクション ストリップに 1 つ以上のアクション ボタンを含めます。
必須 アプリがパン ジェスチャーをサポートしている場合は、マップ アクション ストリップにパンボタンを含めます。
すべきである クラスタに表示される地図でダークモードを使用します。
すべきである マップ アクション ストリップには、マップ インタラクティビティに関連するボタン(コンパス、センタリング、3D モードなど)のみを含めます。
すべきである ターンバイターン方式の経路案内を提供する際に、ナビゲーションを終了するボタンを含めます。
すべきである 国際的な記号や国固有の記号と標準化されているか、一貫性のある記号を使用します。
すべきである ジャンクション画像は、ナビゲーションに関連するコンテンツを表示する場合にのみ使用し、カードの幅全体に画像を表示します。
すべきである 背景が透明なレーン画像を提供して、ルートカードの背景とブレンドします。
すべきである アラートは、現在のナビゲーション タスクに関連する、気を散らさない情報にのみ使用します。
してもよい レーンの下に短い補足テキストを表示し(Roboto 24 を推奨)、ハイライト表示されていないレーンのコントラスト比を下げます。
してもよい 2 つの操作が連続して行われる場合、ルーティング カードに 2 つの操作を表示します。
してもよい ルーティング カードのテキスト(現在のステップと次のステップ)に、ルートマーカーなどの画像を含めます。
してもよい テキストベースのターンバイターン方式のナビゲーションを使用していない場合、またはフリードライブ モードの場合、ユーザーが運転しているときに地図全体を表示します。
してもよい 必要に応じて、ルートカードと所要時間予測コンポーネントの表示 / 非表示を切り替えます。
してもよい 現在の速度、制限速度、この先のカメラなど、運転に関連する詳細情報やアラートを地図上に描画します。
してもよい ルートカードの背景色をカスタマイズし、ナビゲーション セッション中に道路の種類やその他の関連する条件を反映するように変更します。

リソース

タイプ リンク
API リファレンス NavigationTemplate, NavigationTemplate.Builder
デベロッパー ガイド ナビゲーション テンプレートにアクセスする