Il modello Navigazione presenta una base map e informazioni sul percorso facoltative.
Quando un utente guida senza indicazioni stradali passo-passo basate su testo, le app possono mostrare una mappa a schermo intero che si aggiorna in tempo reale. Durante la navigazione attiva, le app possono mostrare schede facoltative con manovre e dettagli della superficie, nonché avvisi di navigazione.
Il modello di navigazione include quanto segue:
- Mappa base a schermo intero disegnata dall'app
- Scheda di routing (facoltativa) con le prossime manovre
- Scheda di stima del viaggio (facoltativa) con orario di arrivo stimato (ETA), tempo per raggiungere la destinazione e distanza rimanente (o una visualizzazione alternativa delle informazioni con opzioni di testo e icone personalizzate)
- Barra delle azioni con un massimo di 4 azioni app, visibile solo come descritto in Visibilità delle barre delle azioni
- (Facoltativo) barra delle azioni della mappa con un massimo di 4 pulsanti per l'interattività della mappa
Visualizzazione della mappa nel cluster
Durante la navigazione attiva, le app possono visualizzare una mappa nel quadro strumenti utilizzando il modello di navigazione. Il quadro è l'area del cruscotto dietro il volante.
Le mappe nel cluster devono essere:
- Renderizzato in modo indipendente, ma può copiare il display principale, se necessario.
- Non interattivo. Gli elementi interattivi, come i pulsanti, vengono rimossi.
- Tema scuro. È consigliabile disegnare una versione con tema scuro della mappa del cluster per ridurre la possibilità di distrarre il conducente dalla strada.
La mappa dell'app nel quadro strumenti viene visualizzata solo in determinati momenti, a seconda di fattori quali lo stato di navigazione, le preferenze dell'OEM del veicolo (in AAOS) e ciò che viene visualizzato sul display principale (in AAP).
Per un flusso utente di esempio che coinvolge il cluster, vedi Visualizzare una mappa nel cluster.
Esempi di quadro strumenti e schermo centrale
Dettagli della scheda di routing
Quando la scheda di routing è in stato di routing (anziché in stato di messaggio), mostra le seguenti informazioni:
- Passaggio attuale: include l'icona (in genere una freccia di direzione), la distanza e il testo del suggerimento (che può includere intervalli di immagini come i segnali stradali)
- (Facoltativo) Guida di corsia: mostrata come semplici immagini di assistenza alla guida di corsia o come un'immagine più grande dell'incrocio (dimensione flessibile con altezza massima di 200 dp)
- Passaggio successivo (facoltativo): include l'icona e il suggerimento e può essere visualizzato solo nella parte inferiore di una scheda dell'itinerario che non include un'immagine dell'incrocio
Un'altra opzione nello stato di routing è la visualizzazione di un'animazione di caricamento (non mostrata qui) per indicare stati transitori come caricamento, calcolo o ricalcolo.
In alcune circostanze, le informazioni sul percorso 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 dell'itinerario è nello stato messaggio, viene visualizzato un messaggio anziché le indicazioni stradali. Il messaggio può essere utilizzato per comunicare situazioni come l'arrivo a destinazione o errori di percorso.
Nello stato del messaggio, la scheda di routing può includere:
- Un messaggio non vuoto relativo al routing con una lunghezza massima di due righe
- Un'immagine o un'icona (facoltativa)
Notifiche di navigazione: passo passo e regolari
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 passo passo al di fuori del modello di navigazione. Le app possono personalizzare il colore di sfondo della notifica di Turn-by-turn 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. Questi possono essere visualizzati anche quando viene visualizzata la scheda dell'itinerario.
Avvisi di navigazione
Gli avvisi di navigazione forniscono un messaggio breve e temporaneo e azioni facoltative in un formato che non blocca l'itinerario. 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 l'autista può prendere un cliente.
Ogni avviso include:
- Titolo e sottotitolo facoltativo
- Icona (facoltativa)
- Indicatore di avanzamento: una barra o (facoltativamente) integrato in un pulsante a tempo
- Fino a 2 pulsanti, dove un pulsante può essere designato come primario o come pulsante a tempo (con un indicatore di avanzamento, come mostrato nella figura precedente)
Gli avvisi possono essere chiusi da uno dei seguenti elementi:
- Selezione di qualsiasi azione da parte dell'utente
- Timeout dopo
Xsecondi (configurabile) - Chiusura dell'app senza l'intervento dell'utente
Esempi di modelli di navigazione
Requisiti UX dei modelli di navigazione
Sviluppatori di app:
| OBBLIGATORIO | Mostra almeno una manovra su una scheda di routing. |
| OBBLIGATORIO | Includi almeno un pulsante di azione nella barra delle azioni per attivare i flussi utente. |
| OBBLIGATORIO | Includi un pulsante di panoramica nella barra delle azioni della mappa se l'app supporta i gesti di panoramica. |
| SHOULD | Utilizza un tema scuro sulle mappe visualizzate nel cluster. |
| SHOULD | Includi solo i pulsanti relativi all'interattività della mappa nella barra delle azioni della mappa (ad esempio, bussola, ricentramento o modalità 3D). |
| SHOULD | Includi un pulsante per terminare la navigazione quando fornisci indicazioni stradali passo passo. |
| SHOULD | Utilizza simboli standardizzati o coerenti con quelli internazionali o specifici per paese. |
| SHOULD | Utilizza l'immagine dell'incrocio solo per mostrare contenuti pertinenti alla navigazione, che si estendono per tutta la larghezza della scheda con l'immagine. |
| SHOULD | Fornisci immagini delle corsie con sfondi trasparenti da fondere con lo sfondo della scheda di itinerario. |
| SHOULD | Utilizza gli avvisi solo per informazioni non distraenti pertinenti all'attività di navigazione corrente. |
| MAY | Visualizza un breve testo di supporto sotto una corsia (consigliato Roboto 24) e un rapporto di contrasto inferiore per le corsie non evidenziate. |
| MAY | Mostra due manovre su una scheda di itinerario quando si verificano in rapida successione. |
| MAY | Includi immagini come i segnali stradali nel testo della scheda di itinerario (passaggio attuale e passaggio successivo). |
| MAY | Mostra una mappa completa quando l'utente guida senza indicazioni stradali testuali o è in modalità di guida libera. |
| MAY | Scegli se mostrare o nascondere la scheda del percorso e i componenti della stima del viaggio in base alle tue esigenze. |
| MAY | Disegna sulla mappa dettagli e avvisi relativi alla guida, come la velocità corrente, il limite di velocità e la presenza di un autovelox più avanti. |
| MAY | Personalizza il colore di sfondo della scheda del percorso e modificalo durante la sessione di navigazione per riflettere il tipo di strada o altre condizioni pertinenti. |
Risorse
| Tipo | Link |
| Riferimento API |
NavigationTemplate,
NavigationTemplate.Builder
|
| Guida per gli sviluppatori | Accedere ai modelli di navigazione |