Forrester analyse le ROI du Dev Mode

De nos jours, les équipes savent qu'il ne suffit pas qu'un produit fonctionne : chaque détail compte. Cela passe par la création d'expériences dynamiques définies par des micro-interactions homogènes, des performances fluides et une cohérence sur les plateformes. Offrir ce niveau de savoir-faire est aussi important pour les développeurs que pour les designers. Mais avant même qu'un développeur n'écrive une seule ligne de code, il doit rechercher la source de vérité et effectuer des allers-retours avec ses collaborateurs pour comprendre l'intention du design, en plus de gérer des implémentations difficiles. C'est pourquoi nous avons créé le Dev Mode, pour aider les développeurs à travailler plus rapidement et plus efficacement, sans changer ce qui fonctionne pour eux.

Deux ans après le lancement du Dev Mode, nous voulions mieux comprendre où nous en étions de cet objectif. Nous avons donc mandaté Forrester Consulting, qui a utilisé sa méthodologie Total Economic Impact pour nous le dire. Ce que l'équipe a trouvé confirme à nos yeux les défis les plus courants que nous avons cherché à améliorer avec le Dev Mode (processus de handoff inefficaces et travail redondant). Elle a également modélisé la façon dont les équipes utilisent l'outil pour améliorer l'efficacité et le délai de mise sur le marché.

Gain de temps total estimé par Forrester en termes d'efficacité des développeurs sur trois ans.

Les résultats quantifient l'impact, en estimant une augmentation de la productivité des développeurs de 20 à 30 % et un gain de temps hebdomadaire de plus de 90 minutes pour chaque développeur qui utilise le Dev Mode, mais ils soulignent également les facteurs plus difficiles à mesurer. Aujourd'hui, de nombreux designers et développeurs adoptent une approche artisanale des systèmes et processus qui accompagnent leur mission. Ce focus sur le comment élève le quoi. Ils peuvent réfléchir de manière critique à des méthodologies générales, comme la façon dont leur équipe intègre l'IA, réimaginer d'anciens workflows ou déployer de nouveaux outils, comme le Dev Mode. L'étude Forrester aide ceux qui essaient de justifier des changements de processus ou d'outils à en comprendre les implications pour eux. Ici, nous partageons les conclusions de Forrester sur la manière dont les développeurs ont réduit les changements de contexte, gagné du temps et mieux travaillé avec leurs collaborateurs.

Augmentation des bénéfices estimée par Forrester en cas de modélisation d'une organisation composite et avantage d'un délai de mise sur le marché plus court.

Lisez l'étude Total Economic Impact de Forrester ici.

Une source unique de vérité

Minutes économisées par semaine en moyenne, selon l'enquête d'une entreprise auprès de 200 développeurs.

Sous la pression d'aller plus vite et de livrer davantage, de nombreux leaders se demandent comment rendre le processus de développement de produit plus efficace sans sacrifier la qualité. Forrester a constaté que réunir les équipes dans un espace commun favorise un workflow plus fluide et améliore le délai de mise sur le marché. En fait, une entreprise a rapporté qu'elle est passée de « zéro code à la publication » en six à huit mois. « Les designers et les développeurs travaillaient ensemble de manière itérative au lieu d'utiliser l'ancien processus de handoff qui aurait pu prendre deux ou trois ans », a déclaré la personne interrogée. Une autre a interrogé 200 de ses développeurs et a constaté une économie moyenne de 98 minutes par semaine.

Auparavant, de nombreux développeurs perdaient du temps à devoir clarifier l'intention du design ou à trouver les spécifications exactes. Le Dev Mode leur fournit des fichiers de design contrôlables qui leur permettent de disposer des actifs et de la documentation exactes dont ils ont besoin, sans avoir à clarifier le design avec leur homologue ou à fouiller dans la documentation. Cela signifie qu'au lieu d'envoyer un message Slack au designer ou d'attendre une réunion pour discuter (en supposant que les fuseaux horaires le permettent), les développeurs peuvent plus facilement être autonomes et extraire les détails directement du fichier.

Un designer de systèmes dans l'industrie du fitness a déclaré : « Grâce au Dev Mode, les développeurs sont plus autonomes. Au lieu de demander constamment aux designers des clarifications, ils peuvent voir directement les variables, les spécifications et les extraits de code dans Figma. Cela leur permet de gagner du temps et leur évite d'organiser des réunions supplémentaires ou d'échanger des messages pour clarifier les designs. Les développeurs peuvent se concentrer sur la création au lieu de passer du temps en annotations manuelles ou discussions. »

Réduire le travail manuel et la charge mentale améliore en fin de compte l'expérience des développeurs de manière plus générale. Ce qui est peut-être le plus encourageant, c'est un développeur qui a qualifié le Dev Mode d'incontournable et qui a déclaré : « Vous ne pouvez pas me l'enlever. » Je ne pourrai plus m'en passer. »

Des workflows de développement plus rigoureux

Aujourd'hui, les développeurs doivent participer à des réunions, répondre à des messages Slack et passer d'un outil à un autre. Forrester a constaté que la connexion du Dev Mode aux outils que les développeurs utilisent déjà dans leurs workflows quotidiens a un impact significatif en réduisant ces changements de contexte. Par exemple, avec l'intégration Figma pour Jira, qui établit un lien direct entre les tickets dans Jira et le Dev Mode, les développeurs peuvent mettre à jour le statut d'un projet et laisser des commentaires sans interrompre leur flux.

Code Connect permet aux développeurs d'accéder à un code prêt pour la production, afin qu'ils n'aient pas à basculer entre plusieurs sources de vérité pour trouver ce dont ils ont besoin. Comme l'a dit une des personnes interrogées, « Code Connect est une ressource précieuse pour les ingénieurs. Il permet d'accéder rapidement au code et de l'extraire, au lieu de lire la documentation du design system puis d'accéder à notre [référentiel] GitHub interne pour trouver le composant. Le composant vous est présenté, et Code Connect proposant même une intégration VS Code, les ingénieurs n'ont pas besoin de quitter leurs environnements de développement. »

Les dirigeants de Bumble, GitHub et HP expliquent comment ils tirent parti de la puissance de Code Connect.

Montant mesuré par une organisation en « valeur de réutilisation » grâce à la facilité d'utilisation du design system avec le Dev Mode.

De plus, Code Connect est crucial pour relever l'un des plus grands défis des design systems : favoriser l'adoption. Les design systems accélèrent le développement, améliorent l'accessibilité et conduisent à des produits plus cohérents et faciles à maintenir, c'est pourquoi les responsables du design recherchent toujours des moyens d'encourager leur utilisation. Selon Forrester, une organisation a mesuré une « valeur de réutilisation » de 4 millions de dollars avec plus de 10 millions de dollars attendus en 2025, tout cela étant rendu possible par la facilité d'utilisation du design system grâce au Dev Mode. Les testeurs d'assurance qualité ont également constaté des gains de productivité et de temps car le Dev Mode encourageait l'utilisation du code approuvé. « Nous avons observé des économies sur les tests de 85 à 90 % en moyenne », a déclaré un responsable en chef du design d'une organisation de services financiers. « Cela a permis d'accélérer considérablement la livraison des fonctionnalités »

Lien entre design et développement

Le processus de développement de produit n'est plus défini par un handoff linéaire des designers aux développeurs, mais par un workflow plus itératif et fluide. Cela est amplifié par les impacts de l'IA générative, qui incite les designers à prototyper des idées et les développeurs à définir les designs. À mesure que ces workflows évoluent, il est plus important que jamais que les designers et les développeurs comprennent le travail de chacun. En donnant aux designers une visibilité sur la manière dont leur travail est implémenté en code, Forrester a déclaré que le Dev Mode les aide à comprendre comment structurer et annoter les designs afin d'optimiser l'efficacité des développeurs. Et nous pensons que cette compréhension mutuelle soutient leurs efforts pour concevoir le processus de design et de développement même.

Plus largement, Forrester a constaté que le Dev Mode a accéléré ce processus de façon quantifiable et a eu des effets sur le chiffre d'affaires, mais les effets non quantifiables étaient peut-être encore plus importants. Parmi les entreprises interrogées, la relation entre les designers et les développeurs a été décrite comme « un effort pleinement concerté ». « Les discussions sont maintenant beaucoup plus claires car ils peuvent se retrouver et collaborer. »

Alors que les dirigeants cherchent à se frayer un chemin dans un paysage où les pressions, les forces concurrentielles et les nouveaux outils évoluent constamment, cette collaboration renforcée offre une base solide aux équipes pour préparer leur réussite, quoi qu'il advienne.

Vous pouvez lire toutes les conclusions de l'étude Total Economic Impact de Forrester ici.