Le design et le développement sont souvent considérés comme deux phases distinctes de la création d’un produit numérique alors que ces deux pratiques ont tout intérêt à être mise en relation dès le début du processus. Dans cet article, nous vous expliquons pourquoi cette collaboration est importante et comment favoriser sa mise en œuvre.
Designer et développeur : comment ça se passe ?
Un designer de website ou d’application travaille sur des éléments comme la couleur, la typographie et l’architecture de l’information afin d’optimiser l’expérience utilisateur. Ce design est couplé au codage, réalisé lui par le développeur, qui va amener le website ou l’application à sa concrétisation digitale.
Souvent, le travail est séquencé. Le designer débute la phase de création en concevant des mockups et wireframes, ensuite, le développeur traduit le design en code. Il se peut alors que certaines propositions du designer soient techniquement irréalisables, entraînant une série d’allers-retours. Cette manière de fonctionner peut représenter une perte de temps importante dans le développement du projet.
Comment optimiser cette collaboration ?
Deux visions, un objectif commun
Designer et développeur travaillent selon des angles différents :
- un designer concevra des solutions ayant le plus d’impact possible ;
- un développeur concevra des solutions créant le moins de pertes possible (l’objectif est d’arriver à créer le chemin le plus rapide et efficace pour arriver d’un point A à un point B).
Il est essentiel que chacun comprenne comment l’autre fonctionne pour réussir à faire les bons compromis et assurer une expérience utilisateur optimale.
L’empathie
Il est important que ces deux métiers aient en tête les tâches et ambitions de chacun. Le designer doit considérer son design en termes de coding efforts et tenir compte des limitations techniques liées au code avant de commencer à travailler sur le design. Le développeur, quant à lui, se doit aussi de s’intéresser aux bases fondamentales du design.
Les phases de travail
Les méthodes de développement de projet utilisées par les développeurs (IC/ DC, scrum, agile, etc.) reposent sur les mêmes principes que celles utilisées par les designers (idéation, itération, investigation et répétition). Il est donc judicieux de travailler de manière simultanée sur le design et le code afin de mieux collaborer et influencer le travail de chacun tout au long du projet.
Pour conclure, le designer a besoin du développeur pour concrétiser ses idées. Leurs rôles sont complémentaires. Le design n’est pas une phase qui se termine là où le développement commence. Au contraire, les développeurs devraient toujours être intégrés au design process le plus tôt possible. Comment ? En les conviant aux réunions de travail, aux briefings, en leurs montrant les sketchs et mockups avant de commencer à coder.
Une collaboration dès le début d’un projet leurs permet d’être sur la même longueur d’ondes et de poursuivre un objectif commun : créer l’expérience la plus optimale possible pour l’utilisateur.
Photo © Elodie Timmermans
Article rédigé avec le soutien du Fonds européen de développement régional.
SOURCES
Un développeur sachant designer par Audrey Hacq
https://fr.slideshare.net/BackeliteAgency/un-developpeur-sachant-designer
6 tasty ways for designers and developers to collaborate better
https://www.invisionapp.com/inside-design/designer-developer-collaboration-ideas/
Designers and developers: no more two worlds apart
https://medium.com/carwow-product-engineering/designers-and-developers-no-more-two-worlds-apart-e452c363a2d6
Designers are from Saturn, developers are from Jupiter: or, why communication matters https://medium.freecodecamp.org/designers-are-from-saturn-developers-are-from-jupiter-or-why-communication-matters-7d91794e5a37
Why Developers Need to Learn Design
https://medium.com/happy-cog/why-developers-need-to-learn-design-c70e82628b76
Tips for Designers & Developers Working Together to Implement Great UI’s
https://blog.sydneydesigners.co/tips-for-designers-developers-working-together-to-implement-great-uis-e93ef179bf13
Designers & Developers. Collaborative Design Process for Innovation
https://uxplanet.org/designers-developers-collaborative-design-process-for-innovation-c931206ed2ac
How Designers Work With Developers
https://uxdesign.cc/how-designers-work-with-developers-7552be5e40e9
9 ways to improve collaboration between developers and designers
https://opensource.com/article/18/5/9-ways-improve-collaboration-developers-designers
Keys to Effective Designer-Developer Collaboration
https://insights.dice.com/2017/09/22/keys-effective-designer-developer-collaboration/
The best tips for collaboration between designers and developers
https://getflywheel.com/layout/best-tips-collaboration-between-designers-and-developers/
How to improve collaboration between designers and developers
https://blog.proofhub.com/how-to-improve-collaboration-between-designers-and-developers-12d48e81d8c9
How designers and developers can best collaborate
https://www.uruit.com/blog/designers-and-developers-collaboration
How to collaborate on design with developers?
https://blog.prototypr.io/how-to-collaborate-on-design-with-developers-8aac41991194
