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

Navigation テンプレートは、基本地図とオプションの経路情報を提供します。

テキストベースのターンバイターンのルート案内を使用せずに運転しているとき、アプリはリアルタイムで更新された全画面地図を表示できます。アクティブなナビゲーション中に、アプリは、運転操作やサーフェスの詳細を含むオプションのカード、ナビゲーション アラートを表示できます。

内容:

Navigation テンプレートのワイヤーフレーム

クラスタ内の地図表示

ナビゲーション テンプレートを使用して、アプリでインストルメント クラスタに地図を表示できます。クラスタとは、ダッシュボードのハンドルの後ろの領域です。現在、このオプションは早期アクセス パートナーのみご利用いただけます。

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

クラスタ内のマップは次のことを想定しています。

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

クラスタ内のアプリの地図は、ナビゲーションの状態、車両 OEM の設定(AAOS で)、メイン ディスプレイに表示されているもの(AAP で)などの要因に応じて、特定の時間にしか表示されません。

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

クラスタと中央画面の例

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

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

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

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

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

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

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

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

ルーティング カードが message 状態の場合、ルーティング経路ではなくメッセージが表示されます。このメッセージは、目的地に到着した場合や経路の不具合を伝える場合に使用できます。

メッセージ状態では、ルーティング カードには次のものが含まれます。

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

ナビゲーション通知: ターンバイターン方式(TBT)および通常の通知

TBT 通知のあるルーティング カード
通常の通知があるルーティング カード

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

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

ナビゲーション アラート

ナビゲーション アラートは、短い一時的なメッセージと任意のアクションをナビゲーション ルートをブロックしない形式で表示します。コンテンツはシンプルでナビゲーション タスクに関連するものにしてください。たとえば、交通状況の変化を知らせる場合や、ドライバーが顧客を迎えられるかどうかを尋ねる場合があります。

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

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

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

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

ナビゲーション テンプレート、インタラクションなし
ナビゲーション テンプレート、インタラクションなし

ナビゲーションや地図のインタラクティビティが発生していない場合の全画面地図(Android Auto の例)

ナビゲーション使用時の推定所要時間、アクション ストリップ(上)、マップ アクション ストリップ(右下)が表示されたルート カード。

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

アプリ デベロッパー:

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