Gardez un thème par carte
Déterminez ce que les utilisateurs doivent savoir avant de décider d’ouvrir une carte.
Carte Système de conception
Collectez des informations et des actions dans une seule unité facile à analyser.
Contenu de la checklist
Progression de la vérification
01
Structure et signification
Comparer les informations et la présentation dans le contexte d'utilisation.
02
Interaction et convivialité
Essayez l'opération, modifiez le statut et continuez à travailler.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Comment vérifier
EXEMPLES
Exemples d’utilisation
Gardez un thème par carte
La fiche du cours indique le nom, le niveau et la durée avant le bouton « Voir le cours ».
Variantes et cas d’usage
Distinguer les cartes
Utilisez une bordure ou un fond pour séparer la carte de la page, avec la même règle pour un même type de contenu.
Testez les cartes sur des fonds clairs et sombres ; leur contour doit être visible sans dépendre de l’ombre.
Exemple Une carte de document possède une bordure nette et un titre cliquable.
Espacement à l’intérieur d’une carte
Regroupez la photo, le titre, la description et les actions par des espacements qui reflètent leurs relations.
Testez un titre sur deux lignes et une photo absente ; les espacements ne doivent pas créer de vide inutile.
Exemple La photo est séparée du titre par 12 px ; la description est plus proche du titre que du bouton en bas de carte.
Coins arrondis et découpe du contenu
Utilisez des rayons appartenant à la même échelle de conception et découpez l’image selon les coins du cadre.
Placez la photo au bord de la carte et activez le focus ; l’image ne doit pas dépasser des coins et le contour de focus ne doit pas être coupé.
Exemple Seuls les deux coins supérieurs de la photo en haut de carte sont arrondis ; le fond du pied de carte se prolonge jusqu’au cadre.