Modello di navigazione

Il modello di navigazione presenta una mappa di base e informazioni facoltative sul routing.

Quando un utente sta guidando senza indicazioni stradali passo passo basate su testo, le app possono mostrare una mappa a schermo intero aggiornata in tempo reale. Durante la navigazione attiva, le app possono visualizzare schede facoltative con le manovre e i dettagli della superficie, nonché gli avvisi di navigazione.

Questo modello può essere incorporato nel modello di scheda per fornire la navigazione a schede.

Include:

  • Mappa base a schermo intero disegnata dall'app
  • Scheda di routing (facoltativa) con le prossime manovre
  • Scheda per la stima di viaggio (facoltativa) con l'ora di arrivo (orario di arrivo stimato), il tempo per arrivare a destinazione e la distanza rimanente (o una visualizzazione di informazioni alternative con opzioni di testo e icone personalizzate)
  • Striscia di azioni con un massimo di 4 azioni app, visibili solo come descritto in Visibilità delle barre di azioni
  • Striscia facoltativa di azioni sulla mappa con un massimo di 4 pulsanti per l'interattività sulla mappa
Wireframe del modello di navigazione

Visualizzazione della mappa nel cluster

Durante la navigazione attiva, le app possono visualizzare una mappa nel quadro strumenti utilizzando il modello di navigazione. Il cluster è l'area del cruscotto dietro il volante. Questa opzione è attualmente disponibile solo per i partner con accesso in anteprima.

Wireframe del cluster di mappe

Le mappe nel cluster devono essere:

  • Viene visualizzato in modo indipendente, ma, se lo desideri, puoi copiare la schermata principale.
  • Non interattiva. Gli elementi interattivi come i pulsanti vengono rimossi.
  • Tema scuro. Si consiglia vivamente di tracciare una versione a tema scuro della mappa dell'ammasso stellare, per ridurre le possibilità di attirare l'attenzione del conducente lontano dalla strada.

La mappa dell'app nel cluster verrà visualizzata solo in determinati momenti, a seconda di fattori quali lo stato di navigazione, la preferenza dell'OEM del veicolo (in AAOS) e ciò che viene visualizzato sul display principale (in AAP).

Per un flusso utente di esempio che interessa il cluster, consulta Visualizzare una mappa nel cluster.

Esempi di cluster e schermate centrali

Wireframe di un cluster di mappe con una mappa panoramica del percorso
In questo caso, l'app mostra una mappa in primo piano nel cluster, mentre nella schermata centrale è mostrata una panoramica del percorso.
Wireframe di un cluster di mappa con impostazioni
In questo caso, la mappa dell'app continua a essere visualizzata nel cluster mentre l'utente regola le impostazioni dell'auto sullo schermo centrale.

Dettagli della carta di routing

Simulazioni dei dati di una carta di routing in stato di routing

Quando la scheda di routing è in stato di routing (e non in stato di messaggio), mostra le seguenti informazioni:

  1. Passaggio corrente: include un'icona (di solito una freccia direzione), la distanza e il testo del consiglio (che può includere intervalli dell'immagine come gli indicatori di percorso)
  2. Indicazioni delle corsie (facoltativo): visualizzate come semplici immagini di corsia assistite o come immagine di giunzione più grande (dimensione flessibile con altezza massima di 200 dp)
  3. Passaggio successivo (facoltativo): include icona e segnale e può essere visualizzato solo nella parte inferiore di una scheda di routing che non include un'immagine di incrocio

Un'altra opzione nello stato di routing è che la scheda di routing mostri un'animazione della rotellina (non mostrata qui) per indicare stati temporanei come il caricamento, il calcolo o il reindirizzamento del percorso.

In alcuni casi, le informazioni sui percorsi possono essere visualizzate in una barra di navigazione mobile, come mostrato in Aggiungere una fermata durante la guida.

Stato del messaggio della scheda di routing

Quando la scheda di routing è in stato messaggio, mostra un messaggio anziché le indicazioni di routing. Il messaggio può essere utilizzato per trasmettere situazioni come l'arrivo a una destinazione o errori di percorso.

Nello stato del messaggio, la scheda di routing può includere:

  • Un messaggio relativo al routing non vuoto di massimo 2 righe
  • Un'immagine o un'icona (facoltativa)
Esempio di stato del messaggio della carta di routing

Notifiche di navigazione: passo passo e standard

Carta di routing con notifica TBT
Scheda di routing con notifica regolare

Notifiche TBT: quando un'app fornisce indicazioni TBT basate su testo, deve attivare anche le notifiche TBT. Queste notifiche vengono utilizzate per mostrare le direzioni TBT al di fuori del modello di navigazione. Le app possono personalizzare il colore di sfondo delle notifiche TBT per una maggiore visibilità.

Notifiche regolari: per comunicare altri messaggi relativi alla navigazione, ad esempio modifiche alle impostazioni del percorso, le app di navigazione possono anche inviare notifiche standard (non TBT) (come mostrato qui) o utilizzare avvisi di navigazione. Questi messaggi possono essere visualizzati anche quando è visualizzata la scheda di routing.

Avvisi di navigazione

Gli avvisi di navigazione forniscono un breve messaggio temporaneo e azioni facoltative in un formato che non blocca il percorso di navigazione. I contenuti devono essere semplici e pertinenti all'attività di navigazione. Ad esempio, l'avviso potrebbe descrivere un cambiamento delle condizioni del traffico o chiedere se il conducente può ritirare un cliente.

Ciascun avviso include:

  • Titolo e sottotitolo facoltativo
  • Icona (facoltativa)
  • Indicatore di avanzamento: una barra o (facoltativamente) integrata in un pulsante a tempo
  • Fino a 2 pulsanti che possono essere designati come principali o come pulsante temporizzato (con un indicatore di avanzamento, come mostrato nella figura precedente)

Gli avvisi possono essere ignorati in uno dei seguenti modi:

  • Selezione dell'utente di qualsiasi azione
  • Timeout dopo X secondi (configurabile)
  • Chiusura dell'app senza azione dell'utente
Avviso di navigazione

Modello di navigazione, nessuna interazione
Mappa a schermo intero quando non sono presenti interattività di navigazione e mappa (esempio di Android Auto)
Modello di navigazione, nessuna interazione
Scheda di routing con stima del viaggio, barra delle azioni (in alto) e FAB (in basso a destra) durante la navigazione attiva.

Requisiti per l'esperienza utente dei modelli di navigazione

Sviluppatori di app:

DEVE Mostra almeno una manovra su una carta di calcolo dei percorsi.
DEVE Includi almeno un pulsante di azione nella barra delle azioni per abilitare i flussi di utenti.
DEVE Includi un pulsante di panoramica nella barra di azione della mappa se l'app supporta i gesti di panoramica.
DOVREBBE Utilizza un tema scuro sulle mappe visualizzate nel cluster.
DOVREBBE Includi solo i pulsanti relativi all'interattività della mappa nella barra delle azioni della mappa (ad esempio bussola, riposizionamento o modalità 3D).
DOVREBBE Includi un pulsante per terminare la navigazione quando fornisci indicazioni stradali passo passo.
DOVREBBE Utilizza simboli standardizzati o coerenti con quelli internazionali o specifici del paese.
DOVREBBE Utilizza l'immagine di giunzione solo per mostrare i contenuti pertinenti alla navigazione, estendendo la larghezza della scheda con l'immagine.
DOVREBBE Fornisci immagini delle corsie con sfondi trasparenti da combinare con lo sfondo delle schede di routing.
DOVREBBE Utilizza gli avvisi solo per le informazioni che non distraggono e pertinenti all'attività di navigazione corrente.
MAG Visualizza un testo breve di supporto sotto una corsia (opzione consigliata Roboto 24) e un rapporto di contrasto inferiore per le corsie non evidenziate.
MAG Mostra due manovre su una carta di routing quando avvengono in rapida successione.
MAG Includi immagini come gli indicatori di percorso nel testo della scheda dei percorsi (passaggio attuale e passaggio successivo).
MAG Mostra una mappa completa quando l'utente sta guidando senza indicazioni stradali passo passo basate su testo o è in modalità di guida libera.
MAG Scegli se mostrare o nascondere i componenti della scheda dei percorsi e delle stime delle corse in base alle tue esigenze.
MAG Traccia sulla mappa dettagli e avvisi relativi alla guida, come la velocità attuale, il limite di velocità e la videocamera più avanti.
MAG Personalizza il colore di sfondo delle schede dei percorsi e modificalo durante la sessione di navigazione in base al tipo di strada o ad altre condizioni pertinenti.