Drupal 10
Le design system
Un design system est un outil qui aide à créer des interfaces utilisateur cohérentes et efficaces.
Une bibliothèque de composants sur-mesure
Un design system, ou système de design en français, est une bibliothèque de composants (couleurs, typographies, boutons, logos, blocs) et de ressources utilisés pour la création et la maintenance de l'interface utilisateur d'un projet web. Outil précieux pour les développeurs et les designeurs, il permet de gagner du temps et de l'argent, tout en améliorant la qualité de l'expérience utilisateur.
Une identité visuelle cohérente et facilement maintenable
Le design system répond à plusieurs objectifs stratégiques.
Un design system peut aider à créer des interfaces utilisateur qui sont plus faciles à utiliser, plus intuitives et plus agréables à regarder.
Un design system permet de gagner du temps et de l'argent en évitant de devoir créer des composants et des ressources à partir de zéro.
Un design system peut aider à garantir que tous les membres d'une équipe travaillent sur la base des mêmes principes et normes graphiques.
Un design system rend la maintenance et la mise à jour d'un produit numérique (site, application, logiciel métier) plus simple.
Un design system permet de diffuser l'identité visuelle de l'entreprise sur l'ensemble de ses produits et services.
Des ressources accessibles à tous
Une fois finalisé, le design system prend la forme d'un dossier Figma présentant d'une part, les fondamentaux de d'identité (couleurs, icônes, logos, typographies...) et d'autre part, les composants, à savoir les différents types de blocs qui composent votre site.
Quand réaliser un design system ?
Un design system entre en jeu généralement une fois que la direction artistique a été finalisée et les maquettes de conception ont été validées.
À ce moment, il permet de formaliser et de documenter les principes de conception, les composants, les styles, et les directives d'interaction qui assureront la cohérence visuelle, l'efficacité du développement, et l'amélioration de l'expérience utilisateur tout au long de la réalisation du projet web. Cependant, il peut également être mis en place à tout moment pour optimiser la gestion du design, la convivialité et l'efficacité du développement, même sur un site web existant.
Consultez l'étude de cas !