Lean UX

52
Lean UX “Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs #LKFR #stardUX © Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Transcript of Lean UX

Page 1: Lean UX

Lean UX

“Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs

#LKFR #stardUX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 2: Lean UX

SamuelStar Coach Kanban & Scrum

bref Coach Agile

JocerandUX-Evangelist

MichaelUX-Evangelist

Qui sommes-nous ?

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 3: Lean UX

Lean UX, comment faire ?

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 4: Lean UX

Not recommended !

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 5: Lean UX

HTML5/CSS3

Wireframes

User Research

Lean / Kanban

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 6: Lean UX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 7: Lean UX

Game Break

Name that methodology

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 8: Lean UX

Acquérir de la connaissance sur les utilisateurs.

1 2 3 4 5Recherche Définition Idéation Prototype Tests

Identifier & prioriser les problèmes à régler

Génération des idées

Représentation d’une ou plusieurs idées

Validation des utilisateurs ou itération

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 9: Lean UX

1 2 3 4 5Recherche Définition Idéation Prototype Tests

Acquérir de la connaissance sur les utilisateurs.

Identifier & prioriser les problèmes à régler

Génération des idées

Représentation d’une ou plusieurs idées

Validation des utilisateurs ou itération

Design Thinking

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 10: Lean UX

Design Thinking

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 11: Lean UX

1

23

Build

MeasureLearn

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 12: Lean UX

1

23

Build

MeasureLearn

Lean startup

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 13: Lean UX

GOOTB =Get Out Of The Buiding !

Lean startup

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 14: Lean UX

User Stories

Design &Develop

Feedback

1

23

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 15: Lean UX

User Stories

Design &Develop

Feedback

1

23

Agile

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 16: Lean UX

1 2 3 4 5Study Share Stabilize Sense Search

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 17: Lean UX

1 2 3 4 5Study Share Stabilize Sense Search

Kanban Thinking

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 18: Lean UX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 19: Lean UX

Impact Mapping

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 20: Lean UX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 21: Lean UX

ESP

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 22: Lean UX

Better Together©

Copyright U

X-R

epublic 2015 - blog.ux-republic.com - M

ichael Boitin et Jocerand D

ucroux

Page 23: Lean UX

Lean UX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 24: Lean UX

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 25: Lean UX

1 2 3 4

BesoinsBusiness

Besoinsutilisateur

Idéation Sketching

Quels sont les enjeux à atteindre ?

Prioriser les utilisateursles définir [Persona] ainsi que leurs scénarios

Brainstorm pour satisfaire 1 ou 2 cibles Max.

Impliquer les partiesprenanteset poser des idées

Lean UX Process

5

Tests utilisateur

Vérifier les hypothèses

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 26: Lean UX

Warm up : Elevator Pitch

● Pour quelle cible ?

● Pour quels besoins ?

● La catégorie de marché

● Bénéfices Client

● Concurrence

● Critères de différenciation1

Heure

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

1- Besoins Business

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 27: Lean UX

Warm up - Template

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

Pour quelle(cibles client)

Quels sont les besoins ?(de la cible)

Catégorie de produit

Quels sont les bénéfices client ?

À la différence de(conurrence)

Critères de différenciation

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 28: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

Warm up - Exemple © C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 29: Lean UX

Warm Up

● Clarifier et aligner les visions sur

les besoins business.

● Impliquer les parties prenantes

● 1 heure

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 30: Lean UX

2 - Besoins utilisateurs

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

● Qui

● Contexte d’utilisation

● Objectifs à atteindre

● Taches à accomplir

● Taches futures20min

/ persona

Personas

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 31: Lean UX

Persona - Template

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 32: Lean UX

2 - Besoins utilisateurs - Persona

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 33: Lean UX

Persona

● Atelier rapide 20’ / persona

● Pas de persona détaillé

● Acquérir de la connaissance sur

les cibles

● Aligner / prioriser les cibles

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 34: Lean UX

2 - Scénario Utilisateurs

30min/

scénario

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

● Se mettre dans peau de l’utilisateur.

● Quels objectifs ?

● Quelles tâches pour y parvenir ?

● Quel ressenti émotionnel ?

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 35: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

Scénario Utilisateurs - Template © C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 36: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

Scénario Utilisateurs - Exemple © C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 37: Lean UX

Scénario Utilisateurs

● Identifier les scénario

● Les prioriser selon leur valeur

● Définir les fonctionnalités

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 38: Lean UX

3 - Idéation

1h/

scénario

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

● Générer un maximum d’idées.

● Think Out Of The Box

● Prioriser les idées

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 39: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 40: Lean UX

4 - Sketching

2h /

scénario

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

● Illustrer les idées sélectionnées

● Ce n’est pas du design

● Vision macro

● Affinage

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 41: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 42: Lean UX

5 - Les tests utilisateurs

1h / user

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

● Valider nos hypothèses

● Ajuster la vision

● Améliorer le produit

● Apprentissage continue des utilisateurs

et de leurs usages

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 43: Lean UX

Besoins Business Besoins Utilisateur Idéation Sketching Tests utilisateur

21 3 4 5

Thinking Aloud

© C

opyright UX

-Republic 2015 - blog.ux-republic.com

- Michael B

oitin et Jocerand Ducroux

Page 44: Lean UX

Exécution

Y’a plus qu’à !

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 45: Lean UX

One More Thing…

Mesurer !

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 46: Lean UX

Développer - Mesurer - Itérer

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 47: Lean UX

How to measure anything Douglas W. Hubbard

• Define the decision

• Determine what you know now

• Compute the value of additional information

• Measure where information value is high

• Make a decision and act on it

Pourquoi mesure-t-on ?

!

!

!

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 48: Lean UX

Un Exemple

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 49: Lean UX

Lean UX, comment faire ?

Warmup :

Persona :

Scénario :

Idéation :

Sketching :

Tests utilisateur :

1 h

20 min / persona

30 min / scénario

1 h / scénario

2 h / scénario

1 h / test

1 semaine pour obtenir un prototype validé par vos utilisateurs !

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 50: Lean UX

Le Lean UX c’est :● Rapide● Pas de livrable lourd● Itérer● Apprendre● Corriger● Évolutif● À expérimenter

Notre Conclusion

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 51: Lean UX

MERCI !

Samuel Retiere@sretiere

Jocerand Ducroux@jocerand

Michael Boitin@michaelboitin

© Copyright UX-Republic 2015 - blog.ux-republic.com - Michael Boitin et Jocerand Ducroux

Page 52: Lean UX

DIGITAL THINKINGAgence de Design d’interfaces & Centre de formation

blog.ux-republic.com

Let’s talk about UX ! [email protected] - +33 1 45 61 47 56 - @UXRepublic