Tema di notifica

Il sistema di notifiche del sistema operativo Android Automotive OS (AAOS) fornisce ai conducenti informazioni essenziali, dando priorità alla sicurezza stradale e riducendo al minimo le distrazioni. Questa guida spiega come personalizzare le notifiche dell'auto e come si comportano.

Principi di progettazione

Le notifiche in auto sono ottimizzate per garantire visibilità e sicurezza. A differenza delle notifiche su dispositivi mobili, le notifiche in auto puntano sulla semplicità:

• Complessità ridotta: i controlli complessi, come la pressione prolungata o i gesti di scorrimento complessi, sono disattivati ​​per mantenere l'attenzione del conducente sulla strada.
• Riconoscimento dello stato di guida: il sistema può limitare o troncare automaticamente i contenuti a seconda che il veicolo sia in movimento.
• Basato sulla sessione: l'elenco delle notifiche viene cancellato all'inizio di ogni unità per garantire che vengano visualizzate solo le informazioni aggiornate e pertinenti.

Come appaiono le notifiche

Le notifiche vengono recapitate tramite due canali principali, a seconda della priorità e della categoria:

• Notifiche Heads-up (HUN): avvisi ad alta priorità che compaiono brevemente sullo schermo corrente. Vengono utilizzati per informazioni urgenti, come chiamate in arrivo o istruzioni di navigazione.
• Centro notifiche: un hub centrale in cui i conducenti possono visualizzare la cronologia delle notifiche che potrebbero aver perso.

Personalizzazione

Puoi personalizzare l'esperienza di notifica in base all'identità del tuo marchio, mantenendo al contempo gli standard di sicurezza fondamentali.

Interfaccia utente e accesso

È possibile definire il modo in cui un driver accede al Centro notifiche:

• Tonalità di sistema: un menu simile a quello dei dispositivi mobili.
• Schermata autonoma: un'interfaccia utente dedicata a cui si accede tramite un pulsante nella barra di sistema o di navigazione.

Stile visivo

Puoi personalizzare l'aspetto delle schede di notifica per adattarle al design del tuo veicolo:

• Tipografia e colore: adatta i caratteri e le tavolozze dei colori sia per la modalità giorno che per quella notte.
• Forme: personalizza i raggi degli angoli e le dimensioni del contenitore.
• Movimento: definire le animazioni di arrivo e di congedo per le schede di notifica.

Priorità e categorie

Il sistema categorizza le notifiche per determinare come e quando vengono visualizzate.

• Categorie specifiche per auto: include CAR_EMERGENCY, CAR_WARNING e CAR_INFORMATION per gli avvisi sullo stato del veicolo.
• Comunicazione: gestisce le categorie CALL e MESSAGE con azioni ottimizzate come "Riproduci" e "Disattiva audio".
• Navigazione: utilizza la categoria NAVIGATION per fornire indicazioni dettagliate solo per gli HUN.

Prossimi passi

Per iniziare a personalizzare le notifiche per il tuo veicolo:

• Schede di notifica di stile : scopri come personalizzare caratteri, colori e forme.
• Progetta il Centro notifiche : configura il modo in cui gli utenti accedono e interagiscono con gli avvisi memorizzati.
• Interazioni di movimento in sequenza : definire le animazioni per le transizioni di notifica.

Schede di notifica di stile

Le schede di notifica integrate in Google forniscono informazioni tempestive ai conducenti, riducendo al minimo le distrazioni. Puoi personalizzare lo stile visivo di queste schede, inclusi tipografia, colore e forma, per allinearle all'identità del tuo brand e garantire al contempo gli standard di sicurezza.

Tipi di schede di notifica

Esistono tre versioni principali delle schede di notifica:

• Notifica Heads-up (HUN): appare brevemente nella parte superiore (o inferiore, a seconda dell'orientamento) dello schermo, sopra l'app corrente.
• Scheda Centro notifiche: utilizzata per le notifiche persistenti elencate nel Centro notifiche.
• Scheda di notifica raggruppata: combina più notifiche correlate in un'unica scheda espandibile.

Anatomia della carta

Ogni scheda è un contenitore flessibile composto da quattro aree principali:

1. Intestazione: contiene l'icona dell'app, il nome dell'app e, facoltativamente, il timestamp.
2. Contenuto: visualizza il titolo della notifica e il testo di supporto (con anteprime facoltative dei messaggi).
3. Azioni: fino a tre pulsanti per l'interazione dell'utente (ad esempio, "Rispondi", "Disattiva audio").
4. Icona grande: spazio facoltativo per avatar o simboli di navigazione.

Linee guida per lo stile

Le sezioni seguenti descrivono le linee guida per lo stile.

Tipografia

Puoi personalizzare il carattere e le dimensioni in base alla scala tipografica del tuo sistema. Utilizza font chiari e leggibili che si adattino bene a diverse condizioni di luce.

• Testo principale: in genere 32 dp (Corpo 1) per i titoli principali.
• Testo secondario: in genere 24 dp (corpo 3) per informazioni di supporto.
• Caratteri: sebbene Roboto sia lo standard, gli OEM possono implementare caratteri personalizzati.

Colore ed elevazione

Definisci valori di colore separati per le modalità Giorno e Notte per garantire leggibilità e contrasto.

• Sfondo della carta: utilizzare grigi distinti (ad esempio, grigio 868 per il giorno, grigio 900 per la notte).
• Testo e icone: utilizzare il bianco ad alta opacità (88%+) per le informazioni primarie e un'opacità ridotta (60–72%) per i dettagli secondari.
• Colore di accento: applica il colore del marchio dell'app alle icone secondarie o ad azioni specifiche per aiutare gli utenti a identificare la fonte.

Forma e spaziatura

Personalizza i confini fisici della scheda per adattarli al linguaggio di progettazione della tua interfaccia utente.

• Raggio dell'angolo: lo standard predefinito è 8dp (R2), ma può essere regolato per ottenere un aspetto più arrotondato o squadrato.
• Margini: mantenere un'imbottitura uniforme (standard 16dp o 24dp) tra i bordi della carta e gli elementi interni.

Adattamento dello schermo e stato dell'unità

I layout delle notifiche devono adattarsi alle diverse dimensioni dello schermo (Standard, Wide e Super-wide).

• Stato di guida: quando il veicolo è in movimento, valutare la possibilità di nascondere le anteprime dei messaggi o di troncare le stringhe di testo lunghe per ridurre il carico cognitivo.
• Movimento: utilizzare animazioni standard di arrivo e di congedo (ad esempio, scorrimento verso il basso per gli HUN, scorrimento per congedare) per fornire un feedback visivo.

Progettare il Centro Notifiche

Gli autisti possono visualizzare e gestire le notifiche tramite questo hub centrale, progettato per garantire un'elevata leggibilità e interazioni semplificate, nel rispetto delle linee guida sulla sicurezza.

Funzionalità di base

Le notifiche non immediate, come messaggi e promemoria, sono disponibili nel Centro Notifiche. Non vengono memorizzate le notifiche temporali, come quelle relative alla navigazione passo-passo o alle chiamate telefoniche attive, che vengono visualizzate solo come Notifiche Heads-up (HUN).

• Basato sulla sessione: l'elenco viene cancellato automaticamente all'inizio di ogni unità per garantire che il contenuto rimanga pertinente.
• In base alla priorità: le notifiche vengono ordinate in base all'importanza (ad esempio, prima gli avvisi di emergenza) e poi in base alla data di ricezione.

Opzioni di personalizzazione

Puoi personalizzare il Centro notifiche per allinearlo all'identità del tuo marchio, rispettando al contempo gli standard di sicurezza

1. Metodi di accesso

Puoi definire il modo in cui gli utenti accedono al Centro notifiche in base all'interfaccia utente del tuo sistema:

• Schermo a discesa: gli utenti scorrono verso il basso dalla parte superiore dello schermo per visualizzare le notifiche.
• Schermata dedicata: gli utenti toccano un'icona di notifica (solitamente una campana) nella barra di stato del sistema o nella barra di navigazione.

2. Stile visivo

Puoi personalizzare i seguenti elementi visivi per adattarli al linguaggio di design del tuo marchio:

• Palette colori: definisci colori di sfondo e di accento distinti per le modalità Giorno e Notte.
• Tipografia: imposta la famiglia di caratteri, il peso e la dimensione per intestazioni, titoli e corpo del testo.
• Forma: regola i raggi degli angoli delle schede di notifica e del contenitore complessivo.
• Layout: personalizza i margini, la spaziatura interna e la spaziatura verticale tra le schede di notifica.

Modello di interazione

Per ridurre al minimo la distrazione del conducente, il modello di interazione è limitato alle azioni essenziali:

• Sfoglia: un elenco a scorrimento verticale consente ai conducenti di esaminare le notifiche.
• Rispondi: colpisci obiettivi di grandi dimensioni per un massimo di tre pulsanti di azione (ad esempio, "Riproduci", "Disattiva audio", "Rispondi").
• Ignora: gli utenti possono scorrere una carta verso sinistra o verso destra per rimuoverla dall'elenco.

Restrizioni alla guida

Il Centro notifiche deve adattarsi allo stato di guida del veicolo per evitare un sovraccarico cognitivo.

• Troncamento del contenuto: il sistema può troncare automaticamente le stringhe di testo lunghe in base ai limiti di caratteri impostati.
• Nascondere i riepiloghi: puoi scegliere di nascondere le anteprime o i riepiloghi dei messaggi mentre l'auto è in movimento.
• Lunghezza dell'elenco: è possibile limitare il numero di notifiche visibili per evitare uno scorrimento eccessivo durante la guida.

Lista di controllo della progettazione

• Contrasto elevato: assicurati che testo e icone rispettino gli standard di accessibilità per tutte le condizioni di illuminazione.
• Grandi obiettivi da colpire: Progetta pulsanti e carte in modo che siano facilmente toccabili senza un controllo motorio preciso.
• Branding coerente: applica le stesse regole di personalizzazione sia nel Centro notifiche che nelle notifiche Heads-up (HUN).

Movimenti di sequenza

In auto, il movimento è più di una semplice scelta estetica: è un segnale funzionale che informa i conducenti senza distogliere troppo a lungo lo sguardo dalla strada. Le case automobilistiche possono personalizzare le animazioni delle notifiche per garantire che siano integrate con il resto dell'esperienza software del veicolo.

Principi del movimento automobilistico

• Informativo, non distraente: usa il movimento per segnalare cambiamenti di stato (come un nuovo messaggio), ma fallo in modo abbastanza discreto da evitare di spaventare il conducente.
• La sicurezza prima di tutto: le animazioni devono essere brevi e mirate. Evitate transizioni "movimentate" o eccessivamente complesse che richiedono una lunga attenzione visiva.
• Coerenza: i movimenti delle notifiche devono corrispondere alla fisica del resto del sistema di infotainment.

Modelli di movimento chiave

In questa sezione vengono descritti i principali modelli di movimento.

1. Notifica Heads-up (HUN) all'arrivo

Quando arriva una notifica ad alta priorità, viene utilizzata una barra direzionale per entrare nella schermata.

• Inserimento dall'alto: standard per la maggior parte dei sistemi. La scheda viene inserita dal bordo superiore.
• Suggerimento: questo movimento indica in modo discreto che è possibile accedere al Centro notifiche scorrendo verso il basso dallo stesso bordo.
• Personalizzazione: puoi adattare la durata dell'ingresso e la curva di attenuazione specifica in base allo stile del tuo marchio.

2. Scorri per chiudere

Gli automobilisti possono eliminare un HUN o una scheda nel Centro notifiche con uno scorrimento orizzontale.

• Feedback visivo: quando l'utente trascina la carta, questa dovrebbe muoversi di 1:1 con il dito.
• Movimento di uscita: una volta che lo scorrimento supera la soglia di eliminazione, la scheda accelera fuori dallo schermo e gli elementi rimanenti dell'elenco si spostano verticalmente per riempire lo spazio vuoto.

3. Espansione delle notifiche raggruppate

Le notifiche correlate (come più messaggi da una chat di gruppo) vengono spesso compresse in un'unica scheda per risparmiare spazio.

• Espansione: quando viene toccata, la carta dovrebbe espandersi verticalmente per rivelare singoli messaggi.
• Collasso: il movimento inverso dovrebbe essere leggermente più veloce dell'espansione per aiutare il conducente a tornare rapidamente al compito precedente.

Tempistica e facilitazione

Google consiglia di seguire gli standard di Material Design, che enfatizzano un avvio rapido e una conclusione graduale e fluida.

Buone pratiche

• Dare priorità alla leggibilità: garantire un elevato rapporto di contrasto tra il testo e gli sfondi delle schede.
• Coerenza: utilizzare gli stessi raggi degli angoli e le stesse regole di spaziatura sia per le schede HUN che per quelle del Centro notifiche.
• Minimalismo: mantieni le azioni semplici e il testo conciso; evita layout complessi che richiedono più di un'occhiata per essere compresi.