Système de design
Un système de design associe règles graphiques, composants réutilisables et consignes d’usage. Il exige aussi maintenance et suivi des changements.
Des règles communes pour les interfaces numériques
Un système de design réunit des fondations graphiques, des composants réutilisables et des règles d’utilisation, entretenus dans la durée. Il peut décrire couleurs, typographie, champs et comportement en cas d’erreur. Responsabilités et changements en font aussi partie.
Dans une entreprise fictive, portail client et administration interne utilisent le même champ de saisie. Le système de design définit son libellé, son aide et l’affichage des erreurs. Chaque application décide toujours de la validité métier d’une adresse ou d’un numéro client.
Une bibliothèque de composants fournit les éléments ; le système de design précise aussi quand et comment les utiliser et les faire évoluer. Une collection de belles maquettes ne suffit pas. Le périmètre doit correspondre aux interfaces réellement récurrentes pour équilibrer entretien et utilité.
Sources
Termes associés
- 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.
- 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.
- Ordre du focusL’ordre du focus définit le parcours des éléments pouvant recevoir le focus. Il doit préserver le sens et l’utilisation lors des changements dynamiques.
- Piège au clavierUn piège au clavier bloque la navigation dans une zone. Un confinement volontaire du focus dans une boîte de dialogue doit prévoir une sortie utilisable.
- Lien d’évitementUn lien d’évitement mène au contenu principal en évitant les blocs de navigation répétés. La navigation au clavier doit ensuite continuer au bon endroit.
- Nom accessibleLe nom accessible désigne un contrôle pour les technologies d’assistance. Il doit expliquer l’action et correspondre au texte visible.
Articles sur le sujet
Design & UX avec ASES
Expérience utilisateur, interfaces et image de marque