Design agile : concevoir plus rapidement des produits centrés sur les utilisateurs

Anthony Adam
Pretto
Published in
5 min readNov 24, 2017

Lorsque je suis arrivé chez Doctolib en décembre 2014 nous n’étions qu’une petite équipe. Au cours des mois suivants j’ai connu l’hyper croissance de l’entreprise, son ambition mais aussi son exigence. Comme toute start-up nous devions faire face à l’incertitude et la croissance.

Dans un environnement constamment en évolution, il devient vite impératif de réfléchir pour formaliser des façons de travailler permettant de répondre efficacement aux contraintes.

« L’agilité n’est pas une manière de réduire la difficulté d’un problème, mais plutôt une manière de gérer les effets combinés de la complexité et de l’incertitude. »
David S. Alberts

Le Design agile cherche donc à répondre à ces deux contraintes principales. Il s’appuie sur les méthodes agiles & lean, visant un double but :

  • Concevoir un produit centré sur les utilisateurs et leur expérience (UX) ;
  • Maintenir un niveau de qualité élevé en permettant des itérations fréquentes et rapides.

En arrivant chez Pretto en juillet 2017 je savais que nous allions être confrontés aux mêmes problèmes que ceux que j’avais déjà rencontrés. De plus toute l’équipe avait l’ambition de faire de l’UX et du design une des forces de notre produit. Les challenges sont nombreux, comme les histoires à raconter.

Oh ! 😮
Vous pouvez découvrir l’introduction au Design agile dans cet article

Trois étapes, une méthode

Cette méthode nous aide à structurer notre travail de design. Elle offre une mise en contexte des outils utilisés pour en faciliter l’usage par toute l’équipe produit.

Nous représentons le Design agile de cette façon

1, 2, 3…👌 Exploration, Conception, Évaluation

Le Design agile s’articule autour de trois grandes étapes :

  • Exploration
  • Conception
  • Evaluation

Chaque étape est itérative, ensemble elles forment un cycle itératif complet.
Dans le cadre de notre approche cela se traduit par une amélioration continue de notre produit.

Notre objectif : être capable d’appliquer ce cycle itératif à l’infini.

Il est possible de commencer notre travail par n’importe quelle étape. Tout dépend du contexte et de l’avancée du projet.

  • Si vous avez déjà un Produit Minimum Viable (PMV / MVP) — c’était le cas de Pretto — commencer par une approche d’Évaluation aura plus de valeur ;
  • Si vous souhaitez créer une nouvelle fonctionnalité commencez par la phase d’Exploration.

Design Agile Canvas

En préambule de la création d’une nouvelle fonctionnalité ou d’un nouveau projet j’utilise un Canvas composé de 4 grandes questions :

Pourquoi ? Pour qui ? Comment ? Quand ?

Ces 4 interrogations peuvent être précisée par des sous-questions —nous en donnons des exemples ci-dessous. Elles sont liées entre elles.
Le Pourquoi ? étant notre problème d’origine, celui que nous souhaitons résoudre. Le : Pour qui ? Comment ? et Quand ? en découlent donc.

Le Design Agile Canvas va nous aider à définir nos objectifs, offrant un cadre clair pour notre travail.

Pourquoi ?

  • Quels problèmes cherchons-nous à résoudre ?
  • Quels résultats voulons-nous à atteindre ?
  • Que voulons-nous apprendre ?

Pour qui ?

  • Quel persona va utiliser cette fonctionnalité ?
  • Quel sera l’usage de cette fonctionnalité ?
  • Qui sera impacté par cette fonctionnalité et comment ?

Comment ?

  • Quelles solutions avons-nous ?
  • Quels KPI pour mesurer la réussite ?

Quand ?

  • En combien de temps ?
  • En combien de sprints ?
  • Quelle organisation pour tenir nos engagement ?

La boîte à outils

A chacune des étapes correspond un certain nombre d’outils qui vont nous aider à atteindre les objectifs fixés.

Les bons outils, aux bons moments.

Exploration

Cette phase en amont de la conception est centrée sur la recherche utilisateurs. Elle cherche à valider nos hypothèses de départ .

Elle se focalise à la fois sur l’extérieur — les utilisateurs — et vers l’intérieur — nos collaborateurs.
L’implication des collaborateurs est importante car elle permet d’anticiper les problèmes métier et de prendre en considération des cas particuliers.

  • Recherche utilisateurs ;
  • Userflow ;
  • Personae ;
  • Ateliers collaboratifs : idéation, co-conception…

Conception

Lors de cette étape nous commençons la création par des wireframe et nous cherchons à itérer jusqu’à la création des maquettes finales (UI haute fidélité) et du développement.

Les outils utilisés doivent nous permettre de tester rapidement des prototypes afin d’affiner notre vision de l’interface, du fonctionnel…

  • Wireframe ;
  • Prototypes ;
  • Tests et itérations ;
  • Rédaction spécifications fonctionnelles ;
  • Maquettes Haute fidélité — UI définitive ;
  • Tech…

Evaluation

C’est une étape importante, souvent oubliée ou négligée.

Elle nous permet d’évaluer le travail réalisé grâce à — d’un côté — des outils orienté data quantitative type Hotjar ou Google Analytics. De l’autre des observations / interviews utilisateurs sur notre produit et les évolutions apportées.

Les deux types d’outils se complètent bien et permettent d’obtenir une évaluation pertinente mais aussi de prendre du recul.

  • Observations utilisateur ;
  • Interview utilisateur — quanti et quali ;
  • Suivi de métriques & KPI : GA, HotJar, Mixpanel…

Pour aller plus loin

Je ne peux que vous conseiller la lecture de 3 ouvrages qui ont inspiré cette façon de travailler. Ils offrent beaucoup de bonnes idées pour améliorer à la fois vos méthodes de travail et l’UX de votre produit.

  • Lean UX — de Jeff Gothelf, Josh Seiden.
    Un premier pas et une grande aide méthodologique pour lier l’approche Lean et l’UX mais aussi pour améliorer la collaboration des équipes à travers divers ateliers.
  • Sprint Design — de Jake Knapp/Google.
    Le sprint design est une méthode en 5 jours utilisée chez Google Ventures pour résoudre des problèmes complexes en peu de temps.
  • Design Émotionnel — de Aarron Walter.
    Un livre que j’aime beaucoup. Un sujet passionnant et des exemples précis sur comment le design d’interface peut véhiculer des “émotions” faisant de l’interface non pas uniquement le pont entre l’utilisateur et la machine, mais entre l’utilisateur et l’humain qui l’a conçu.

--

--

Anthony Adam
Pretto
Editor for

Product designer | Head of design @ pretto | ex @ doctolib