Skip to content Skip to sidebar Skip to footer

Design system web : pourquoi et comment le mettre en place

Comme un brand book, un système de design est une collection de directives et d’éléments standardisés (composants) pour concevoir et développer un produit digital.

Il répond aux questions et préoccupations de toutes les personnes impliquées dans la production d’un produit digital. Il simplifie le travail de conception et de développement, permettant aux équipes de se concentrer sur des problématiques de design plus complexes.

Les UX/UI designers, graphistes, product owners, product managers, analystes métiers, développeurs et rédacteurs de contenu utilisent les systèmes de design.


L’importance d’un système de design

L’utilisation d’un système de design devient conseillée lorsque deux produits portent le même nom de marque (par exemple, un site web et une application).

Il est essentiel pour les grandes organisations qui possèdent et développent une dizaine ou plus de produits digitaux.

Son absence impactera fortement la compétitivité des nouveaux produits (le temps et le coût de production pouvant être multipliés).

Il améliore également de manière significative le workflow de conception et de développement.


Quand aurez-vous besoin d’un système de design ?

L’utilisation d’un système de design est recommandée lorsque l’une des situations suivantes apparaît dans votre entreprise :

  • Les développeurs UI implémentent des composants contraires au design préparé par les designers UI.
  • Les développeurs d’interface passent plus de temps ou autant de temps sur des tâches similaires.
  • La qualité et la conversion des éléments UI ne sont pas testées.
  • Les résultats du processus de conception et de développement sont chaotiques dans votre projet ou organisation.
  • L’équipe s’agrandit et de nouveaux membres vont bientôt arriver.
  • Vous souhaitez organiser ou faire passer le processus de développement au niveau supérieur.
  • Votre entreprise n’a pas de procédures DesignOps.

La mise en place d’un système de design dans votre organisation résoudra l’une de ces problématiques.


Qui utilise les systèmes de design ?

Contrairement aux idées reçues, les systèmes de design ne sont pas une dépense énorme, et l’effort requis peut être comparé à la mise en œuvre d’une norme ISO. Ainsi, peu importe la taille de votre entreprise : grande, petite ou très petite, vous pouvez vous permettre de créer un système de design.

La création d’un système de design est une décision stratégique d’entreprise, puis devient un processus intégré à l’organisation du travail.

La meilleure preuve de l’utilité des systèmes de design est que tous les grands acteurs de l’industrie IT et design en possèdent un.


Les systèmes de design les plus populaires

Material Design System

Développé par Google, le Material Design System est une collection de ressources largement reconnue et populaire. Ce système contient des ensembles de composants utiles pour les processus de design UX et UI. Il propose également des implémentations pour Android, le Flutter Framework, et le design web standard.

Human Interface Guidelines

Créé par Apple, ce système est un outil complet pour créer des produits digitaux pour les appareils iOS. C’est une véritable bibliothèque de composants et de bonnes pratiques permettant aux développeurs et équipes de design de créer des applications pour toutes les plateformes Apple, y compris visionOS.

Atlassian Design System

Utilisé par Atlassian, ce système de design vise à créer une expérience utilisateur fluide et intuitive. Il se concentre sur le développement des interfaces utilisateurs et inclut des directives sur le design et la programmation.

Carbon Design System

Créé par IBM, ce système de design regroupe snippets de code, outils de design, matériaux et directives pour l’interface utilisateur. Il met aussi l’accent sur la communication avec la communauté et l’application de ses recommandations.

Base Design System

Développé par Uber, Base est un système de design pour l’application mobile de services de transport. C’est une boîte à outils open-source pour composants React. Base prend en charge les lecteurs d’écran et est optimisé pour les appareils avec une connexion Internet faible.

DHL Design

Le système de design de DHL se concentre sur la cohérence entre les différentes marques de l’entreprise : DHL, DHL Group et Deutsche Post. Il explique les différences entre ces marques et la manière de concevoir correctement les éléments pour maintenir l’identité visuelle.

Ant Design System

Créé par Ant Group (filiale d’Alibaba), ce système aide les designers produits à fournir une meilleure expérience utilisateur, notamment pour la plateforme de paiement mobile Alipay.

Audi Design System

Développé par Audi, ce système est une source unique regroupant tous les composants et directives utiles au développement produit. Son objectif est d’optimiser le travail des équipes et de faciliter l’intégration des nouveaux employés.

U.S. Web Design System

Saviez-vous que le gouvernement des États-Unis possède son propre système de design ? Il sert de base pour des sites comme le NASA Glenn Research Center, la National Institute of Health Library, ou le U.S. Department of Veterans Affairs. L’objectif général est de rendre la création de sites web plus efficace, sur desktop comme sur mobile.

 

Auteur/autrice

  • Thibault B

    Thibault Bouday est un développeur et expert SEO indépendant qui travaille actuellement pour l'agence Tikéo à Besançon. Son expérience dans le domaine du web lui permet aujourd'hui d'apporter une réelle expertise sur les sujets SEO et édition de site. Passionné par les nouvelles technologies et les stratégies digitales, Thibault excelle dans l'optimisation des performances en ligne et l'amélioration de la visibilité des sites web. Il maîtrise les outils d'analyse tels que Google Analytics, SEMrush et Majestic SEO, et est constamment à l'affût des dernières tendances en matière de référencement.

    Voir toutes les publications

Leave a comment