SlideShare une entreprise Scribd logo
1  sur  36
Télécharger pour lire hors ligne
Apportez les étoiles dans votre cuisine
Antoine Le Guen - Alexandre Prevots - Sébastien Auré
DÉMARCHE UX
Le monde est de plus en plus connecté. Si la technologie devait initialement libérer l’homme des
tâches ingrates, aujourd’hui elle l’éloigne souvent des autres hommes et participe à créer de
l’isolement.
La cuisine autrefois pièce maîtresse de la convivialité et du rapprochement intergénérationnel devient
de plus en plus petite, de plus en plus pratique et minimaliste, on veut manger bien, vite, sans efforts.
La technologie participe à entraîner l’homme dans cette direction, les robots cuiseurs se
démocratisent progressivement, si rien n’est fait ce siècle pourrait bien voir la disparition de la cuisine
dans les habitations au profit d’un unique robot qui fait tout, mieux et plus vite qu’on ne pourrait le
faire.
Face à ce constat l’ambition de Cook-e est de participer à libérer l’homme de la dépendance
technologique en lui permettant de retrouver plaisir à cuisiner, en lui permettant d’apprendre à cuisiner
en s’amusant. En rapprochant les hommes que la distance et l’appréhension éloignait auparavant.
La cuisine retrouvera alors son rôle social fondamental, tout en tirant parti des possibilités positives
de la technologie pour rassembler des gens que la distance séparait. La cuisine de demain sera alors
une cuisine du plaisir partagé, une cuisine sociale et émancipatrice.
2
Introduction : Le contexte
Démarche de
conception
En impliquant l’utilisateur pendant toute
la phase de conception de façon
itérative, il est possible d’améliorer
progressivement l’expérience de
l’utilisateur et d’éviter des erreurs qui
seraient particulièrement coûteuses
pendant ou après la phase de
développement.
“Chacun porte en soi sa
conception du monde dont il ne
peut se défaire si aisément”
Henri Poincaré, mathématicien
Planification
Exploration
Idéation
GénérationEvaluation
Recueil des
besoins
utilisateurs
Génération
d’idées de
conception
Formulation de
solutions de
conception
Évaluation itérative
des solutions
générées
Une fois que l’on connaît notre problématique, il est nécessaire de se poser d’autres
questions affinant le sujet, les personas ainsi que les attentes.
Exploration
Exploration
Les gens veulent-ils encore d’une cuisine
qui rassemble ?
Qui sont les utilisateurs cibles de Cook-e ?
Grâce à une phase de recherche utilisateurs
il est possible de définir précisément leurs
besoins et ainsi de mieux y répondre.
“L’expérience de l’utilisateur, c’est l’ensemble de
tous les aspects touchant les interactions entre
l’utilisateur et le produit : comment ce dernier est
perçu, maîtrisé et utilisé,
y compris sa facilité d’utilisation et le plus
important de tous, la satisfaction des besoins de
l’utilisateur.”
Donald Norman, professeur en sciences cognitives
Existants
6
Robot BommanAmazon echo
Existant
7
Enceinte Bose
Karotz
Existant
8
COOKEO
Persona : Paul Martin
9
Persona : Zoé Dubois
10
Story board - problème
11
Paul est contacté par
un ami lui rappelant
qu’ils dînent chez lui
pour un anniversaire.
Paul ayant totalement
oublié, il confirme
qu’il pourra quand
même faire le repas.
Petit problème, son
réfrigérateur est
totalement vide...
Il se dit alors qu’il va
trouver une recette
sympa avec son
smartphone.
Après avoir fait
des courses en
abondance, il se met
à cuisiner.
Faisant ça rapidement
et approximativement..
Les 40g deviennent vite
des 150g...
Son plat lui semble
correcte et s'empresse
de le servir à ses
invités...
… qui eux ne sont pas
du tout de cet avis !
12
Story board - idéal
Paul est contacté par
un ami lui rappelant
qu’ils dînent chez lui
pour un anniversaire.
Paul ayant totalement
oublié, il confirme
qu’il pourra quand
même faire le repas.
Il appelle alors un très
bon ami, cuisinier
ayant plusieurs
étoiles !
Ce dernier ne vient
pas les mains vides !
Il a tout apporté !
Il lui apprend alors
comment couper les
légumes,
comment doser
correctement et les
quantités
nécessaires.
Paul peut alors être
satisfait de son plat !
Ses amis adorent et
en redemandent
même !!
Présentation du storyboard final
13
Paul est contacté par
un ami lui rappelant
qu’ils dînent chez lui
pour un anniversaire.
Il se connecte donc
à son application
Cook-e !
Il choisit une recette
parmi une liste variée
selon l’événement de ce
soir
Après avoir acheté les
ingrédients, il connecte
son smartphone à son
robot Cook-e
Il commence alors sa
recette en suivant les
instructions données par
cook-e
Ce dernier guide Paul
dans sa gestuelle grâce
aux ustensiles connectés
Paul peut alors être
satisfait de lui avec ce
plat qui semble
appétissant...
… Que ses amis semblent
confirmer !
Mission réussie
pour Paul !
14
Moodboard du persona “Paul Martin”
Une fois un maximum d’idées de conception récoltées, il faut les
trier, assembler et catégoriser pour sélectionner les meilleures
d’entres elles et formuler des solutions de conception.
Idéation
Idéation
Brainstorming
En se basant sur les données utilisateurs
recueillies lors des étapes précédentes, il
est possible de réfléchir à des idées de
conceptions centrées sur les besoins réels
des utilisateurs.
Après avoir réalisé un brainstorming faisant
ressortir un maximum d’idées divergentes,
une phase de convergence est alors
nécessaire. Celle-ci a pour but de trier les
idées qui seront retenues ou non.
17
Après avoir convergé sur les
différentes idées retenues, vient une
phase d’exploration en terme de
design d’objet. Après avoir réalisé
différents tests utilisateurs et une
multitude de croquis, nous arrivons à
un produit pouvant alors répondre
aux attentes de notre persona.
Idéation
Sketching
18
Idéation
Sketching
Après les études utilisateurs et les recherches sketching, nous
avons conçu le design du produit final
Design produit
Design produit
Produit final
21
En impliquant l’utilisateur dans l'évaluation des solutions de
conception, on réussie à les affiner progressivement.
Evaluation
23
https://marvelapp.com/8d5add9
Évaluation
Prototypage papier
Évaluation - Test utilisateur in situ en vidéo (https://youtu.be/HtP0KsAYGYk)
24
En se basant sur les retours de la phase d’évaluation, nous avons
créés des wireframes différents des premiers sketchings.
Génération - Wireframes
Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil
26
Écran Home Écran Cuisinier avec mon Cook-e
Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil
27
Écran Toutes les recettes Écran Recettes “Desserts”
28
Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil
Écran Recette du
Baba au rhum
Écran Étape 1 de la recette
expliquée par Cook-e
Écran Accomplissement
de l’étape 1
29
Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil
Écran Cook-e TV Écran Instant Cuisine des grands chefs cuisiniers
(diffusion en replay)
Génération - Maquettes graphiques
Création de maquettes graphiques qui reprennent le style des personas et
les indications des wireframes.
31
Maquettes
graphiques
Écran Home
Écran Cuisinier avec mon Cook-e
Maquettes
graphiques
32
Écran
Toutes les recettes
Écran
Recettes “Desserts”
33
Maquettes
graphiques
Écran Recette du Baba au rhum
34
Maquettes
graphiques
Écran Étape 1 de la recette
expliquée par Cook-e
Écran Accomplissement de l’étape 1
Conclusion
Grâce à toutes ces étapes d’exploration,
d’idéation, de génération et d’évaluation
itératives nous avons pu réaliser un produit qui
s’approche au plus près des attentes
utilisateur.
Toutes ces étapes amènent à une meilleure
utilisation du produit (plus facile et plus
simple) par l’utilisateur.
Le produit répondant aux attentes et besoins
des utilisateurs, il aura plus de chance de
plaire et de se vendre.
Merci !
Alexandre Prevots
UX designer
alexandre-prevots@orange.fr
Antoine Le Guen
UX designer
antoine.lgraphic@gmail.com
Sébastien Auré
UX designer
sebastien.aure@gmail.com

Contenu connexe

Similaire à Livrable design objet connecté Cook-e - Mastère UX design - L'École Multimédia

[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorablesVirtua S.A.
 
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...M2i Formation
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaRémi Brocherez
 
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014Geeks and Com'
 
Présentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UPPrésentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UPMélanie Forcheron
 
Le cookeo expliqué pour les nuls
Le cookeo expliqué pour les nulsLe cookeo expliqué pour les nuls
Le cookeo expliqué pour les nulsRecettesCookeo
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Net Design
 
Clermont pel - point cyb - atelier - janvier-mars 2015
Clermont   pel - point cyb - atelier - janvier-mars 2015Clermont   pel - point cyb - atelier - janvier-mars 2015
Clermont pel - point cyb - atelier - janvier-mars 2015Communication Clermont
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéGuillaume Abel
 
L'effet Cupcake
L'effet CupcakeL'effet Cupcake
L'effet CupcakeTP1
 
L'innovation participative vue par Nov'in
L'innovation participative vue par Nov'inL'innovation participative vue par Nov'in
L'innovation participative vue par Nov'inadesert_novin
 
Solution SmartUser par Bemobee et Opinon Way
Solution SmartUser par Bemobee et Opinon WaySolution SmartUser par Bemobee et Opinon Way
Solution SmartUser par Bemobee et Opinon WayBemobee Solutions
 
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...Bertrand Cochet
 

Similaire à Livrable design objet connecté Cook-e - Mastère UX design - L'École Multimédia (20)

EVENT42 _ Le programme détaillé
EVENT42 _ Le programme détailléEVENT42 _ Le programme détaillé
EVENT42 _ Le programme détaillé
 
Teisseire Mobile App
Teisseire Mobile AppTeisseire Mobile App
Teisseire Mobile App
 
Jecv pas
Jecv pasJecv pas
Jecv pas
 
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
 
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...
M2i Webinar - L'entreprise digitale : méthodologies au service de l'innovatio...
 
Ludomuse
LudomuseLudomuse
Ludomuse
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -Geneva
 
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014
Évolution du multiécran au Canada - Étude Microsoft - Novembre 2014
 
Présentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UPPrésentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UP
 
Le cookeo expliqué pour les nuls
Le cookeo expliqué pour les nulsLe cookeo expliqué pour les nuls
Le cookeo expliqué pour les nuls
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
 
Clermont pel - point cyb - atelier - janvier-mars 2015
Clermont   pel - point cyb - atelier - janvier-mars 2015Clermont   pel - point cyb - atelier - janvier-mars 2015
Clermont pel - point cyb - atelier - janvier-mars 2015
 
French Touch de l'Education - Slides intervenants du 2 juin 2016
French Touch de l'Education - Slides intervenants du 2 juin 2016French Touch de l'Education - Slides intervenants du 2 juin 2016
French Touch de l'Education - Slides intervenants du 2 juin 2016
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
 
L'effet Cupcake
L'effet CupcakeL'effet Cupcake
L'effet Cupcake
 
L'innovation participative vue par Nov'in
L'innovation participative vue par Nov'inL'innovation participative vue par Nov'in
L'innovation participative vue par Nov'in
 
Stage de création - l'E2C & le Funlab
Stage de création - l'E2C & le FunlabStage de création - l'E2C & le Funlab
Stage de création - l'E2C & le Funlab
 
Solution SmartUser par Bemobee et Opinon Way
Solution SmartUser par Bemobee et Opinon WaySolution SmartUser par Bemobee et Opinon Way
Solution SmartUser par Bemobee et Opinon Way
 
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...
[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les myt...
 
Startup Week Reloaded.digital
Startup Week Reloaded.digital Startup Week Reloaded.digital
Startup Week Reloaded.digital
 

Livrable design objet connecté Cook-e - Mastère UX design - L'École Multimédia

  • 1. Apportez les étoiles dans votre cuisine Antoine Le Guen - Alexandre Prevots - Sébastien Auré DÉMARCHE UX
  • 2. Le monde est de plus en plus connecté. Si la technologie devait initialement libérer l’homme des tâches ingrates, aujourd’hui elle l’éloigne souvent des autres hommes et participe à créer de l’isolement. La cuisine autrefois pièce maîtresse de la convivialité et du rapprochement intergénérationnel devient de plus en plus petite, de plus en plus pratique et minimaliste, on veut manger bien, vite, sans efforts. La technologie participe à entraîner l’homme dans cette direction, les robots cuiseurs se démocratisent progressivement, si rien n’est fait ce siècle pourrait bien voir la disparition de la cuisine dans les habitations au profit d’un unique robot qui fait tout, mieux et plus vite qu’on ne pourrait le faire. Face à ce constat l’ambition de Cook-e est de participer à libérer l’homme de la dépendance technologique en lui permettant de retrouver plaisir à cuisiner, en lui permettant d’apprendre à cuisiner en s’amusant. En rapprochant les hommes que la distance et l’appréhension éloignait auparavant. La cuisine retrouvera alors son rôle social fondamental, tout en tirant parti des possibilités positives de la technologie pour rassembler des gens que la distance séparait. La cuisine de demain sera alors une cuisine du plaisir partagé, une cuisine sociale et émancipatrice. 2 Introduction : Le contexte
  • 3. Démarche de conception En impliquant l’utilisateur pendant toute la phase de conception de façon itérative, il est possible d’améliorer progressivement l’expérience de l’utilisateur et d’éviter des erreurs qui seraient particulièrement coûteuses pendant ou après la phase de développement. “Chacun porte en soi sa conception du monde dont il ne peut se défaire si aisément” Henri Poincaré, mathématicien Planification Exploration Idéation GénérationEvaluation Recueil des besoins utilisateurs Génération d’idées de conception Formulation de solutions de conception Évaluation itérative des solutions générées
  • 4. Une fois que l’on connaît notre problématique, il est nécessaire de se poser d’autres questions affinant le sujet, les personas ainsi que les attentes. Exploration
  • 5. Exploration Les gens veulent-ils encore d’une cuisine qui rassemble ? Qui sont les utilisateurs cibles de Cook-e ? Grâce à une phase de recherche utilisateurs il est possible de définir précisément leurs besoins et ainsi de mieux y répondre. “L’expérience de l’utilisateur, c’est l’ensemble de tous les aspects touchant les interactions entre l’utilisateur et le produit : comment ce dernier est perçu, maîtrisé et utilisé, y compris sa facilité d’utilisation et le plus important de tous, la satisfaction des besoins de l’utilisateur.” Donald Norman, professeur en sciences cognitives
  • 9. Persona : Paul Martin 9
  • 10. Persona : Zoé Dubois 10
  • 11. Story board - problème 11 Paul est contacté par un ami lui rappelant qu’ils dînent chez lui pour un anniversaire. Paul ayant totalement oublié, il confirme qu’il pourra quand même faire le repas. Petit problème, son réfrigérateur est totalement vide... Il se dit alors qu’il va trouver une recette sympa avec son smartphone. Après avoir fait des courses en abondance, il se met à cuisiner. Faisant ça rapidement et approximativement.. Les 40g deviennent vite des 150g... Son plat lui semble correcte et s'empresse de le servir à ses invités... … qui eux ne sont pas du tout de cet avis !
  • 12. 12 Story board - idéal Paul est contacté par un ami lui rappelant qu’ils dînent chez lui pour un anniversaire. Paul ayant totalement oublié, il confirme qu’il pourra quand même faire le repas. Il appelle alors un très bon ami, cuisinier ayant plusieurs étoiles ! Ce dernier ne vient pas les mains vides ! Il a tout apporté ! Il lui apprend alors comment couper les légumes, comment doser correctement et les quantités nécessaires. Paul peut alors être satisfait de son plat ! Ses amis adorent et en redemandent même !!
  • 13. Présentation du storyboard final 13 Paul est contacté par un ami lui rappelant qu’ils dînent chez lui pour un anniversaire. Il se connecte donc à son application Cook-e ! Il choisit une recette parmi une liste variée selon l’événement de ce soir Après avoir acheté les ingrédients, il connecte son smartphone à son robot Cook-e Il commence alors sa recette en suivant les instructions données par cook-e Ce dernier guide Paul dans sa gestuelle grâce aux ustensiles connectés Paul peut alors être satisfait de lui avec ce plat qui semble appétissant... … Que ses amis semblent confirmer ! Mission réussie pour Paul !
  • 14. 14 Moodboard du persona “Paul Martin”
  • 15. Une fois un maximum d’idées de conception récoltées, il faut les trier, assembler et catégoriser pour sélectionner les meilleures d’entres elles et formuler des solutions de conception. Idéation
  • 16. Idéation Brainstorming En se basant sur les données utilisateurs recueillies lors des étapes précédentes, il est possible de réfléchir à des idées de conceptions centrées sur les besoins réels des utilisateurs. Après avoir réalisé un brainstorming faisant ressortir un maximum d’idées divergentes, une phase de convergence est alors nécessaire. Celle-ci a pour but de trier les idées qui seront retenues ou non.
  • 17. 17 Après avoir convergé sur les différentes idées retenues, vient une phase d’exploration en terme de design d’objet. Après avoir réalisé différents tests utilisateurs et une multitude de croquis, nous arrivons à un produit pouvant alors répondre aux attentes de notre persona. Idéation Sketching
  • 19. Après les études utilisateurs et les recherches sketching, nous avons conçu le design du produit final Design produit
  • 21. 21
  • 22. En impliquant l’utilisateur dans l'évaluation des solutions de conception, on réussie à les affiner progressivement. Evaluation
  • 24. Évaluation - Test utilisateur in situ en vidéo (https://youtu.be/HtP0KsAYGYk) 24
  • 25. En se basant sur les retours de la phase d’évaluation, nous avons créés des wireframes différents des premiers sketchings. Génération - Wireframes
  • 27. Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil 27 Écran Toutes les recettes Écran Recettes “Desserts”
  • 28. 28 Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil Écran Recette du Baba au rhum Écran Étape 1 de la recette expliquée par Cook-e Écran Accomplissement de l’étape 1
  • 29. 29 Wireframes : http://cfl96f.axshare.com/#g=1&p=accueil Écran Cook-e TV Écran Instant Cuisine des grands chefs cuisiniers (diffusion en replay)
  • 30. Génération - Maquettes graphiques Création de maquettes graphiques qui reprennent le style des personas et les indications des wireframes.
  • 34. 34 Maquettes graphiques Écran Étape 1 de la recette expliquée par Cook-e Écran Accomplissement de l’étape 1
  • 35. Conclusion Grâce à toutes ces étapes d’exploration, d’idéation, de génération et d’évaluation itératives nous avons pu réaliser un produit qui s’approche au plus près des attentes utilisateur. Toutes ces étapes amènent à une meilleure utilisation du produit (plus facile et plus simple) par l’utilisateur. Le produit répondant aux attentes et besoins des utilisateurs, il aura plus de chance de plaire et de se vendre.
  • 36. Merci ! Alexandre Prevots UX designer alexandre-prevots@orange.fr Antoine Le Guen UX designer antoine.lgraphic@gmail.com Sébastien Auré UX designer sebastien.aure@gmail.com