La modélisation / Le prototypage est la quatrième étape du design thinking. Ce cours issu d'une formation en design de service comportant d'autres parties : - Comprendre un brief client pour mieux y répondre - Les méthodes de CCU - Le design thinking : - l'empathie - la définition - l'idéation - l'évaluation lirusvanessa@gmail.com

1. Design Thinking : La modélisation
Credit photo: @caleb_woods

2. LA MODELISATION
Design thinking
Vanessa Lirus

3. Programme de la semaine
Appréhender et comprendre un brief client
Choisir une méthode de CCU la plus adaptée
Mettre en place une démarche de design thinking
L’empathie
La définition
L’idéation
La modélisation
L’évaluation

4. Les temps forts du design thinking
L’empathie > Lundi
Mieux connaître l’audience
Pour qui vous concevez le produit
ou le service
Ø User research, UX research
Ø Livrables : Personae, Empathy map,
Context mapping, Mind map, Value
proposition canvas
Credit image: SIGMA

5. Les temps forts du design thinking
La définition > Mardi
Définir un raisonnement à partir des
raisonnements de l’étape empathie
Ø Parcours utilisateurs
Ø Livrables: Customer journey map,
Service blueprint
Credit image: SIGMA

6. Les temps forts du design thinking
L’idéation > Mercredi
Générer et Illustrer des idées et des
solutions créatives et innovantes
Evaluer ses solutions
Ø Workshop : L’anti-problème,
Brainstorming 3-12-3, Brainwriting,
Crazy 8s, Tableau d’évaluation, Swot
Ø Livrables: Storyboard
Credit image: SIGMA

7. Les temps forts du design thinking
La modélisation > Jeudi
Construire une représentation d’une ou de
plusieurs de vos idées
Ø Raconter l’histoire
Ø Livrables: Maquettes physiques,
digitales…
Credit image: SIGMA

8. Modélisation: Quelques définitions
Lo-fi : C’est la représentataion
d’une ou plusieurs interfaces
sous forme de boites grises afin
d’étudier/explorer la structure, le
contenu, l’organisation
=> Zoning
Outil :
Un papier et un crayon ?!?
PPT, Axure RP, Balsamiq Crédit photo: justinmind.com

9. Modélisation: le cas de la maquette papier
Crédit photo : Ingrid Pettersson

10. Modélisation: Quelques définitions
Maquette Hi-fi, Mockup :
C’est une représentation plus fine et plus
précise que la maquette lo-fi, autant
dans la définition du contenu que dans
les tailles et positions.
C’est une base pour le graphiste, le CDC
et peut servir à des tests UX (maquette
interactive).
Outil :
PPT, Axure RP, Balsamiq, Sketch +Invision,
Adobe XD

11. Modélisation: Quelques définitions
Prototype : l’objectif est bien de valider
l’utilisabilité, d’éventuelles contraintes
techniques, l’appétence émotionnelle sur
un ensemble plus ou moins important de
fonctionnalités.
Outil :
Axure RP, Sketch + Invision, Adobe XD,
Figma …
Design by Vitwai

12. Comment choisit-on quelle modélisation
choisir?
En fonction du projet !
Si on veut « gagner un projet », cela est plus simple si la
représentation est la plus réaliste possible : maquette digitale,
maquette produit physique
En fonction des besoins !
On aura besoin d’une maquette interactive poussée si on veut tester
des éléments clés avec des utilisateurs.

13. Maquette statique vs Maquette interactive
Une maquette statique permet de communiquer rapidement sur
un concept, une idée. A ce stade, le test utilisateur est toujours
possible mais il reste moins approfondi.
Une maquette interactive permet de se projeter dans un usage.
Elle permet également de tester son idée plus facilement et elle met
son idée ou le concept beaucoup plus à l’épreuve.

14. Modélisation: Experience prototype

15. Modélisation: Experience prototype

16. Modélisation: Experience prototype
https://www.stby.eu/2018/10/12/prototyping-clean-energy-futures/

17. Vous avez des questions?
C’est à vous !