Qu’est ce qu’un Design System ?

Au sommaire de cet article:

  • Qu’est-ce qu’un Design System ?
  • L’importance du Design System
  • Concevoir un design System
  • Les bénéfices du Design System
  • Quelques références de Design System

Qu’est-ce qu’un Design System ?

Un Design System est une collection de composants réutilisables et interchangeables, régis par des principes UX et graphiques clairs, formant un langage commun.

L’importance du Design System

Une problématique pas si nouvelle que cela

Mais, pourquoi les Designs Systèmes sont-ils si populaires tout à coup ?

  • Tout d’abord, la volonté d’une expérience utilisateur unifiée sur toutes les plateformes — Il y a désormais autant d’expériences et parcours utilisateurs qu’il y a de points de contacts avec les utilisateurs. Les entreprises réalisent de plus en plus l’importance d’une expérience intégrée et continue entre chaque plateforme — Et cela passe par l’utilisation d’un langage visuel cohérent et partagé entre toutes ces plateformes ; la cohérence et la prédictibilité étant deux aspects clés dans le Product Design.
  • Ensuite, la volonté aussi de “scaler” le design et le développement — Les méthodes “traditionnelles” de conception ne sont plus nécessairement en adéquation avec la volonté de croissance des entreprises. Il faut pouvoir faire grandir un produit sans détériorer la qualité de l’expérience utilisateur proposée, ni même la qualité du code écrit.
  • Enfin, le développement des frameworks basés sur des bibliothèques de composants — Les évolutions technologiques ont permis la mise en place d’architectures web basées sur des composants, de même que les designers ont vu leurs méthodes de travail elles-aussi bouleversées par l’arrivée des librairies de symboles et du concept de UI Kit.

Concevoir un design System

Concrètement, de quoi est fait un Design System ?

  • Un Design System n’est pas un UI Kit.
  • Un Design System n’est pas une bibliothèque de composants React.
  • Un Design System n’est pas une charte graphique ou un brandbook.
  • C’est tout à la fois et bien plus que ça.

Le Design :

Le Développement :

La Stratégie :

La documentation :

Les gens :

Un Design System est un peu comme l’étoile du berger, celle qui nous guide à travers les méandres de la conception et de développement de produits.

Les bénéfices du Design System

Pourquoi devrions-nous investir dans un Design Systèm ?

Des interfaces cohérentes

Une dette design réduite

Une expérience utilisateur delightful

Un gain de temps considérable …

… Et donc, un gain d’argent

Une meilleure collaboration d’équipe

Quelques références de Design System

Material Design

Atlassian

Spectrum

--

--

👋 Je suis product Designer chez Pelostudio avec une passion pour les Design System. ❤️🧘‍♀️🍫

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store