Thèmes de notification

Le système de notifications d'Android Automotive OS (AAOS) fournit aux conducteurs des informations essentielles tout en privilégiant la sécurité routière et en minimisant les distractions. Ce guide explique comment personnaliser les notifications de votre véhicule et comment elles fonctionnent.

Principes de conception

Les notifications dans les voitures sont optimisées pour une lecture rapide et une sécurité accrue. Contrairement aux notifications mobiles, les notifications automobiles privilégient la simplicité :

• Complexité réduite : les commandes complexes, telles que les appuis longs ou les gestes de balayage complexes, sont désactivées afin de maintenir l’attention du conducteur sur la route.
• Détection de l'état de conduite : le système peut automatiquement restreindre ou tronquer le contenu selon que le véhicule est en mouvement ou non.
• Affichage par session : la liste des notifications est effacée au début de chaque trajet afin de garantir que seules les informations actuelles et pertinentes soient affichées.

Comment les notifications apparaissent

Les notifications sont transmises par deux canaux principaux en fonction de leur priorité et de leur catégorie :

• Notifications contextuelles (HUN) : alertes prioritaires s’affichant brièvement au-dessus de l’écran. Elles servent à diffuser des informations urgentes comme les appels entrants ou les instructions de navigation.
• Centre de notifications : un point central où les conducteurs peuvent consulter l’historique des notifications qu’ils auraient pu manquer.

Personnalisation

Vous pouvez personnaliser l'expérience de notification pour qu'elle corresponde à votre identité de marque tout en respectant les normes de sécurité essentielles.

Interface utilisateur et accès

Vous pouvez définir comment un conducteur accède au Centre de notifications :

• Panneau système : Un menu similaire à celui des appareils mobiles.
• Écran autonome : une interface utilisateur dédiée, accessible via un bouton dans la barre système ou la barre de navigation.

Style visuel

Vous pouvez personnaliser l'apparence des cartes de notification pour qu'elle corresponde au design de votre véhicule :

• Typographie et couleurs : Ajustez les polices et les palettes de couleurs pour les modes jour et nuit.
• Formes : Personnalisez les rayons des angles et les dimensions du conteneur.
• Animation : Définir les animations d'arrivée et de départ des cartes de notification.

Priorité et catégories

Le système catégorise les notifications afin de déterminer comment et quand elles sont affichées.

• Catégories spécifiques à la voiture : Inclut CAR_EMERGENCY, CAR_WARNING et CAR_INFORMATION pour les alertes relatives à l’état du véhicule.
• Communication : Gère les catégories CALL et MESSAGE avec des actions optimisées telles que « Lecture » et « Coupure du son ».
• Navigation : Utilise la catégorie NAVIGATION pour fournir un guidage virage par virage uniquement en tant que HUN.

Prochaines étapes

Pour commencer à personnaliser les notifications de votre véhicule :

• Cartes de notification de style : Apprenez à personnaliser les polices, les couleurs et les formes.
• Concevoir le centre de notifications : configurer la manière dont les utilisateurs accèdent aux alertes enregistrées et interagissent avec elles.
• Interactions de séquencement de mouvements : Définissez les animations pour les transitions de notification.

Cartes de notification de style

Les notifications intégrées à Google fournissent des informations en temps réel aux conducteurs tout en minimisant les distractions. Vous pouvez personnaliser leur style visuel (typographie, couleur et forme) pour qu'il corresponde à votre identité visuelle, tout en respectant les normes de sécurité.

Types de cartes de notification

Il existe trois versions principales de cartes de notification :

• Notification Heads-up (HUN) : Apparaît brièvement en haut (ou en bas, selon l'orientation) de l'écran au-dessus de l'application actuelle.
• Carte du Centre de notifications : Utilisée pour les notifications persistantes listées dans le Centre de notifications.
• Carte de notification groupée : combine plusieurs notifications connexes en une seule carte extensible.

Anatomie de la carte

Chaque carte est un contenant flexible composé de quatre zones principales :

1. En-tête : Contient l’icône de l’application, le nom de l’application et un horodatage facultatif.
2. Contenu : Affiche le titre de la notification et le texte d'accompagnement (avec aperçu du message en option).
3. Actions : Jusqu'à trois boutons pour l'interaction avec l'utilisateur (par exemple, « Répondre », « Couper le son »).
4. Grande icône : Espace facultatif pour les avatars ou les symboles de navigation.

Conseils de style

Les sections suivantes décrivent les consignes de style.

Typographie

Vous pouvez personnaliser la police et la taille des caractères pour les adapter à l'échelle typographique de votre système. Utilisez des polices claires et lisibles, qui restent performantes quelles que soient les conditions d'éclairage.

• Texte principal : généralement 32 dp (Corps 1) pour les titres principaux.
• Texte secondaire : Généralement 24 dp (Corps 3) pour les informations complémentaires.
• Polices de caractères : Bien que Roboto soit la police standard, les équipementiers peuvent implémenter des polices de caractères personnalisées.

Couleur et élévation

Définissez des valeurs de couleur distinctes pour les modes Jour et Nuit afin de garantir la lisibilité et le contraste.

• Fond de la carte : Utilisez des gris distincts (par exemple, Gris 868 pour le jour, Gris 900 pour la nuit).
• Texte et icônes : Utilisez un blanc à haute opacité (88 % et plus) pour les informations principales et une opacité réduite (60 à 72 %) pour les détails secondaires.
• Couleur d'accentuation : Appliquez la couleur de marque de l'application aux icônes secondaires ou à des actions spécifiques pour aider les utilisateurs à identifier la source.

Forme et espacement

Personnalisez les limites physiques de la carte pour qu'elles correspondent au langage de conception de votre interface utilisateur.

• Rayon des coins : La valeur standard par défaut est de 8 dp (R2), mais celle-ci peut être ajustée pour un aspect plus arrondi ou plus carré.
• Marges : Maintenir un rembourrage constant (standard 16 dp ou 24 dp) entre les bords de la carte et les éléments internes.

Adaptation de l'écran et état du lecteur

La mise en page des notifications doit s'adapter aux différentes dimensions d'écran (standard, large et très large).

• Mode conduite : Lorsque le véhicule est en mouvement, envisagez de masquer les aperçus des messages ou de tronquer les chaînes de texte longues afin de réduire la charge cognitive.
• Mouvement : Utilisez des animations d'arrivée et de départ standard (par exemple, glissement vers le bas pour les HUN, balayage pour quitter) pour fournir un retour visuel.

Concevoir le centre de notification

Les conducteurs peuvent consulter et gérer les notifications via ce hub central conçu pour une lecture rapide et des interactions simplifiées, conformément aux consignes de sécurité.

Fonctionnalités principales

Les notifications non immédiates, telles que les messages et les rappels, sont disponibles dans le Centre de notifications. Ce dernier ne stocke pas les notifications urgentes, comme la navigation pas à pas ou les appels téléphoniques en cours, qui apparaissent uniquement sous forme de notifications contextuelles.

• Gestion par session : la liste est automatiquement effacée au début de chaque session de lecture afin de garantir la pertinence du contenu.
• Classement par priorité : les notifications sont triées par ordre d’importance (par exemple, les alertes d’urgence en premier) puis par date de dernière apparition.

Options de personnalisation

Vous pouvez personnaliser le Centre de notifications pour qu'il corresponde à votre identité de marque tout en respectant les normes de sécurité.

1. Méthodes d'accès

Vous pouvez définir la manière dont les utilisateurs accèdent au Centre de notifications en fonction de l'interface utilisateur de votre système :

• Panneau déroulant : les utilisateurs font glisser leur doigt du haut vers le bas de l’écran pour afficher les notifications.
• Écran dédié : les utilisateurs appuient sur une icône de notification (généralement une cloche) dans la barre d’état du système ou la barre de navigation.

2. Style visuel

Vous pouvez personnaliser les éléments visuels suivants pour qu'ils correspondent au langage graphique de votre marque :

• Palette de couleurs : définissez des couleurs d’arrière-plan et d’accentuation distinctes pour les modes Jour et Nuit.
• Typography: Set the font family, weight, and size for headers, titles, and body text.
• Forme : Ajustez les rayons des coins des cartes de notification et du conteneur global.
• Mise en page : Personnalisez les marges, le remplissage et l’espacement vertical entre les cartes de notification.

Modèle d'interaction

Afin de minimiser les distractions du conducteur, le modèle d'interaction se limite aux actions essentielles :

• Navigation : Une liste à défilement vertical permet aux conducteurs de consulter les notifications.
• Réponse : Grandes zones de frappe pour jusqu'à trois boutons d'action (par exemple, « Lecture », « Muet », « Répondre »).
• Rejeter : les utilisateurs peuvent faire glisser une carte vers la gauche ou la droite pour la supprimer de la liste.

Restrictions de conduite

Le centre de notification doit s'adapter à l'état de conduite du véhicule afin d'éviter une surcharge cognitive.

• Troncation du contenu : le système peut tronquer automatiquement les chaînes de texte longues en fonction des limites de caractères que vous avez définies.
• Masquer les résumés : vous pouvez choisir de masquer les aperçus ou les résumés des messages lorsque la voiture est en mouvement.
• Longueur de la liste : Le nombre de notifications visibles peut être limité afin d’éviter un défilement excessif pendant la conduite.

Liste de contrôle de conception

• Contraste élevé : assurez-vous que le texte et les icônes respectent les normes d’accessibilité dans toutes les conditions d’éclairage.
• Cibles de grande taille : Concevoir des boutons et des cartes faciles à actionner sans contrôle moteur précis.
• Image de marque cohérente : Appliquez les mêmes règles de personnalisation au Centre de notifications et aux notifications contextuelles (HUN).

Mouvements séquentiels

En voiture, le mouvement est bien plus qu'un simple choix esthétique ; c'est un signal fonctionnel qui informe le conducteur sans détourner son attention de la route trop longtemps. Les constructeurs automobiles peuvent personnaliser les animations de notification pour qu'elles s'intègrent parfaitement à l'expérience logicielle du véhicule.

Principes du mouvement automobile

• Informatif et non distrayant : utilisez le mouvement pour signaler les changements d’état (comme un nouveau message), mais de manière suffisamment subtile pour ne pas surprendre le conducteur.
• La sécurité avant tout : les animations doivent être courtes et ciblées. Évitez les transitions saccadées ou trop complexes qui sollicitent excessivement le regard.
• Cohérence : Les animations de notification doivent correspondre à la physique du reste du système d'infodivertissement.

Modèles de mouvement clés

Les principaux schémas de mouvement sont décrits dans cette section.

1. Arrivée de la notification d'alerte (HUN)

Lorsqu'une notification prioritaire arrive, elle utilise un glissement directionnel pour s'afficher à l'écran.

• Insertion par le haut : le modèle standard pour la plupart des systèmes. La carte s’insère par le bord supérieur.
• Indice : Ce mouvement suggère subtilement que le Centre de notifications est accessible en faisant glisser le doigt vers le bas depuis le même bord.
• Personnalisation : Vous pouvez ajuster la durée d’entrée et la courbe d’accélération spécifique pour correspondre au style de votre marque.

2. Balayez pour fermer

Les conducteurs peuvent faire disparaître une notification HUN ou une carte du centre de notifications par un glissement horizontal.

• Retour visuel : lorsque l’utilisateur fait glisser la carte, celle-ci doit se déplacer en même temps que son doigt.
• Mouvement de sortie : une fois que le glissement dépasse le seuil de rejet, la carte disparaît de l’écran et les éléments restants de la liste se déplacent verticalement pour combler l’espace.

3. Extension des notifications groupées

Les notifications connexes (comme plusieurs messages d'une conversation de groupe) sont souvent regroupées en une seule carte pour gagner de la place.

• Extension : Lorsqu'on appuie dessus, la carte devrait s'agrandir verticalement pour révéler des messages individuels.
• Repli : Le mouvement inverse doit être légèrement plus rapide que l'expansion afin d'aider le conducteur à reprendre rapidement sa tâche précédente.

Calendrier et assouplissement

Google recommande de suivre les normes d'interpolation de Material Design, qui privilégient un démarrage rapide et une fin douce et progressive.

meilleures pratiques

• Privilégiez la lisibilité : assurez-vous d’un rapport de contraste élevé entre le texte et le fond des cartes.
• Cohérence : Utilisez les mêmes rayons de courbure et les mêmes règles d'espacement pour les HUN et les cartes du Centre de notification.
• Minimalisme : privilégiez les actions simples et les textes concis ; évitez les mises en page complexes qui nécessitent plus d’un coup d’œil pour être comprises.