5 tips pour une meilleure collab design < > dev
La Config 2023 de Figma a été un événement incroyable pour tous les passionnés de design et de développement ! Je suis sûr que, comme moi, vous avez sauté de joie en découvrant les nouveautés annoncées lors de la keynote d’ouverture par Dylan Field (CEO de Figma) : Dev Mode, Variables, Prototypes… Des fonctionnalités qui promettent de simplifier grandement la vie des équipes de design et de développement.
Car soyons honnêtes, la collab design <> dev n’est pas toujours un chemin bordé de roses. Combien de fois avons-nous été frustrés par le résultat final qui ne correspondait pas à notre vision initiale ? Combien de fois les développeurs se sont-ils sentis perdus face à des designs trop complexes ?
Alors pour donner vie à nos idées les plus brillantes, ensemble, voici 5 tips pour une meilleure collab design <> dev.
1. Communiquer (ah !)
Et communiquer, encore.
Oui, je sais, cela peut sembler évident, mais croyez-moi, c’est souvent négligé. Organiser une simple réunion de handover ne suffit pas et la communication, c’est une affaire de tous les jours.
Il est tentant de penser (à tort) que notre travail de designer se termine dès que nous avons créé quelques écrans dans Figma. Après tout, c’est à ce moment-là que les développeurs prennent le relais, n’est-ce pas ? Eh bien, détrompez-vous. Lorsqu’un développeur récupère des écrans sans aucune présentation ni annotations, il est laissé à lui-même pour interpréter notre vision. Et devinez quoi ? Les interprétations peuvent parfois être loin de ce que nous avions en tête, voire totalement erronées. C’est ainsi que naissent les malentendus et les problèmes
La bonne nouvelle, c’est qu’il existe de nombreuses façons simples d’instaurer une culture de la communication efficace. Des tech-reviews aux réunions quotidiennes en passant par les réunions hebdomadaires, ces moments sont autant d’occasions de partager l’information. Les designers peuvent présenter leur travail, donner du contexte et expliquer les raisons derrière leurs choix. Les développeurs, quant à eux, peuvent poser toutes les questions qu’ils ont en tête, apporter leur point de vue sur les contraintes techniques et parfois même remettre en question certains choix de design.
Bref, l’idée est simple : communiquer régulièrement évite bien des malentendus et permet souvent de résoudre certains problèmes techniques bien en amont.
Alors, communiquer, encore et encore !
2. Et documenter, aussi (ah ! Bis)
Parce que la communication, c’est aussi par écrit.
Je me souviens d’une Product Owner qui répétait sans cesse que l’on ne pouvait jamais trop communiquer. Avec l’essor du télétravail, les équipes se retrouvent de moins en moins en face à face. Pouvoir travailler à distance, c’est génial et ça présente de nombreux avantages, c’est indéniable. Mais soyons honnêtes, nous y perdons en interactions directes avec nos collègues.
Cela signifie-t-il que nous ne pouvons plus communiquer et partager l’information efficacement ? Absolument pas. Même à distance, la communication reste essentielle. Nous devons simplement adapter nos méthodes.
Certes, la communication orale joue un rôle important, comme vous l’avez sûrement compris. Mais il existe une autre forme de communication tout aussi efficace : l’écrit. Ce type d’échange est tout aussi précieux que les échanges à l’oral et je crois même que les deux sont complémentaires.
Par exemple, une documentation technique écrite et détaillée est un outil formidable pour aider les développeurs à comprendre les choix de design et les spécificités de la conception. Selon le niveau de connaissance du produit de chacun et la maturité de l’équipe, cette documentation peut prendre diverses formes. Il n’y a pas de recette magique, et il est préférable de communiquer (oui, encore !) avec son équipe pour définir ensemble, la méthode qui convient le mieux à tous.
Établir les bases d’un langage commun et d’une nomenclature partagée entre le design et le développement (coucou les Design Systems) facilite les échanges asynchrones, c’est certain. Les fichiers sont cohérents, les annotions ont du sens et tout le monde s’y retrouvent. Lorsque designer et développeurs parlent le même langage, la communication est bien meilleure et nous échappons aux pièges de la tour de Babel.
Donc non, l’effet télétravail n’est pas une excuse valable pour ne pas échanger. Même à distance, il est possible de maintenir une communication efficace. Alors, documentons, partageons et itérons !
3. Former une VRAIE équipe
Le développeur est ton ami, pas ton ennemi.
En théorie, nous, designers, sommes capables de faire preuve d’empathie. Et pourtant, nous oublions parfois cette qualité lorsqu’il s’agit de collaborer avec les développeurs. Nous faisons même tout le contraire. J’ai trop souvent vu des designers se battre avec des développeurs, comme si c’était “le design” contre “le développement” …
Pourtant, designers, développeurs, c’est le même combat. Nous avons chacun nos compétences et expertises, mais l’objectif est commun ; celui de délivrer une expérience la plus pertinente à nos utilisateurs. Il est donc crucial de savoir s’adapter et de rester flexibles.
D’ailleurs, une étude menée par l’université de Oulu en Finlande a montré que plus la collaboration entre le design et le développement a lieu en amont, moins il y a de risques dans la conception, tant sur le plan du design que sur le plan technique.
En gros, se parler souvent, très tôt, dans le projet, permet de réduire les itérations. Et qui dit moins d’itérations, dit gain de temps ! Étonnant ? Pas tant que ça…
Comme mentionné plus haut, l’une des meilleures façons de favoriser cette collaboration est de maintenir un dialogue ouvert dès le début. Une compréhension partagée autour du problème et des prises de décisions permet d’avoir tout le monde sur la même longueur d’onde. Et c’est lorsque le designer et le développeur sont des partenaires et non des adversaires, qu’ils réussissent à concevoir des expériences qui font la différence.
4. Accepter la contrainte
Cela changera votre vie !
Dans le design comme dans le développement, les contraintes existent. Comprendre et accepter ces contraintes, c’est déjà faire preuve d’une grande empathie et la collaboration n’en sera que meilleure.
Il n’y a pas un qui prime plus que l’autre. L’idée, c’est plutôt de réussir à trouver un juste équilibre, à base de compromis, justifié. Parfois, certains choix design nécessitent plus de temps à mettre en place, mais ils peuvent s’avérer bénéfiques à long terme. À l’inverse, un développement coûteux ayant un impact minime sur l’expérience utilisateur n’a probablement pas sa place.
Pour gérer ces contraintes, il est essentiel de créer un environnement propice où chacun peut poser des questions et exprimer ses préoccupations de manière constructive et bienveillante. Surtout, il faut savoir mettre son ego de côté pour ne pas entraver la collaboration par des fausses barrières ou des jugements trop hâtifs.
Comprendre les contraintes nous aide à concevoir des solutions créatives, qui répondent aux besoins de l’utilisateur tout en tenant compte des objectifs du projet. Car c’est bien là le but premier de notre travail !
Cela étant dit, accepter la contrainte, qu’elle soit design ou technique, ne signifie pas que toutes les décisions doivent être dictées par elle. Au contraire, il est important de garder en tête les opportunités business du projet. Et c’est lorsque nous concevons pour le business, plus que pour des contraintes purement techniques, que nous ouvrons la voie à des solutions véritablement innovantes et pertinentes.
5. Utiliser les bons outils
“À chaque tâche, le bon outil”.
C’est une phrase que mon conjoint me répète souvent, et bien qu’elle me fasse sourire, je la trouve tout à fait pertinente !
De nos jours, ce ne sont pas les outils collaboratifs qui manquent : Figma, Notion, Linear, Miro, Slack, et bien d’autres encore. Que ce soit pour la communication écrite ou orale, ces applications nous offrent la possibilité de communiquer, d’échanger et de partager des informations facilement et en temps réel. C’est d’autant plus important dans un monde où de plus en plus de personnes privilégient le travail à distance plutôt que le travail en présentiel.
En choisissant les bons outils pour chaque étape de notre workflow, nous pouvons optimiser notre productivité et renforcer notre capacité à collaborer efficacement. Les outils de design nous permettent de matérialiser nos idées de manière visuelle, de les itérer rapidement et de les partager avec notre équipe. Les plateformes de gestion de projet nous aident à organiser notre todo et notre roadmap, à suivre les avancées et à assurer la transparence au sein de l’équipe. Les outils de communication en temps réel favorisent une collaboration fluide et instantanée, en réduisant les délais de réponse et en permettant des échanges rapides et constructifs.
Clairement, nous avons toutes les clés en main pour collaborer de la meilleure des manières qu’il soit.
Certes, l’habit l’outil ne fera pas le moine comme on dit, et le travail ne sera pas fait à notre place. Mais ces outils jouent un rôle essentiel en favorisant la bonne collaboration entre designers et développeurs.
Good Collaboration Leads to Better Products
Designer et développeurs abordent chacun leur métier sous des angles différents. D’un côté l’expérience utilisateur et le visuel, de l’autre l’approche technique du produit. Pourtant, la conception et le développement sont deux aspects indissociables d’une même réalité produit.
Le véritable défi ne réside pas tant dans la mise en place des processus ou le choix des bons outils, mais bien dans la communication. C’est notre expertise et notre capacité à travailler ensemble qui font la différence dans un projet ou une équipe.
Cet article a été pensé & écrit avec amour ❤️ à la main, et n’a pas été généré par une IA.
Vous avez une question, un feedback ou bien souhaitez à votre tour partager votre avis sur le sujet ? Vous êtes libre de laisser un commentaire ici 👏 ou de me contacter via Linkedin. À bientôt 👋
