Annexe B, personnalisation

Pour vous assurer que les personnalisations de l'interface utilisateur de l'application pour voitures fonctionnent comme prévu, vous DEVEZ respecter les éléments décrits ci-dessous.

Général

Les limites de cette section sont vraies quelle que soit la mise en page:

Element Description

Typographie
  • Les libellés de texte des onglets DOIVENT être suffisamment larges pour afficher des chaînes d'au moins six caractères "W".
  • Les conteneurs de texte DOIVENT être suffisamment hauts pour afficher un seul caractère "H".
  • Les tailles de texte DOIVENT apparaître dans l'ordre décroissant, par exemple:

    car_ui_body_1 > car_ui_body_2 > car_ui_body_3

Contraste
  • Le contraste entre le premier plan (texte) et l'arrière-plan doit être d'au moins 4,5:1.
  • Le contraste entre la couleur du bouton et l'arrière-plan doit être d'au moins 3:1.
  • Le contraste de l'état sélectionné de l'onglet avec l'arrière-plan DOIT être d'au moins 4,5:1.
  • Le contraste entre l'état sélectionné et l'état non sélectionné de l'onglet doit être d'au moins 3:1.

Autres
  • Toutes les icônes DOIVENT être des drawables vectoriels.
  • Les cibles tactiles doivent avoir une largeur d'au moins 76 dp.
  • Les constantes de marge intérieure DOIVENT apparaître par ordre décroissant, par exemple:
    car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2

Composants

Les valeurs ci-dessous s'appliquent à des composants spécifiques:

Element Description

Barre d'outils

 DOIT être suffisamment large pour afficher des chaînes de titre d'au moins 20 caractères "W".

Preference

 DOIT être suffisamment large pour afficher des chaînes de titre d'au moins 20 caractères "W".

Vue de style application

DOIT être:

  • Assez large pour afficher au moins 672 pixels indépendants de la densité (dp).
  • Assez haute pour afficher au moins 672 dp.

Mise en page

Les limites de cette section concernent des mises en page et des combinaisons spécifiques de composants de la bibliothèque d'UI pour voitures. Une série de cas uniques ont été observés et généralisés en tendances émergentes.

Boîte de dialogue "Position"

Boîte de dialogue de test contenant le même contenu que la boîte de dialogue de localisation des services Google Play, créée avec des composants de la bibliothèque d'UI de voiture et testée pour garantir une visibilité complète du contenu:

Element Description
Title DOIT être suffisamment large pour afficher des chaînes d'au moins 38 caractères "W".
Body

DOIT être entièrement visible et suffisamment grande pour afficher:

  • Chaînes pouvant comporter au moins 270 caractères "W".
  • Au moins quatre lignes de texte.
Incitation à l'action (CTA)

L'incitation à l'action doit être entièrement visible:

  • La boîte de dialogue doit être suffisamment large pour afficher au moins deux incitations à l'action.
  • Les titres DOIVENT être suffisamment larges pour afficher des chaînes d'au moins neuf caractères "W".

Écran des paramètres

L'écran "Paramètres du test" se compose des composants de la barre d'application, du sous-en-tête et des éléments de liste, qui sont décrits dans le tableau suivant:

Element Description
Barre d'application
  • Le titre doit être suffisamment large pour afficher des chaînes d'au moins 12 caractères "W".
  • Doit mesurer au moins 76 dp de haut.
Subheader DOIT être suffisamment large pour afficher des chaînes d'au moins 12 caractères "W".
Éléments de liste

DOIVENT être:

  • Assez large pour afficher des chaînes d'au moins 12 caractères "W".
  • Au moins 76 dp de hauteur