Bouton

Les boutons permettent aux utilisateurs d'accéder aux actions qu'ils peuvent avoir besoin d'effectuer dans la voiture, par exemple confirmer un choix ou revenir au modèle précédent.

Les boutons peuvent inclure les éléments suivants :

  • Icône uniquement
  • Libellé uniquement
  • Icône + libellé
Exemples
Exemples de boutons d'action

Prise en charge des modèles

Vous pouvez utiliser des boutons aux emplacements suivants :

Conseils

Tenez compte des conseils suivants lorsque vous concevez des boutons pour votre application.

  • Vous pouvez fournir des couleurs de premier plan et d'arrière-plan pour remplacer les couleurs par défaut. Toutefois, les OEM de véhicules peuvent choisir d'utiliser ou non les couleurs que vous fournissez dans les versions AAOS de votre application.

  • Vous pouvez spécifier le bouton principal.

  • Veillez à ce que les libellés soient courts pour éviter qu'ils ne soient tronqués, en particulier dans le modèle de navigation, où l'espace est limité.

Exemples
Exemple de conception de bouton

Boutons principaux

Dans les modèles Message, Message long et Volet, qui comportent jusqu'à deux boutons, vous pouvez éventuellement marquer un bouton comme principal pour représenter l'action principale.

Le bouton principal sera mis en évidence avec la couleur d'accentuation de l'application pour plus de visibilité et de facilité d'utilisation.

Boutons temporisés

Vous pouvez créer des boutons associés à des actions par défaut qui sont effectuées automatiquement si l'utilisateur n'agit pas dans un délai spécifié (personnalisable par l'application). Pour obtenir un exemple de flux utilisant cette stratégie, consultez Répondre à une alerte temporisée.

Pour indiquer le compte à rebours à l'utilisateur, le bouton se transforme en minuteur avec un indicateur de progression intégré. Le compte à rebours est indiqué par une ombre qui se déplace horizontalement sur le bouton.

La bibliothèque d'applications pour voiture détermine la couleur du minuteur en fonction de la couleur d'arrière-plan du bouton, en l'ajustant si nécessaire pour garantir un contraste suffisant.

Pour créer un bouton temporisé, attribuez-lui un indicateur par défaut.

Exemples

Dans ces exemples, l'action Naviguer ou Accepter sera automatiquement effectuée si l'utilisateur ne choisit pas l'autre action avant que l'indicateur de progression ombré ne traverse complètement le bouton.