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:
- Mappa base a schermo intero disegnata dall'app
- Carta di routing (facoltativa) con prossime manovre
- Scheda per la stima di viaggio (facoltativa) con l'orario di arrivo previsto, l'ora di arrivo e la distanza rimanente (o una visualizzazione alternativa delle informazioni con opzioni di icone e testo personalizzati)
- Striscia delle azioni con un massimo di quattro azioni nell'app, visibili solo come descritto nella sezione Visibilità delle sezioni delle azioni
- Striscia facoltativa delle azioni sulla mappa con un massimo di 4 pulsanti per l'interattività della mappa
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.
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
Dettagli carta di routing
Quando la scheda di routing è in stato di routing (anziché in stato di messaggio), mostra le seguenti informazioni:
- 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)
- 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)
- 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)
Notifiche di navigazione: passo passo e standard
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
Esempi di modelli di navigazione
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. |