Variante de composant
Une variante est une forme définie d’un composant commun. Elle se distingue d’un état d’interaction temporaire.
Définir les différences au sein d’un composant
Une variante de composant est une forme délibérément définie d’un même composant d’interface. Elle peut différer selon le sens, la taille ou l’usage. Chaque système de design détermine les différences qui constituent des variantes.
Dans un exemple simplifié, un bouton possède une variante principale pour l’action prioritaire et une variante plus discrète pour une action secondaire. Les deux partagent les règles fondamentales. Le focus clavier ou le traitement d’une requête constituent, eux, un état temporaire.
Un outil de design peut représenter variantes et états de façon techniquement similaire ; leur distinction reste utile. Une variante n’est pas non plus une copie indépendante du composant. Une copie peut manquer les mises à jour communes. Les nouvelles variantes doivent répondre à un besoin réellement récurrent pour préserver la compréhension du composant.
Sources
Termes associés
- Composant d’interfaceUn composant d’interface est un élément réutilisable. Sa fonction détermine la présentation et le comportement d’interaction nécessaires.
- Système de designUn système de design associe règles graphiques, composants réutilisables et consignes d’usage. Il exige aussi maintenance et suivi des changements.
- Transmission du design au développementLa transmission du design prépare sa mise en œuvre. États, comportement et décisions encore ouvertes doivent être compréhensibles.
- Bibliothèque de composantsUne bibliothèque de composants rassemble des éléments d’interface réutilisables. Comportement, variantes et version adaptée comptent aussi pour leur utilisation.
- Design tokenUn design token enregistre une décision graphique nommée. Plusieurs composants peuvent le réutiliser et sa valeur se modifie à un endroit défini.
Articles sur le sujet
Votre projet avec ASES
Décrivez-nous votre projet. Nous revenons vers vous avec une première évaluation.