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

Navigation テンプレートは、基本地図とオプションのルーティング情報を表示します。

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

このテンプレートをタブ テンプレートに埋め込んで、タブ形式のナビゲーションを提供できます。

内容:

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

クラスタでの地図表示

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

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

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

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

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

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

クラスタ画面と中央画面の例

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

銀行コード情報

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

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

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

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

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

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

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

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

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

ナビ通知: ターンバイターン(TBT)および標準

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

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

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

ナビのアラート

ナビゲーション アラートは、ナビゲーション ルートをブロックしない形式で、簡潔で一時的なメッセージとオプション アクションを提供します。コンテンツはシンプルでナビゲーション タスクとの関連性が高いものにしましょう。たとえば、交通状況の変化を通知したり、ドライバーが顧客を迎えに行くかどうかを確認したりできます。

各アラートには以下の内容が含まれます。

  • タイトルとサブタイトル(省略可)
  • アイコン(省略可)
  • 進行状況インジケーター - バーまたは(必要に応じて)時間指定ボタンに組み込まれている
  • 最大 2 つのボタン。1 つのボタンをメインまたは時間指定ボタン(上の図のような進行状況インジケーター付き)に指定できます。

アラートは、次のいずれかによって非表示にできます。

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

ナビゲーション テンプレート、インタラクションなし
ナビゲーションとマップのインタラクティビティが発生していないときの全画面表示の地図(Android Auto の例)
ナビゲーション テンプレート、インタラクションなし
ナビゲーション使用時の推定所要時間、アクション ストリップ(上部)、FAB(右下)を含むルーティング カード。

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

アプリ デベロッパー:

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