Expertise

13 décembre 2018

11 min

Le Design System : une révolution dans la création digitale

Par Colline Marabese, Product Manager
Partager sur :

Le Design System est un ensemble de règles permettant de faciliter l’uniformisation des contenus digitaux et donc la cohérence visuelle globale. Il regroupe la charte graphique, l’UX et la charte éditoriale.

Il s’agit donc d’un ensemble extrêmement vaste et complet qui peut faire la différence.

La légende raconte même que ceux qui utilisent le Design System dans leur processus de création ne peuvent plus s’en passer car bien trop séduits par une souplesse sans pareille… Prêts à découvrir si la légende dit vrai ?

Efficacité
Gagner du temps

Et oui, Design System rime avec gain de temps (bon, ça ne se voit pas trop comme ça mais pourtant si !). En effet, le Design System utilise le principe de l’atomic design qui permet de regrouper un ensemble de composants (boutons, blocs spécifiques, champs, vignettes, etc.) qui seront utilisés pour la conception d’interfaces.

Ce système permet un gain de temps considérable à la fois pour le designer et le développeur dans la mesure où un changement sur un composant se répercutera automatiquement sur l’ensemble des composants du même type. Par exemple, si votre bouton de devis est rouge et que vous souhaitez le changer en vert, la modification ne sera à faire qu’à un seul endroit et s’appliquera sur l’ensemble des pages où le bouton de devis apparaît.

Et, bien entendu, qui dit gain de temps pour le prestataire, dit gain de temps pour vous ! Et qui dit gain de temps dit gain d’argent !

Vous commencez déjà à être conquis par le Design System ? Attendez de lire la suite…

Plus de cohérence

Créer un environnement de marque homogène

Le Design System permet d’établir une cohérence à plusieurs niveaux :

  • Des composants : En permettant d’assurer des interfaces homogènes qui deviendront par la suite familières pour l’utilisateur
  • Des pages : Certaines pages utiliseront le même gabarit, ce qui vous permettra d’organiser vos contenus de manière logique et cohérente.
  • Des résolutions : Un système de grille est défini en amont pour fonctionner sur toutes les résolutions et avoir un rendu optimal aussi bien sur mobile que sur grand écran.
  • De la communication : Définir une charte éditoriale permet de conserver une cohérence en termes d’expérience client.
  • Des différents supports : Les règles qu’instaure le Design System permettent également d’uniformiser l’ensemble de vos supports à la fois sur le plan graphique, fonctionnel et éditorial afin de créer une réelle continuité d’un support à un autre.

Cette nécessité de cohérence à la fois visuelle et éditoriale est capitale, d’une part, pour votre marque car elle permettra d’affirmer son positionnement et son discours et, d’autre part, pour l’utilisateur car ce dernier bénéficiera d’une expérience utilisateur continue et logique.

Collaborer plus facilement

Simplifier les évolutions futures

Il serait contre productif de figer votre interface et/ou votre identité visuelle et de vous priver de toute évolution ! Surtout dans le secteur du digital où les usages, les normes et les besoins évoluent rapidement.

Faire vivre votre support digital sera plus simple grâce à ce système de référence qui permettra aux équipes de modifier certaines propriétés (tailles, couleurs ou formes) de certains composants en en mesurant l’impact sur les différentes interfaces.

Dans le monde du digital, il est important de chercher en permanence comment optimiser les outils à notre disposition afin de gagner en productivité. Le Design System, c’est le fruit même de cette réflexion : c’est LA solution pour être rapide et efficace tout en fournissant un travail de qualité.

Partager sur :

En ce moment, sur la planète Adeliom

Expertise

16 Sep 2024

14 min

Content First : anticiper le contenu pour améliorer l’expérience

Expertise

19 Août 2024

11 min

Voilà pourquoi il est essentiel de discuter avec ses utilisateurs

Évènement

29 Juil 2024

13 min

Retour sur la conception d’une expérience d’apprentissage médicale immersive en réalité augmentée