Stratégie et avantages : Pourquoi adopter un Design System ? [Part.2]

Guillaume CAILLET
5 min readFeb 22, 2024

--

Photo by SpaceX on Unsplash

Introduction

Dans l’article précédent, nous avons exploré les fondements d’un Design System, mettant en lumière son rôle crucial dans la création d’une expérience utilisateur cohérente.

Dans cet article, nous allons nous plonger dans la stratégie qui pousse les entreprises à adopter un Design System, en détaillant les différentes étapes, des phases de recherche à la preuve par l’exemple de l’intégration dans la stratégie globale de l’entreprise.

“Est-ce que l’entreprise est prête à intégrer un design system pour progresser ? Sommes-nous [l’entreprise] capable de pouvoir investir dedans ?”

1. Phase de recherche et d’analyse

Ne perdons pas les bonnes habitudes et commençons d’abord par savoir où nous sommes et où est-ce que nous évoluons. Rien de mieux pour cela que de faire un état des lieux de l’entreprise et ce qu’elle propose à ses utilisateurs.

Compréhension des besoins

La première étape consiste à mener une recherche approfondie pour comprendre les besoins spécifiques de l’entreprise. Cela implique d’analyser les produits existants, d’identifier les problèmes de cohérence et de mesurer l’impact sur l’expérience utilisateur.

On pourra se poser les questions suivantes : Est-ce que les interfaces que l’on propose aux utilisateurs sont cohérentes ? Est-ce qu’il y a des différences ? Quelles sont elles ? Pour quelles raisons sont-elles différentes ? Quelles sont les contraintes ?

Évaluation des enjeux

Une analyse des enjeux internes et externes, tels que les contraintes budgétaires, les ressources disponibles, la concurrence vont être utile pour savoir ce à quoi nous faisons face. Cela permet de déterminer si un Design System est une solution appropriée face aux enjeux de l’entreprise.

Def Enjeu: N. masc. “Ce que l’on peut gagner ou perdre dans une entreprise quelconque” — Larousse

On peut donc se poser les questions suivante : Comment se passe la relation entre designers et développeurs ? Comment sont gérées les ressources graphiques ? Où est hébergé le code et est-ce optimisable ? Y a t-il un département QA (Quality assessment) ? Combien de temps est alloué aux corrections et bugs ? Comment se porte l’entreprise ? Qui sont les parties-prenantes ?

2. Partage des résultats avec la direction

a. Présentation des constats

Les résultats de la phase de recherche sont partagés avec la direction de l’entreprise après avoir demandé à l’équipe design de réaliser un audit/une discovery en interne afin de s’assurer du besoin/de l’opportunité. La présentation doit mettre en évidence les avantages potentiels d’un Design System pour résoudre les problèmes identifiés et améliorer l’efficacité globale.

Un exemple très concret est celui de Figma qui s’est auto appliqué l’utilisation d’un design system à son équipe design. Ils ont fait le comparatif de réaliser des interfaces avec et sans design system.

Bilan : 34% d’efficacité supplémentaire pour son équipe design à l’époque composée de 7 designers. Ils sont passé àune productivité hebdomadaire de 140h (20h/semaine par designer) à 212h soit l’équivalent de 3,5 designers supplémentaire.

Lien vers l’article : https://www.figma.com/blog/measuring-the-value-of-design-systems/

Autre retour, celui d’Audrey Hacq sur la création d’un design system pour le Crédit Agricole. Je vous mets le lien vers la vidéo Youtube : https://www.youtube.com/watch?v=lUSSfb6rAWA

Résultats: Réduction des temps de dev de 30% et réutilisation du system sur 4 projets.

b. Analyse des retours sur investissement (ROI)

En mettant en avant le ROI attendu, que ce soit en termes d’économies de coûts de développement, de réduction du temps de mise sur le marché ou d’amélioration de la satisfaction client, on suscite l’intérêt des décideurs.

Il existe un calculateur de ROI : https://www.knapsack.cloud/calculator mais il est a prendre avec des pincettes car bien évidemment il ne prend pas en compte tous les paramettres de votre entreprise ;).

Une formule un peu plus complexe vous permettra d’avoir un meilleur aperçu de votre ROI :

Formule de calcul du ROI du design system

avec
X = pourcentage de temps investi lors de la construction du DS.

Y = pourcentage de temps utilisé pour la maintenance continue après la montée en puissance

Z = gain de temps (productivité) réalisé grâce à l’utilisation du DS.

Source : Smashingmagazine

🚨 NB : Un ROI se calcul sur des facteurs différents, Knapsack n’en propose que 3, la formule en donne un autre… Il faut donc rester vigilant sur la notion de ROI d’un design system car il n’y en a pas qu’un et il appartient à chacun d’utiliser la méthode adéquat.

3. Prise de décision et intégration stratégique

a. Approbation de la direction et des parties-prenantes

Après la présentation des résultats, la direction doit prendre une décision quant à l’adoption d’un Design System. La compréhension sera plus claire pour eux dès l’instant où des avantages financiers et opérationnels seront partagés ce qui augmentera la possibilité d’approbation car vous parlerez le même langage.

Les parties-prenantes doivent également être d’accord et prêtes pour s’engager dans un tel projet. Nous devons donc entendre les craintes et apréhensions des uns et des autres, prendre en considération les contraintes physiques, techniques, économiques, légales etc.. afin de partir dans de bonnes conditions.

b. Intégration dans la stratégie globale

Une fois approuvé, le Design System doit être intégré dans la stratégie globale de l’entreprise. Cela implique la définition d’objectifs clairs, l’affectation des ressources nécessaires (quel ETP est affecté à la conception et structuration de tout cela) et la formation des équipes si nécessaire (aux méthodes, technologies, outils, process).
On met en place les rituels et on structure temporellement son intégration dans la stratégie et le quotidien des parties-prenantes.

c. Exemple d’intégration réussie

- Airbnb a intégré un Design System appelé “DLS” (Design Language System), permettant une expérience utilisateur cohérente sur toutes les plateformes. Cela a non seulement accéléré le développement, mais a également renforcé la marque.
- Apple avec Human Interface Guidelines
- Decathlon et Vitamin
- Google et Material
- Shopify avec Polaris
- Spotify avec Encore
- Etc.. :)

Ce qu’il faut en retenir :

L’adoption d’un Design System est une décision stratégique qui nécessite une compréhension approfondie des besoins de l’entreprise et une communication efficace avec la direction.

En intégrant le Design System dans la stratégie globale, les entreprises peuvent réaliser des gains significatifs en termes d’efficacité, d’efficience des équipes et de cohérence générale de leur produit et de leur organisation.

[BONUS✨] Diagramme de la courbe d’efficience du Design System :

https://alistapart.com/article/selling-design-systems/

La courbe d’efficience du Design System illustre comment l’investissement initial en temps et en ressources est compensé par des gains d’efficacité à long terme.

J’espère que ce second article vous aura plu, merci de m’avoir lu jusqu’ici !
La suite, c’est par ici : La phase de conception ✨
https://medium.com/p/5b51607adeba

--

--