Design System : suivez le guide !

Design System, Suivez Le Guide !

1. Qu’est-ce qu’un Design System ?

Un Design System est une bibliothèque réunissant les composants visuels et principes de conception. C’est un référentiel ergonomique commun pour les Designers, les Développeurs et les Product Managers.

Il propose un langage visuel, dynamique et partagé. Il s’appuie sur la charte graphique et va au-delà en définissant un guide des éléments graphiques utilisables dans les produits d’une marque.

On y retrouve :

  • Les palettes de couleurs
  • Les typographies
  • Les icônes
  • Les boutons
  • Les champs de saisie
  • Les structures d’espacement
  • Les principes de communication (ton, vocabulaire, image)
  • On peut également y retrouver les valeurs, l’état d’esprit et l’identité de marque de l’entreprise.

Généralement une documentation en ligne permet d’accéder facilement à ces différents éléments.

Un Design System simple et pratique
Un Design System simple et pratique

2. Quels sont les avantages d’un Design System ?

  • Créer une homogénéité, une cohérence, dans un produit et entre les produits d’une marque.
  • Améliorer l’expérience utilisateur et l’expérience collaborateur.
  • Aligner et faciliter la communication des équipes internes sur les éléments d’interface.
  • Accélérer la production de nouveaux produits, tant au niveau du Design que des Développements.
Design system d’un bol de céréales
Design system d’un bol de céréales

3. Comment le mettre en place ?

Construire un Design System s’apparente à construire un produit.

Les étapes sont souvent les suivantes :

Étape 1 : Définir et analyser

  • Identifier les besoins et problèmes rencontrés par les équipes
  • Mener un Audit des éléments graphiques existants
  • Comprendre les objectifs Business et ceux des équipes de réalisation

Étape 2 : Initier le Design System

  • Construire le Design System
  • L’organiser et le diffuser
  • Itérer et le faire vivre avec une communauté dédiée

4. Quelques exemples

5. Quelques conseils

  • Faites participer tous les acteurs intervenants dans la création Produit
  • Donner un petit nom à votre Design System
  • Garder le bien en ordre
  • Utiliser les bons outils (Figma/zeroheight)
  • Faites-le évoluer (créé une communauté interne et un backlog)
  • Rester simple, il doit être facilement utilisable par les équipes
  • Faites appel aux meilleurs