Design Systems – Ferdie Balderas – Dribbble
Le Design System est au service du produit et suit donc ses cycles de vie, de sa conception à son arrêt en passant par tous les cycles de développement et de mise à jour. Pour devenir et rester un outil efficace au service de tous, il doit donc être conçu et maintenu de façon optimale à travers la vie du produit.
Les cycles de vie d’un produit numérique
La vie d’un produit numérique est un cycle complexe allant de la conception initiale au retrait final du marché. Les différentes phases de ce cycle dans leur chronologie :
1. Phase de préproduction
La recherche/analyse implique l’identification d’une opportunité de marché, la compréhension des besoins des utilisateurs et la définition des objectifs du produit ;
La planification/conception implique la création d’un roadmap, la définition des fonctionnalités et des spécifications techniques, et la conception de l’interface utilisateur et de l’expérience utilisateur (UI/UX) ;
Développement du premier prototype ou d’une version bêta du produit pour tester les concepts et recueillir des commentaires.
2. Phase de lancement
Lancement public, via un site Web, une application mobile ou une plateforme.
3. Phase de croissance
L’adoption du produit se fait lorsque les utilisateurs commencent à utiliser le produit et à en faire l’expérience.
La collecte de commentaires (recueillis auprès des utilisateurs pour identifier les domaines d’amélioration).
Le produit est amélioré et mis à jour en fonction des commentaires des utilisateurs et des données d’utilisation.
4. Phase de maturité
Le produit est maintenu et mis à jour pour répondre aux nouvelles technologies et aux besoins des utilisateurs, sur une base d’utilisateurs stable et croissante, mais souvent avec l’arrivée de nouveaux concurrents. Il faut donc innover et trouver des critères de différenciation.
5. Phase de déclin
Diminution de l’intérêt des utilisateurs en raison de nouvelles technologies, de tendances changeantes ou de l’arrivée de produits concurrents plus performants.
Baisse des revenus, lorsque le produit est un modèle payant, les revenus peuvent commencer à baisser.
Le maintien et la mise à jour du produit peuvent devenir de plus en plus coûteux.
6. Phase de retrait
Migration de l’ensemble des données vers un autre produit ou service. Le produit est finalement arrêté et cesse d’être accessible aux utilisateurs.
Je pose les bases de mon Design System, par où commencer ?
Comment optimiser un Design System pour chaque cycle de vie du produit ?
1. En phase de préproduction, Design System et UX Research
Intégrer un Design System (DS) dès les premières étapes de la préproduction d’un nouveau produit apporte la cohérence du projet, une meilleure efficacité du System et une expérience utilisateur optimisée, puisque le DS intègrera les premiers résultats sous forme de composants. De plus, sa création précoce permettra une première évangélisation des équipes en vue de son utilisation.
Cartographier le parcours utilisateur pour visualiser les interactions potentielles des utilisateurs avec le produit et identifier les points de contact clé où le Design System va jouer un rôle prépondérant.
Développez un prototype ou une version bêta du produit en utilisant les composants et les principes du DS.
Développer des composants d’interface flexibles et personnalisables pour permettre une adaptation rapide aux changements de conception et de marque.
Créer des composants réutilisables et indépendants qui peuvent être facilement adaptés à de nouveaux cas d’utilisation et à de nouvelles exigences.
Utiliser des outils d’automatisation en intégrant des outils d’automatisation pour rationaliser la maintenance, la mise à jour et la distribution du DS.
2. Phase de lancement : intégrer le DS dès le départ
Lors de la planification et conception du produit, le Design System se construit et doit intégrer un nombre important de règles et de composants. Il faut donc veiller à sa maintenance dès le début.
Pour intégrer le DS à la vie du produit dès le départ, il faut :
Définir les principes de conception. Les principes fondamentaux qui guideront l’esthétique, la fonctionnalité et l’expérience utilisateur globale du DS. Penser objet et atomic Design permet d’optimiser le produit à partir du DS.
Créer une bibliothèque de composants de base. Composants réutilisables tels que des boutons, formulaires, des icônes et des menus, en garantissant leur cohérence et leur accessibilité.
Documenter les règles de style. Les conventions typographiques et les palettes de couleurs pour garantir une identité visuelle cohérente.
Concevoir des interfaces utilisateur alignées sur les résultats quantifiés de l’UX Research. Utiliser les résultats des tests utilisateurs pour itérer sur la conception du DS, les composants et les règles du Design.
Intégrer le DS dans les flux de travail des équipes à travers les outils et processus de développement pour rationaliser la création du produit et amener l’ensemble des collaborateurs à son utilisation dès le départ.
Réaliser des tests utilisateurs en interne pour évaluer l’efficacité du DS, identifier les points d’amélioration et recueillir des commentaires.
The Design System Lifecycle – Chuck Rice – UX collective
3 et 4. Phases de croissance et de maturité, tester et affiner avec le DS
Lorsqu’un produit atteint sa phase de maturité, il est essentiel de pouvoir maintenir l’innovation et la différenciation pour assurer sa pérennité. Un Design System (DS) bien organisé joue un rôle important dans cette démarche en permettant aux équipes et aux parties prenantes de continuer à développer le produit en conservant son intégrité.
Pour cela, il faut :
Établir une gouvernance claire, ce qui passe par la définition des rôles et des responsabilités. Donc, désigner clairement les propriétaires du DS, les contributeurs et les parties prenantes pour en garantir une gestion efficace et une maintenance parfaite.
Mettre en place des processus de revue et d’approbation en établissant des processus clairs pour l’évaluation, l’approbation et l’intégration des nouveaux composants et des modifications du DS.
Favoriser une communication ouverte et transparente entre les équipes de conception, de développement et de produit pour assurer un alignement continu.
Documenter et maintenir le DS par des mises à jour fréquentes de la documentation pour refléter les évolutions et les améliorations.
Le DS est un outil en constante évolution ; il est donc important de le surveiller, de l’adapter et de l’améliorer en permanence pour répondre aux besoins changeants du produit et de ses utilisateurs.
Mettre en place un processus de contribution ouvert en invitant les équipes et les utilisateurs à contribuer à l’évolution du DS en partageant des idées et des suggestions.
Créer une communauté DS active en organisant des ateliers, des réunions et des forums de discussion.
Surveiller les tendances émergentes en matière de design, de technologie et d’expérience utilisateur pour intégrer des innovations dans le DS.
Mesurer et optimiser en permanence en établissant des indicateurs clés de performance (KPIs) pertinents pour mesurer l’efficacité, l’adoption et l’impact du DS.
Collecter et analyser les données d’utilisation pour identifier les domaines d’amélioration et les opportunités d’optimisation.
Réaliser des tests d’utilisabilité pour évaluer l’efficacité du DS et identifier les points de friction potentiels.
5. Phase de déclin
Lorsqu’un produit entre dans cette phase, le rôle du Design System (DS) évolue, il faut donc veiller à :
Prioriser les fonctionnalités essentielles en se concentrant sur la maintenance des fonctionnalités clés et des composants du DS qui sont essentiels pour l’expérience utilisateur restante. Cela permettra de réduire les coûts.
Identifier, réduire ou éliminer les dettes techniques dans le DS pour améliorer l’efficacité et réduire les coûts de maintenance.
Informer les utilisateurs et les parties prenantes des plans futurs du produit et de ces impacts potentiels sur le DS pour éviter une démobilisation brutale qui risque de faire chuter le produit.
Design System 101: free Beginner Figma Tutorial for UIUX Designers
6. Phase de retrait
Lorsqu’un produit entre dans cette phase, le Design System n’est pas mort, il peut encore servir pour un autre produit ou pour la renaissance du produit qu’il a accompagné. Pour éviter de perdre un précieux travail, il faut :
Faciliter la migration des données vers d’autres produits ou services.
Documenter et archiver soigneusement le DS pour préserver les connaissances et les ressources pour de futures initiatives.
Informer clairement les utilisateurs de la date de retrait du produit et fournir des instructions sur la transition vers d’autres solutions.
Un Design System est un investissement à long terme qui peut apporter des avantages même dans les phases de déclin d’un produit. La vie d’un produit numérique n’est pas linéaire et peut suivre des trajectoires différentes en fonction de divers facteurs tels que le succès du produit, l’environnement concurrentiel et les conditions du marché ou encore des évolutions de l’entreprise. De plus, certains produits peuvent être relancés ou repensés après une période de retrait.
L’optimisation du Design System à chaque phase ou cycle de vie du produit apporte une valeur ajoutée à l’entreprise en garantissant la cohérence et l’efficacité du produit. Chaque phase doit être abordée de façon spécifique pour que l’optimisation soit la plus rentable possible pour l’organisation, les parties prenantes et bien sûr pour l’utilisateur.
Je découvre le Design System du Gouvernement
Lire aussi :
Un article très instructif sur l’importance du design system !
J’apprécie particulièrement l’accent mis sur l’optimisation dès les premières étapes et l’adaptation continue pour garantir une cohérence et une efficacité maximales.
Les explications sont claires et les conseils précieux pour tout designer cherchant à structurer et pérenniser son travail.
Bravo pour cette belle synthèse !