Formatez votre application de sorte qu'elle corresponde à l'environnement. Les listes sont pratiques pour afficher un large nombre d'éléments complexes.
Vignette
Pour afficher des éléments complexes tout en les rendant compréhensibles, nous avons développé des cartes-vignettes. Les cartes-vignettes contiennent des informations basiques décrivant les éléments. Cliquer sur une carte-vignette ouvre une vue détaillée de l'élément.
Actions
Les filtres contiennent un nombre de critères, avec des valeurs par défaut, critères définissant le contexte de la page.
Bouton d'action
Vous pouvez trouver des boutons d'action directement à l'intérieur de la carte-vignette. Nous recommandons de positionner l'action à l'extrémité de la carte-vignette.
Sélection
Les utilisateurs sélectionnent un ou plusieurs éléments de la liste. Nous recommandons de positionner la case à cocher (ou le bouton radio) à gauche de la carte-vignette.
Groupes
Lorsque des éléments sont regroupés, utilisez une carte-vignette comme en-tête du groupe pour indiquer ce que sont les éléments et ce qu'ils ont en commun.
Remarque : Vous pouvez avoir des actions dans l'en-tête du groupe, si nécessaire.
Pour plus d'informations, voir Finance Active's Design System (en anglais).