Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

Alias card ou fiche

Les cartes (ou cards en anglais) sont des éléments d'interface utilisateur qui permettent de présenter des informations de manière concise et structurée. Les cartes sont très populaires dans le design d'interface en raison de leur capacité à organiser et à présenter des informations de manière efficace.

Avantages

Inconvénients

  • Elles permettent une présentation claire et organisée de l'information

  • Elles sont facilement adaptables à différents types de contenus

  • Elles facilitent la navigation de l'utilisateur sur un site ou une application

  • Elles sont souvent utilisées en combinaison avec des images pour rendre l'information plus attrayante

  • Elles sont souvent responsives, ce qui signifie qu'elles s'adaptent bien aux différentes tailles d'écran

  • Si elles ne sont pas utilisées correctement, elles peuvent rendre l'interface surchargée et confuse

  • Trop de cartes peuvent ralentir le temps de chargement d'une page ou d'une application

  • Elles peuvent ne pas être adaptées pour des contenus complexes nécessitant des informations détaillées

Meilleures pratiques pour le design de cartes:

  • Utiliser des visuels attractifs pour accompagner les informations présentées

  • Utiliser une typographie claire et lisible pour les titres et les descriptions

  • Éviter de surcharger les cartes avec trop d'informations

  • Prioriser les informations les plus importantes en les plaçant en haut de la carte

  • Rendre les cartes interactives avec des boutons ou des liens cliquables

  • Assurer une hiérarchie visuelle claire et facilement compréhensible

  • Éviter de faire des cartes trop petites ou trop grandes

  • Tester régulièrement les cartes pour s'assurer qu'elles fonctionnent bien pour les utilisateurs

Références

https://designsystem.quickbooks.com/component/cards/

https://designsystem.morningstar.com/components/card/?version=3.2.3&tab=variations

Étiquette : https://rivet.iu.edu/components/page-content/badges/, https://liferay.design/lexicon/core-components/labels/, https://primer.style/css/components/labels, https://stackoverflow.design/product/components/badges/

  • No labels