Rechercher
Fermer ce champ de recherche.
Rechercher
Fermer ce champ de recherche.
Rechercher
Fermer ce champ de recherche.

Designer et développeur : comment collaborer ?

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

Articles liés

Le design au service de la transition circulaire

Notre visite de la Manufacture Bernard Depoorter

Designers et stylistes, concrétisez vos projets avec une bourse !