Applications multimédias

Si les développeurs d'applications fournissent le contenu principal, les icônes et les actions personnalisées de leurs applications multimédias, les constructeurs automobiles ont la latitude de personnaliser l'expérience visuelle globale. Ainsi, les applications multimédias tierces s'intègrent parfaitement au système d'infodivertissement embarqué.

Quelles sont les possibilités de personnalisation des constructeurs automobiles ?

Configurer la barre d'applications

La barre d'application est l'élément principal de navigation et d'identité visuelle des applications multimédias embarquées Google. Elle permet aux utilisateurs de se repérer dans l'application et leur offre un accès rapide aux fonctionnalités essentielles telles que la recherche et la navigation.

Vous pouvez personnaliser la barre d'applications pour qu'elle corresponde à la marque de votre voiture en utilisant des éléments de design pour modifier son apparence, sa mise en page et ses fonctionnalités.

Anatomie

La barre d'applications multimédias se compose généralement des éléments suivants :

  • Icône de navigation : généralement une flèche de retour pour revenir à l’écran précédent.
  • Identité visuelle de l'application : le logo ou le nom de votre application.
  • Onglets : Liens de navigation pour les catégories principales, tels que « Parcourir » ou « Rechercher ».
  • Icônes d'action : Actions contextuelles comme l'icône de recherche.

Personnalisez l'apparence

Utilisez des jetons de conception pour que la barre d'application s'harmonise avec le thème du système de votre voiture. Ces jetons vous permettent de définir des couleurs et une typographie qui se mettent à jour automatiquement dans toute l'interface utilisateur.

  • Arrière-plan : Définissez la couleur d’arrière-plan et l’opacité de la barre d’application à l’aide des jetons de surface appropriés.
  • Typographie : Utilisez la police et la graisse de votre marque pour le titre de l’application et les libellés des onglets en les associant aux jetons de typographie système.
  • Icônes : Veillez à ce que les icônes de navigation et d’action utilisent des tailles et des couleurs cohérentes pour une lisibilité optimale pendant la conduite.

Configurations fonctionnelles

Gérer les onglets

Vous pouvez choisir les onglets qui apparaissent dans la barre d'application en fonction de la structure de votre application. Voici quelques configurations courantes :

  • Navigation standard : Onglets pour les catégories telles que les playlists, les artistes et les albums.
  • Intégration de la recherche : un onglet ou une icône de recherche dédiée dans la barre d’application pour un accès rapide à la recherche par clavier ou vocale.

Afficher la marque

Pour conserver une apparence cohérente, vous pouvez choisir comment le logo ou la marque de l'application s'affiche dans la barre d'application. Vous pouvez :

  • Afficher le logo : Placez le logo de l’application à côté de l’icône de navigation.
  • Afficher le titre : utiliser du texte pour le nom de l’application si aucun logo n’est fourni.

Affichages de navigation par style

Les modes de navigation permettent aux utilisateurs d'explorer le contenu multimédia sous forme de grilles et de listes. Les constructeurs automobiles peuvent personnaliser ces modes d'affichage afin que l'expérience multimédia soit en adéquation avec l'image de marque du véhicule et le design global du système.

Personnalisation de l'en-tête

L'en-tête de navigation indique à l'utilisateur sa position actuelle dans l'arborescence du contenu. Vous pouvez personnaliser les aspects suivants de cet en-tête :

  • Position et style : Ajustez le positionnement vertical et la conception visuelle de l’en-tête, notamment sa hauteur et le traitement de l’arrière-plan.
  • Éléments d'en-tête : Personnalisez des composants spécifiques, tels que le style du texte du titre et l'apparence des icônes secondaires.

Éléments de grille et de liste

Le contenu multimédia est organisé en grilles ou en listes pour faciliter la navigation. Vous pouvez personnaliser ces mises en page pour améliorer la lisibilité et la rapidité de consultation.

  • Style des éléments : Personnalisez l’apparence visuelle de chaque élément, notamment la taille et la forme des vignettes ainsi que la typographie des titres et des sous-titres.
  • Sélection de la mise en page : Choisissez entre les formats grille ou liste en fonction du type de contenu affiché (par exemple, utilisez des grilles pour les pochettes d’album et des listes pour les titres des morceaux).
  • États de focus : Définissez l’apparence des éléments lorsqu’ils sont sélectionnés ou mis en surbrillance par l’utilisateur.

Styles de lecture

L'interface de lecture offre aux utilisateurs des commandes et des métadonnées pour le contenu multimédia en cours de lecture. Les constructeurs automobiles peuvent personnaliser l'apparence de cette interface et de la barre de commandes réduite afin de créer une expérience utilisateur cohérente avec l'image de marque du véhicule.

Anatomie de la vue de lecture

La vue de lecture comprend généralement les composants suivants :

  • Pochette d'album : La représentation visuelle des médias actuels.
  • Métadonnées : Informations telles que le titre du morceau, le nom de l’artiste et le titre de l’album.
  • Commandes de lecture : Actions essentielles telles que lecture, pause, passage à la piste suivante et lecture aléatoire.
  • Barre de progression : Indicateur visuel de la progression du morceau en cours, comprenant souvent un curseur de navigation.

Options de personnalisation

Vous pouvez utiliser des jetons de conception pour modifier le style visuel de l'expérience de lecture.

Écran de lecture principal

  • Arrière-plan et superpositions : Personnalisez la couleur d’arrière-plan, les dégradés ou les niveaux d’opacité pour les adapter au thème de votre système.
  • Typographie : Définissez la police, la taille et l’épaisseur des titres de morceaux et des informations sur l’artiste à l’aide des jetons de typographie système.
  • Style des commandes : Personnalisez la forme, la couleur et le style des icônes des boutons de lecture (par exemple, lecture, pause, suivant) pour garantir leur cohérence avec les autres commandes du système.
  • Barre de progression : Personnalisez le style de la piste et du curseur de la barre de progression en utilisant des couleurs spécifiques à la marque.

Barre de commande réduite (MCB)

La barre de contrôle réduite permet aux utilisateurs de gérer les médias tout en naviguant dans d'autres parties du système. Vous pouvez la personnaliser :

  • Position et disposition : Déterminez où le disjoncteur apparaît à l’écran et comment les éléments sont disposés à l’intérieur.
  • Visibilité des éléments : choisissez les commandes (telles que lecture/pause ou passage à la piste suivante) qui sont affichées à l’état réduit.
  • Style : Appliquez des couleurs cohérentes et des coins arrondis pour que le MCB s’intègre parfaitement à l’interface utilisateur du système.

La recherche intégrée est une fonctionnalité essentielle qui permet aux utilisateurs de trouver rapidement du contenu multimédia en voiture. Si les développeurs d'applications fournissent le contenu de recherche, les constructeurs automobiles sont responsables de la conception de l'interface de recherche, notamment du clavier et de la présentation des résultats.

Conception de clavier

L'interface de recherche utilise différentes configurations de clavier en fonction de l'état de conduite du véhicule afin de garantir sécurité et facilité d'utilisation.

  • Clavier standard : affiché lorsque le véhicule est stationné. Il s’agit d’un clavier complet pour la saisie manuelle de texte.
  • Clavier optimisé pour la conduite : affiché lorsque le véhicule est en mouvement. Cette version privilégie généralement la saisie vocale et peut proposer une saisie manuelle simplifiée ou des suggestions afin de minimiser les distractions du conducteur.

Les constructeurs automobiles peuvent personnaliser le style visuel de ces claviers (forme des touches, couleur de fond et typographie) à l'aide de jetons de conception système afin de l'harmoniser avec l'image de marque du véhicule.

Une fois qu'un utilisateur saisit une requête, les résultats s'affichent dans une fenêtre superposée. Vous pouvez personnaliser les aspects suivants de cette vue :

  • Mise en page et espacement : définissez la manière dont les résultats de recherche sont regroupés et l’espacement entre les éléments pour une meilleure lisibilité.
  • Apparence des éléments : Personnalisez le style des éléments de liste dans les résultats de recherche, y compris les styles de police des titres et des sous-titres, ainsi que la taille des vignettes associées.
  • États vides et d'erreur : Concevez l'apparence de la superposition lorsqu'aucun résultat n'est trouvé ou en cas d'erreur de connexion.

Afficher la marque de l'application

Pour offrir une expérience multimédia cohérente dans les véhicules équipés de Google, vous pouvez personnaliser l'intégration des marques d'applications tierces à l'interface utilisateur. Ainsi, même si l'utilisateur identifie l'application utilisée, la présentation visuelle reste en harmonie avec le design global du véhicule.

Éléments de marque

Vous pouvez personnaliser l'emplacement et l'intégration des éléments spécifiques à l'application suivants :

  • Icône de l'application : principal identifiant visuel du service multimédia.
  • Couleur d'accentuation : La couleur spécifique à la marque fournie par le développeur de l'application.
  • Nom de l'application : Nom textuel du service multimédia.

Options de personnalisation

Utilisez des jetons de conception pour définir comment ces éléments de marque apparaissent sur différents écrans.

Placement et style des icônes

Vous avez la possibilité de choisir comment l'icône de l'application s'affiche dans l'interface multimédia :

  • Positionnement : Déterminez où l’icône de l’application apparaît sur les écrans de contenu, par exemple dans la barre d’applications ou sur la vue de lecture.
  • Mise à l'échelle et forme : utilisez des jetons système pour définir la taille et le rayon des coins de l'icône afin de garantir sa correspondance avec les autres icônes système.

Intégrer des couleurs d'accent

Les couleurs d'accentuation de l'application peuvent être utilisées pour donner un aperçu subtil de la marque de l'application sans surcharger l'interface utilisateur du véhicule :

  • Style adaptatif : vous pouvez choisir comment intégrer la couleur d’accentuation de l’application aux composants d’interface utilisateur tels que les barres de progression, les indicateurs d’onglet actif ou les boutons.
  • Normalisation des couleurs : garantir que les couleurs fournies par l’application répondent aux exigences de contraste pour la sécurité et la lisibilité en appliquant des transformations de couleurs définies par le système.

meilleures pratiques de conception

  • Préserver l'harmonie du système : veiller à ce que l'image de marque de l'application ne détourne pas l'attention de la tâche de conduite principale et ne soit pas en contradiction avec le thème général du système du véhicule.
  • Privilégiez la lisibilité : si vous utilisez la couleur d’accentuation d’une application pour le texte ou les icônes, assurez-vous qu’elle respecte les rapports de contraste nécessaires par rapport à l’arrière-plan choisi.
  • Application cohérente : Appliquez les règles de marque de manière cohérente sur toutes les applications médias tierces afin d’offrir une expérience utilisateur prévisible.
  • Utilisez les jetons système : associez toujours les personnalisations de marque aux jetons de conception fournis afin de maintenir la compatibilité avec les futures mises à jour du système.