Comment mesurer l’impact d’un Design System ?

Nous sommes tous convaincus, en tant que Digital Designers, que notre travail a un impact.  Mais nous savons tous aussi, combien il est difficile de démontrer la relation avec la croissance de l’entreprise. En arrivant à démontrer cet impact, nous contribuons indéniablement à l’évangélisation du design au sein de notre entreprise en démontrant aux stakeholders l’importance du design.  Ce qui est important à retenir de l’intérêt de créer un Design System, c’est qu’il est une source de vérité gérée pour le product design, les process et la gouvernance des produits. C’est une sorte de moteur qui catalyse l’innovation permettant aux équipes de mettre en œuvre et d’offrir des expériences clients rentables.

Un Design System performant au niveau de l’entreprise :

• c’est une source d’élément synchronisés entre les ressources design et le code

• c’est un processus et une gouvernance pour gérer le changement et l’expérimentation

• cela demande une responsabilité et une rigueur pour garantir l’efficacité de la conception et du code

• cela demande l’adhésion depuis l’ingénierie à la conception: les ingénieurs et les concepteurs utilisent des composants systématisés lorsque cela est possible

• c’est un support exécutif complet et adhésion de l’entreprise

À présent, penchons-nous sans plus attendre sur le sujet qui nous intéresse : comment mesure-t-on l’impact d’un Design System ? Comme tu t’en doutes, différentes techniques de mesures existent. Et comme il n’y a pas de recette magique (et non, ici non plus 🙁 ), nous te proposons un condensé de certaines d’entre elles, ayant fait leurs preuves parmi les membres de la communauté Digital Design Live.

Nous te proposons donc de mesurer l’impact de ton Design System à travers deux axes : les mesures subjectives et les mesures objectives.

Mesures subjectives

Cette partie va être relativement courte. Il nous semble bon de commencer par elle car elle permet de comprendre les intérêts de nos actions actuelles et futures.

En effet, à travers des enquêtes qualitatives et quantitatives (les UX researchers vont se faire plaisir) auprès des utilisateurs finaux ET des équipes internes, nous avons la possibilité de comprendre ce qui pourrait faire changer nos interlocuteurs d’opinion.

Pour les équipes internes, nous pouvons faire une enquête dans le but dáméliorer les flux de travail et leur adoptions. Nous pourrions poser des questions telles que :

• À quelle fréquence utilisez-vous le Design System ?

• Qu’aimeriez-vous améliorer dans le Design System actuel ?

• Sur une échelle de 1 (pas du tout d’accord) à 5 (tout à fait d’accord), le Design System améliore-t-il votre flux de travail ?

Pour les utilisateurs finaux, nous pouvons envisager de créer un Net Promoter Score (NPS pour les intimes). Cela pourrait ainsi nous permettre de récolter des notes (élevées, on l’espère) et des commentaires (positifs, tant qu’à y être), révélant une confiance forte de nos utilisateurs finaux dans nos produits.
De leurs côtés, les utilisateurs, eux, verront une amélioration de leur expérience.

Mesures objectives

Les KPI font déjà partie de notre quotidien. Nous ne t’apprenons rien si nous te disons que sans les données de nos utilisateurs, nous ne faisons pas un bon design. Et bien, c’est la même logique pour mesurer l’impact de notre Design System. Et ces chiffres là, parlent très bien à nos stakeholders.

Pour calculer l’impact d’un Design System sur l’utilisateur final, nous pouvons facilement mesurer le temps de chargement des pages, ou bien encore l’accessibilité.
Idéalement, lors de la création d’un Design System, l’équipe travaille à unifier le code, n’est-ce pas ? Et bien dans ce cadre, nous pouvons peut-être également regarder combien de lignes de code ont été supprimées ou déplacées.

Pour les équipes internes, nous pouvons nous baser sur nos précédentes enquêtes et mesurer l’adoption de notre Design System (l’utilise plus qu’avant ?).

Use case : Sean Rice et Jordan Reed de Keap voulaient un moyen de comprendre quels projets nécessitent un travail de nettoyage, quels projets pourraient avoir besoin de nouveaux composants et un aperçu général de l’adoption de la conception. Ils ont créé un outil interne pour surveiller l’utilisation du Design System dans Sketch en s’appuyant sur node-sketch.

Non seulement cela a aidé à comprendre l’adoption du point de vue des données, mais cela a également permis à l’équipe de mieux comprendre les domaines à améliorer et les problèmes de flux de travail.

Cette année, l’équipe Keap a récemment créé un outil open source, Sleuth for Sketch, pour permettre à d’autres de mesurer la couverture du Design System dans leurs fichiers de conception.

Ok, et maintenant, quel est l’impact ?

Que nous travaillions dans une petite startup ou une grande entreprise, le Design System peut résoudre des problèmes commerciaux omniprésents.

Bien qu’un Design System n’ait pas de sens pour chaque entreprise, voici quelques-uns des principaux problèmes que la mise en place d’un Design System peut aider à résoudre :

• La cohérence et l’attractivité de nos produits

• Temps et budget de conception et d’ingénierie

• Qualité du produit et bugs

Souvent, les composants d’un nouveau produit sont construits comme des solutions uniques en raison des Design Sprint et deviennent ainsi des approches fragmentées de la construction de produits. Sans un Design System, les fonctionnalités sont créées à partir de zéro plutôt que d’utiliser des composants globaux. Cela conduit à de multiples variations de ces mêmes composants vivants à part du code de base, ce qui les fragilisent et les rendent souvent incohérentes.

Chaque nouvelle embauche et chaque nouveau projet augmente la variabilité du processus, du développement et de la conception. Malheureusement, cela conduit également à une plus grande marge d’erreur et de bugs potentiels.

Nous allons donc voir comment un Design System peut aider à améliorer 3 domaines clés : l’impact sur l’utilisateur, l’impact sur l’entreprise et l’impact sur l’équipe.

Impact utilisateur

Lorsque nous réfléchissons à l’impact d’un Design System, nous devons toujours réfléchir à son impact sur l’expérience de l’utilisateur final. Il existe plusieurs façons dont un Design System contribue à améliorer l’expérience afin d’apporter une meilleure qualité et cohérence.

L’utilisateur final attend une expérience soignée et cohérente lors de l’utilisation de notre produit. Un Design System peut aider à affiner la qualité de notre produit en rendant l’expérience plus cohérente, prévisible et accessible.

Indéniablement, cela est le fruit d’un travail entre les équipes de conception et de développement.

Exemple : je souhaite augmenter le nombre d’abonnements à ma plateforme.

Key results :

• Augmentation de la couverture du Design System pour le produit “abonnement” de 12 à 44%

• Augmentation du nombre d’achat depuis un mobile de 43 à 65%

Impact sur les entreprises

Avoir une équipe dédiée à la création d’un système de conception peut être une décision commerciale intelligente qui peut aider certaines entreprises à économiser du temps et le temps… c’est de l’argent 🙃

Comment le Design System peut-il faire gagner de l’argent à votre entreprise ?

À mesure qu’un produit mûrit, il devient de plus en plus complexe et demande une connaissance poussée du dit système. Sans système mis en place, il faut donc de plus en plus de temps et d’argent pour livrer les produits sur le marché.

Avec un Design System en place, les équipes produit peuvent créer des produits plus efficacement à grande échelle, ce qui nous permet de nous concentrer sur la mise au point et de créer plus de moments agréables pour nos clients.

Nous pouvons obtenir un nombre approximatif d’économies de coûts avec une formule simple: Heures par semaine x 52 semaines x Taux horaire x Nombre d’équipe = Économies annuelles.

Nous te laissons prendre ta calculette 😏 Et pensez à inclure le poste de développeur aussi 😉

Bon, bien sûr cette formule doit être ajusté à ton entreprise, mais cela te donne une base de réflexion.

Réduire le budget #tech et #design

Lorsque des équipes se réunissent pour créer un Design System, c’est une opportunité fantastique à la fois pour unifier la base de code et pour créer des styles et des composants partagés.

> Les concepteurs disposeront d’un ensemble d’éléments constitutifs pouvant aider à développer de nouveaux produits qui continueront à offrir une expérience cohérente.

> Les développeurs disposeront d’une base de code unifiée contenant tous les blocs de construction similaires et un emplacement unique pour modifier les composants en cas de changement.

Et le meilleur pour la fin… l’impact sur la team

Non seulement un Design System affecte l’entreprise et l’utilisateur, mais il contribue également à améliorer de nombreux aspects de la façon dont nous travaillons en équipe.

Communication et partage des connaissances

La construction d’un Design System est un effort de groupe qui bénéficie d’une équipe diversifiée et nécessite la collaboration de nombreuses parties prenantes clés.

En incluant des individus dans différentes équipes, vous contribuez à relier la communication et à créer une connaissance partagée des produits.

En règle générale, une équipe de  Design System peut impliquer des personnes du design, du développement, mais aussi du marketing, des produits et de la gestion. Vous pouvez mesurer cela en regardant l’adoption par l’équipe 😉

Et puisque nous parlons de rencontres, rien de tel qu’un exemple de cohésion grâce au Design System, chez Badoo 🙂

Réduction du “contrôle qualité”

Lors de la création d’un Design System, chaque élément de base est conçu en tenant compte de la façon dont il évoluera sur l’ensemble du produit. Chaque bloc est ensuite utilisé pour créer des composants qui sont construits en dehors des besoins d’une fonctionnalité spécifique. Étant donné que chaque composant créé devient une source unique de vérité, le besoin de contrôle qualité à l’échelle du site est réduit car les composants sont généralement conçus pour être autonomes. Les équipes ont tendance à constater une réduction considérable de la quantité de contrôle qualité nécessaire avant de lancer de nouvelles fonctionnalités et de nouveaux produits.

Et maintenant ?

Il est important de mesurer le succès du Design System à partir de plusieurs points de vue pour aider à guider les décisions commerciales et à trouver les domaines à améliorer.

🧳 Take away

https://uxdesign.cc/the-designers-guide-to-design-system-roi-success-16856038dd4d

https://medium.com/eightshapes-llc/measuring-design-system-success-d0513a93dd96

Measuring the Impact of a Design System: Using data to visualize the positive impact of Design Systems.

Getting Executive Buy-in for Your Design System: Steps and initiatives to help gain buy-in.

A Design System’s Impact: A case study of getting buy-in for a design system at Lyft.

Can Design Systems Fix the Relationship Between Designers & Developers?: How Design Systems can bridge communication gaps between cross-functional teams.

How Much is A Design System Worth?: Understanding the value and impact of design systems.