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 mostrare schede facoltative con le manovre e i dettagli della superficie, nonché gli avvisi di navigazione.

Include:

Wireframe del modello di navigazione

Visualizzazione 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 mappa

Le mappe nel cluster devono essere:

  • Rendering indipendente, ma se vuoi puoi copiare la schermata principale.
  • Non interattivo. Gli elementi interattivi, come i pulsanti, vengono rimossi.
  • Tema scuro. Ti consigliamo vivamente di disegnare una versione con tema scuro della mappa del cluster, 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 mostrato sul display principale (in AAP).

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

Esempi di cluster e schermate centrali

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

Dettagli carta di routing

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

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

  1. Passaggio attuale: include un'icona (in genere una freccia di direzione), distanza e testo del consiglio (che può includere intervalli dell'immagine come gli indicatori di percorso)
  2. Indicazioni corsie (facoltativo): mostrate come semplici immagini dell'assistente di corsia o come immagine di giunzione più grande (dimensioni flessibili con altezza massima di 200 dp)
  3. Passaggio successivo (facoltativo): include un'icona e un segnale e può essere visualizzato solo nella parte inferiore di una scheda dei percorsi che non include un'immagine di raccordo

Un'altra opzione in 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 carta di routing

Quando la scheda per i percorsi è in stato messaggio, visualizza un messaggio anziché le indicazioni stradali per i percorsi. Il messaggio può essere utilizzato per comunicare situazioni come l'arrivo a una destinazione o errori del percorso.

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

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

Notifiche di navigazione: passo passo e standard

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

Notifiche TBT: quando un'app fornisce indicazioni TBT basate su testo, deve anche attivare le notifiche TBT. Queste notifiche vengono utilizzate per mostrare le indicazioni stradali 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 regolari (non TBT) (come mostrato qui) o utilizzare avvisi di navigazione. Possono essere visualizzati anche quando è visualizzata la scheda relativa ai percorsi.

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.

Ogni avviso include:

  • Titolo e sottotitolo facoltativo
  • Icona (facoltativa)
  • Indicatore di avanzamento: una barra o (facoltativamente) incorporata in un pulsante a tempo
  • Fino a due pulsanti, in cui un pulsante può essere contrassegnato come principale o come pulsante timer (con un indicatore di avanzamento, come mostrato nella figura precedente)

Gli avvisi possono essere ignorati in uno dei seguenti modi:

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

Modello di navigazione, nessuna interazione
Modello di navigazione, nessuna interazione

Mappa a schermo intero quando la navigazione e l'interattività della mappa non sono attive (esempio di Android Auto)

Scheda dei percorsi con la stima dei viaggi, la barra delle azioni (in alto) e la barra delle azioni sulla mappa (in basso a destra) durante la navigazione attiva.

Requisiti UX dei modelli di navigazione

Sviluppatori di app:

DEVE Mostra almeno una manovra su una carta dei percorsi.
DEVE Includi almeno un pulsante di azione nella barra delle azioni per abilitare i flussi utente.
DEVE Includi un pulsante per la panoramica nella barra delle azioni sulla 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 sulla 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 dell'incrocio solo per mostrare contenuti pertinenti alla navigazione, coprendo la larghezza della scheda con l'immagine.
DOVREBBE Fornisci immagini delle corsie con sfondi trasparenti per confondersi con lo sfondo delle schede dei percorsi.
DOVREBBE Utilizza gli avvisi solo per informazioni che non distraggono e pertinenti all'attività di navigazione in corso.
MAG Mostra un breve testo 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 percorso quando si verificano in rapida successione.
MAG Includi immagini come gli indicatori di percorso nel testo della scheda di routing (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 della stima delle corse, in base alle tue esigenze.
MAG Traccia sulla mappa i dettagli e gli avvisi relativi alla guida, come la velocità attuale, il limite di velocità e la fotocamera davanti a te.
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.