Fiches

Les cartes peuvent contenir des informations très variées, comme du texte, des icônes, des images, des réponses Gemini ou des actions.

Principes

Cohérence : les cartes regroupent des informations et des actions associées dans une seule unité facile à comprendre.

Clarté : elles présentent le contenu de manière claire et organisée, ce qui facilite la lecture.

Polyvalence : les cartes peuvent s'adapter pour afficher un large éventail de contenus, allant de petits extraits de texte à des résumés plus complexes comportant plusieurs éléments.

Modularité : elles sont conçues pour être modulaires et réutilisables dans différentes parties de l'interface Jetpack Compose Glimmer pour lunettes.

Utilisation et emplacement

Les cartes peuvent contenir des informations très variées, comme du texte, des icônes, des images, des actions ou des réponses Gemini.

Utilisez les modèles de cartes Jetpack Compose Glimmer pour le contenu, car ils existent dans de nombreuses variantes et sont optimisés pour suivre les principes de conception des lunettes.

check_circle

À faire

Veillez à ce que le contenu soit concis et respectez les bonnes pratiques en matière de style, comme l'utilisation des couleurs.

cancel

À éviter

Ne submergez pas les utilisateurs avec trop de contenu dans les cartes et ne dérogez pas aux consignes de style.

Utilisez un groupe de boutons avec une carte pour afficher plusieurs actions.

check_circle

À faire

N'utilisez qu'un seul bouton imbriqué dans une carte pour une meilleure concentration.

cancel

À éviter

N'utilisez pas plusieurs boutons dans une carte. Les cartes ne doivent pas être traitées comme une boîte de dialogue mobile.

Anatomie

Les cartes sont créées à l'aide de modèles d'emplacements prédéfinis.

1. En-tête : section supérieure de la carte, conçue pour contenir une image. 

2. Titre et sous-titre : ces champs de texte fournissent les libellés principal et secondaire de la carte. 

3. Icône précédant le texte : icône facultative qui apparaît au début de la zone de contenu de la carte.

4. Icône suivant le texte : icône facultative qui apparaît à la fin de la zone de contenu de la carte.

5. Action : emplacement pour un élément interactif principal, tel qu'un bouton. Cela permet aux utilisateurs d'effectuer une action directement à partir de la carte. Si une carte comporte une action, elle ne doit en contenir qu'une seule.

6. Contenu principal : corps principal de la carte, où vous placez le texte principal ou tout autre contenu.

Concentration

Pour les cartes dont l'objectif principal est d'héberger un élément interactif spécifique (comme le bouton dans l'action), le focus doit être directement dirigé vers cet élément, et non vers le conteneur de la carte. Une carte devient focalisable lorsqu'elle représente un élément unique et navigable, tel qu'une entrée dans une liste. Cela offre une expérience utilisateur plus directe et accessible.

Carte dont le focus est un élément de liste.

Un bouton dans une carte est mis en évidence en tant qu'élément exploitable.

Personnalisation