BT

Diffuser les connaissances et l'innovation dans le développement logiciel d'entreprise

Contribuez

Sujets

Sélectionner votre région

Accueil InfoQ Articles Design System : Comment Rationaliser Son Ecosystème Digital Et Gagner Du Temps ?

Design System : Comment Rationaliser Son Ecosystème Digital Et Gagner Du Temps ?

Favoris

Points Clés

  • Qu'est-ce qu'un Design System ?
  • Gain de productivité et de temps
  • Un projet stratégique pour l'entreprise
  • A quel moment implémenter un Design System ?

Applications, sites internet, e-commerce, réseaux sociaux… L’écosystème digital des entreprises est de plus en plus complexe. Alors comment organiser cette multitude de supports ? Un nouvel outil a émergé ces dernières années : Le Design System. Une charte graphique "3.0" qui combine identité visuelle, composants graphiques et guides d’usage. "Mais c’est bien plus que cela. C’est un outil extrêmement puissant pour les entreprises. Il permet de gagner du temps, de rationaliser son écosystème et d’automatiser un certain nombre de choses", affirme Antoine Voland-Logerais, Associé de l’agence de Marketing & de Design Puzzle. Revue du détail.

Qu’est-ce qu’un Design System ?

On peut représenter un Design System comme une bibliothèque d’éléments graphiques modulaires qui reprend composants, principes et visuels d’une marque. Il donne les clefs de l’identité d’une entreprise. On y retrouve :

  • les valeurs et les tonalités de la marque ;
  • l’univers colorimétrique et iconographique ;
  • les typographies utilisées ;
  • les principes fondamentaux UX-UI (User eXperience-User Interface) ;
  • les composants UI réutilisables (boutons, formulaires…) ;
  • la charte graphique de l’ensemble des supports print et web.

Il répond à 3 enjeux majeurs :

  • Rationaliser son écosystème digital pour le rendre cohérent.
  • Automatiser les changements de design pour adapter ou faire évoluer rapidement son site ou son application.
  • Proposer des interfaces ergonomiques et une expérience omnicanale fluide aux utilisateurs.

Si nous devions prendre un bon exemple de ces enjeux ce serait la plateforme Netflix dont le succès dépend pour beaucoup de l'ingénierie UX. Élaborer un Design System était primordial pour eux : assurer une cohérence visuelle sur toutes leurs interfaces (l’entreprise compte plus de 80 applications), une logique de recherche qui conviendrait à tous les pays ciblés, gagner en rapidité sur l’évolution UX, etc. C’est tout un écosystème Netflix qu’il fallait mettre en place. Aujourd’hui, le Design System Netflix utilisé pour tous les composants modulaires qui servent à la fois aux designers et aux ingénieurs UX s’appelle Hawkins.

Gain de productivité et de temps

On ne peut pas résumer un Design System à ses composants. "Il s’agit d’un outil de collaboration qui permet de transformer l’entreprise à tous les niveaux. Il libère du temps pour permettre aux designers, aux développeurs et au marketing de se concentrer sur leur vraie valeur ajoutée : l’innovation, précise Kristina Gudim, Head of Design & Innovation chez Puzzle".

Il documente tous les usages pour permettre aux équipes de gagner beaucoup de temps dans leurs nouvelles créations. D’après une étude Figma, les designers et les graphistes qui utilisent un Design System gagnent jusqu’à 33 % de productivité dans leur travail !

Les éléments d’un Design System sont organisés sous forme de variables. Ainsi, un changement sur le fichier "mère" permet de mettre à jour l’ensemble du système pour des éléments comme les couleurs, les typographies, les espacements ou les boutons. Ce fonctionnement peut même être poussé plus loin en pré-codant les composants et en automatisant leur mise à jour sur l’ensemble des supports digitaux.

Un projet stratégique pour l’entreprise

Le Design System va au-delà du digital : il intègre tous les composants d’une entreprise, du print à la PLV, en passant éventuellement par les goodies ou les locaux. L’implémentation d’un Design System va souvent de pair avec un changement dans les modes de travail et de management. Sa nature même, au croisement du marketing, du design et du développement favorise les interactions entre les métiers et casse les silos.

Il s’inscrit également dans un plan stratégique global : au moment de sa conception, on intègre l’ensemble des produits ou des services, mais aussi les perspectives d’évolution et les besoins à venir d’une entreprise. Le Design System doit être conçu dans une vision globale.

A quel moment implémenter un Design System ?

Le Design System présente de nombreux avantages à n’importe quelle étape de la vie d’une entreprise. Il peut être pensé lors de l’élaboration d’un produit pour faciliter son déploiement et créer une expérience homogène. Il peut également être un formidable outil pour repositionner une marque déjà bien implantée.

La refonte du e-commerce et le repositionnement digital de Lapeyre, le spécialiste français de l’aménagement a, par exemple, été l’occasion de créer leur propre Design System. Cela a permis à la marque d’adopter une identité commune et transverse aux différents départements supports (et départements). L’occasion aussi de repenser l’expérience online et l’identité associée, pour la rapprocher de celle vécue en magasin et à travers les produits.

A la fois outil de transformation, d’amélioration des performances et de l’expérience utilisateur, le Design System est aujourd’hui au cœur de la stratégie des grandes entreprises. Ikea, Leroy Merlin ou encore Apple sur un autre marché... Il a dépassé le strict domaine des Airbnb et autres Netflix. Et avec les dernières innovations dans le domaine, il s’est largement démocratisé et est désormais accessible aux plus petites entreprises comme les PME ou les start-ups. 
 

A propos de l'auteur

Antoine Voland-Logerais est le cofondateur et Head of Strategy de l’agence Puzzle, spécialisée en webmarketing et design UX-UI. Il aime croiser les approches de marketing, user experience et les sciences humaines pour offrir à ses clients des solutions digitales simples et performantes. À ses heures perdues, il partage aussi ses réflexions sur le marketing, les ressorts de l’influence et sur le design thinking à ses étudiants de l’ESSEC et des Gobelins. Vous pouvez le retrouver en vidéo sur Youtube et LinkedIn où il partage ses conseils, ses analyses et ses lectures.

Linkedin : https://www.linkedin.com/in/antoine-voland-logerais/

Evaluer cet article

Pertinence
Style

Bonjour étranger!

Vous devez créer un compte InfoQ ou cliquez sur pour déposer des commentaires. Mais il y a bien d'autres avantages à s'enregistrer.

Tirez le meilleur d'InfoQ

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

Commentaires de la Communauté

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

BT