Les listes du Design System

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.

Thumbnail_FR.png

 

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.

ActionButton_FR.png

 

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.

Selection_FR.png

 

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.

Group_FR.png

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).

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0