Présentation
Les chips sont des éléments interactifs compacts qui permettent aux utilisateurs de filtrer le contenu situé en dessous ou de déclencher des actions rapides. Les composants compacts permettent de simplifier l'exécution des tâches en déplacement en présentant des options contextuelles pertinentes par rapport au contenu et en réduisant le temps de navigation.
Pour que la clarté visuelle soit optimale, les mises en page ne doivent pas comporter plus de sept chips par ligne. Les chips sont très flexibles et s'adaptent au langage visuel de votre marque. Vous pouvez personnaliser la forme, la couleur de l'arrière-plan et la couleur de la bordure en fonction du thème d'interface utilisateur choisi.
Les chips peuvent contenir les éléments suivants :
- Une icône uniquement
- Un libellé textuel uniquement
- Icône et libellé (dans les deux sens)
Composition
1. Icône ou image précédant le texte
2. Texte du libellé
Exigences en termes d'UX
Pour garantir une expérience sécurisée et cohérente dans toutes les applications, respectez les exigences de conception suivantes :
Niveau d'exigence |
Contenu |
|---|---|
OBLIGATOIRE |
Incluez une icône ou un libellé. |
DEVRAIT |
Utilisez un style visuel unique, comme une couleur ou une forme distincte, pour communiquer les différents états des chips. |
DEVRAIT |
Implémentez un style cohérent pour tous les chips de votre application. |
DEVRAIT |
Évitez de mélanger des chips avec et sans état dans le même groupe de composants. |
DEVRAIT |
Placez les chips critiques ou recommandés au début du conteneur. |
DEVRAIT |
Le texte du libellé doit être bref et descriptif. Évitez les textes longs qui sont tronqués et augmentent la charge cognitive. |