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

ナビゲーション テンプレートには、基本地図とオプションのルーティング情報が表示されます。

ユーザーがテキストベースのルート案内なしで運転している場合、アプリはリアルタイムで更新される全画面マップを表示できます。ナビゲーションの使用中、アプリは操作やサーフェスの詳細、ナビゲーション アラートを含むオプションのカードを表示できます。

このテンプレートを タブ テンプレートに埋め込むと、タブナビゲーションを実現できます。

内容:

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

クラスタ内の地図表示

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

地図クラスタのワイヤーフレーム

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

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

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

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

クラスタと中央画面の例

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

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

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

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

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

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

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

ルーティング カードのメッセージのステータス

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

メッセージのステータスでは、ルーティング カードに次の情報を含めることができます。

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

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

TBT 通知を含むルーティング カード
通常の通知が含まれるルーティング カード

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

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

ナビゲーション アラート

ナビゲーション アラートは、ナビゲーション ルートを妨げない形式で、簡潔な一時的なメッセージとオプションのアクションを提供します。コンテンツはシンプルで、ナビゲーション タスクに関連している必要があります。たとえば、交通状況の変化を説明したり、ドライバーが乗客を乗せることができるかどうかを尋ねたりするアラートがあります。

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

  • タイトルとサブタイトル(省略可)
  • アイコン(省略可)
  • 進行状況インジケーター - バーまたは(必要に応じて)時間制限付きボタンに組み込まれたインジケーター
  • 最大 2 つのボタン。ボタンはプライマリまたは時間制限付きボタン(前述の図に示す進行状況インジケーター付き)として指定できます。

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

  • ユーザーが任意のアクションを選択する
  • X 秒後にタイムアウト(構成可能)
  • ユーザーの操作なしでアプリを閉じる
ナビゲーション アラート

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

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

アプリ デベロッパー:

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