Modèle de liste

Le modèle "Liste" présente les éléments d'information sous forme de liste.

Les listes peuvent être divisées en sections via des sous-listes. Pour obtenir une version de ce modèle avec une carte, les applications de navigation peuvent utiliser le modèle de carte.

Ce modèle peut être intégré dans le modèle d'onglet pour permettre une navigation par onglets.

Articles inclus:

  • En-tête avec une bande d'actions facultative (la bande d'actions est remplacée par des onglets lorsque ce modèle est intégré dans le modèle d'onglet)
  • Éléments de liste (le nombre d'éléments et la quantité de texte par ligne peuvent varier) :
    • Nombre d'éléments de la liste. Le nombre d'éléments pouvant être affichés dépend du véhicule. Pour récupérer le nombre maximal de lignes de la liste pour un véhicule donné, utilisez l'API ConstraintManager.
    • Quantité de texte par élément. Le texte secondaire des lignes de liste peut contenir plus de deux lignes lorsqu'il est parqué. Consultez Afficher plus de texte à l'arrêt.
  • Bouton d'action flottant facultatif

Pour en savoir plus sur les lignes pouvant être incluses dans ce modèle, consultez la section Options de ligne pour le modèle de liste uniquement et les exemples de la section Exemples de flux.

Maquettes du modèle Liste

Plus de texte de liste à l'arrêt

La quantité de texte secondaire autorisée dans chaque ligne de la liste varie selon que la voiture est à l'arrêt ou en mouvement. Pour limiter les distractions, le texte est tronqué à 2 lignes lorsque vous conduisez. Tout contenu destiné à être lu en conduisant doit être affiché au début du texte secondaire.

Exemple d'affichage de plus de texte lorsque l'utilisateur est à l'arrêt
Lorsque le véhicule est à l'arrêt, le texte peut comporter plus de deux lignes.
Exemple montrant moins de texte lorsque l'utilisateur est en mouvement
Lorsque vous conduisez, le texte doit être tronqué pour éviter de distraire l'utilisateur.

Exemples de modèles de liste

Les exemples Android Auto et Android Automotive OS (AAOS) suivants ont été créés à l'aide du modèle de liste.

Exemple d'affichage de zones géographiques
Liste uniforme des lieux (exemple Android Auto)
Exemple d'affichage des paramètres
Liste avec sections et activation/désactivation des lignes (exemple Android Auto)
Exemple de liste sélectionnable
Liste sélectionnable avec cases d'option : aucune section ou ligne non sélectionnable (exemple AAOS)

Lister les exigences liées à l'expérience utilisateur des modèles

Développeurs d'applications:

OBLIGATOIRE Inclure un en-tête de section lorsque des sections sont présentes.
NE DOIT PAS ÊTRE Mélangez les lignes sélectionnables (lignes avec cases d'option) avec d'autres types de lignes, ou séparez-les par des sections.
FORTEMENT RECOMMANDÉ Présenter les sélections par défaut sur les listes sélectionnables
FORTEMENT RECOMMANDÉ sont associées à une action à chaque élément de la liste (il est déconseillé d'utiliser des lignes réservées à des informations) ;
FORTEMENT RECOMMANDÉ Placez le contenu dans le texte secondaire destiné à être lu au début de la conduite afin d'éviter qu'il ne soit tronqué.
NE DOIT PAS Incluez une bande d'actions et un bouton d'action flottant en même temps.
MAI Diviser le contenu d'une liste en sections
MAI Si nécessaire, mélangez les lignes dotées d'un bouton bascule avec d'autres lignes.
MAI Mettez à jour le texte de la ligne et le composant Image ou icône lorsque l'utilisateur change d'état.