SlideShare une entreprise Scribd logo
1  sur  74
Télécharger pour lire hors ligne
Good Morning UX #3
Les fondamentaux de l’approche du design UX
EXPERTSUX
ESPACES
FORMATIONS
EVENEMENTS
AGENCE UX
RECRUTEMENT
Cycle UX Design (4 jours )
JOUR 1 : Méthodes de l’UX Design et du Design Thinking
JOUR 2 : Fondamentaux de l’ergonomie digitale
JOUR 3 : Outil de prototypage avec Sketch et inVision
JOUR 4 : Techniques de créativité et de collaboration
Cycle Design Sprint (5 jours + 1 jour)
JOUR 1 : Comprendre & Définir
JOUR 2 : Diverger & Décider
JOUR 3 : Prototyper
JOUR 4 : Tester
JOUR 5 : Planifier & Valider (Agile UX) + Évaluation & Mise en perspective
+ Journée d’approfondissement
PROCHAINE FORMATION UX
Du 10 au 20 Octobre 2017
Modules de formation à la carte de 1 à 10 jours - 400€/J HT
Alors on va parler
...
Interface, produit, marque,
service, communication
Mais pas que
...
Car on va surtout parler
...
Design d’expérience
Définir une expérience ?
L’interaction de l’homme durant un espace temps
Une expérience c’est ça...
Mais c’est aussi ça...
Ou encore ça...
Puis les expériences négatives...
Ou uniques...
Ou imperceptibles...
Définir un utilisateur ?
Un humain exprimant des besoins émotionnels
Un humain avec des besoins
psychologiques
Un humain avec des biais
cognitifs
Un humain qui veut apprendre,
comprendre, chercher, faire ou
acheter...
...En fonction de son contexte
Le rôle du design ?
Trouver des solutions grâce à l’humain
Concevoir pour ses utilisateurs
Des solutions innovantes
Des solutions innovantes
Pour répondre à des problèmes complexes
Pourquoi concevoir en mode UX
Donner du sens à la conception d’un produit ou service et
procurer une expérience positive aux humains qui l’utilisent.
MAKING
PEOPLE
WANT
THINGS
MAKING
THINGS
PEOPLE
WANT
Le rôle du Design
Marketing
Design
Comment créer une expérience de A à Z
Place l’utilisateur au centre de la conception pour imaginer une
expérience globale qui l’accompagne dans tout le processus
d’interaction avec la marque ou le produit
“You’ve got to start with the customer
experience and work back toward the
technology, not the other way around”
- Steve Jobs
Mais alors, concrètement comment on fait ?
Une approche globale
Le design UX n’est pas un métier, mais une pratique
philosophique qui peut s’appliquer à tous les niveaux de
conception d’une expérience
Processus itératif centré utilisateur permettant
d’imaginer, concevoir et améliorer un service ou un produit.
La durée et composition des étapes changent selon les méthodes :
Design thinking, Sprint Design, Lean UX, Circular design...
Empathie
Définition
Idéation
Prototype
Test
THINK
Research
Ideation
Mental models
Test Results
Competitive
Analysis
MAKE
Prototypes
Wireframes
Value Prop
Landing Page
Hypotheses
Deployed Code
CHECK
A/B Testing
Site Analytics
Usability Testing
Sign ups
Des méthodologies
Il est impossible d’appliquer exactement la même approche en
fonction des projets. Il faut s’approprier les méthodes pour les
adapter en fonction des contraintes des projets
Recherche
Observation in-situ
Observer et détecter les
contournements d’usages
Interviews
exploratoires
Entretien avec des
utilisateurs (actuels ou
futurs)
Immersion
Ou Shadowing
Se plonger dans la
situation de l’utilisateur ou
la suivre de près sans se
faire remarquer
Persona
Basé sur la recherche utilisateur, un
persona est le reflet de l’utilisateur final,
son archétype.
Empathy map
Se mettre à la place de l’utilisateur pour
comprendre et lister :
- Ce qu’il-elle dit,
- Ce qu’il-elle pense,
- Ce qu’il-elle ressent,
- Ce qu’il-elle fait.
Ceci pour déceler les besoins et attentes
et comprendre leurs difficultés.
Experience map
Schématiser le parcours d’utilisation d’un
produit ou service afin d’y définir les
opportunités, frustrations et contraintes
auxquels font face les utilisateurs pour
réussir à identifier des moments clés de
l’expérience.
Idéation
Job Stories
Identifier grâce aux
interviews utilisateurs les
motivations en fonction des
situations et des besoins
ressentis
Concevoir avec
les émotions
Générer des idées à partir
des émotions positives que
l’on souhaite susciter chez
l’utilisateur
How might we ?
Détecter les opportunités
de service qui répondent
aux besoins ou frustrations
dans le parcours utilisateur.
The Proposition
Value Canvas
Partir de l’empathy map pour
générer les pains relievers et les
gains creators qui feront la valeur de
la solution.
SOLUTION ACTION
FRUSTRATION
Crazy eight
5 minutes pour générer 8
idées
Ou
6 to 1
Prototyper 6 solutions pour
les regrouper en une seule
solution
Vote
Après le tri des idées on
converge vers les solutions
les plus réalistes
Conception
User flow
Créer les parcours
d’utilisation que devra suivre
les utilisateurs pour interagir
avec le produit
Sketching
Dessiner rapidement des
prototypes de la solution
pour avoir une vue globale
de la solution
Wireframes Hi-Fi
Matérialiser le prototype papier
Prototype animé
Animer les maquettes de
l’interface
Test
En salle
Définir des parcours à tester
pour l’utilisateur avec des
objectifs bien précis sans
pour autant le guider dans
ses choix.
A distance
Préparer des conditions
pour effectuer un test à
distance et solliciter les
utilisateurs pour qu’ils
pensent à voix haute et
donnent un maximum de
retours
Eye Tracking
Détecter les zones où se porte
le regard de l’utilisateur pour
comprendre la lecture que
propose l’interface
Data analytics
Utiliser des solutions pour
mesurer l’efficacité de votre site
grâce à des capteurs et des
analyses de données
Study Case
Le processus UX derrière l’application pour sportifs la plus
populaire
Design Process
Application des étapes de conception du design thinking
Persona
Application des étapes de conception du design thinking
Job Stories
Application des étapes de conception du design thinking
Identifier les besoins
Application des étapes de conception du design thinking
Prioriser les besoins
Application des étapes de conception du design thinking
Définir les problèmes
Application des étapes de conception du design thinking
Définir les problèmes (2)
Application des étapes de conception du design thinking
Définir les problèmes (3)
Application des étapes de conception du design thinking
Task flow
Application des étapes de conception du design thinking
Sketching
Application des étapes de conception du design thinking
Prototype animé
Application des étapes de conception du design thinking
+
Source : Uxdesign.cc
Merci !
Vous avez des questions ? C’est le moment

Contenu connexe

Tendances

Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI DesignMicrosoft
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important Chris Becker
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UIPatrice Lelaisant
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability FirstJoan Lumanauw
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience? Dotinum
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?Baris Erkol
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
Ux design
Ux designUx design
Ux designniklofr
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptxRiniyaMary
 

Tendances (20)

Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UI
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability First
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Ux design
Ux designUx design
Ux design
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 

Similaire à Good Morning UX #3 : Les fondamentaux du design UX

Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXZenika
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017NiceToMeetYou
 
[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual EventFriends Of Figma, Cotonou
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Carine Lallemand
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et AgilitéMatthieu Gioani
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceMarc Wabnitz
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Benoit Drouillat
 
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
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionJulien Roland
 
Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners  Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners Matthieu Gioani
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webNovUp
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #DesignVirginie Boullé
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Marie Glandus
 
Afterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : Les outils de prototypageAfterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : Les outils de prototypageNewflux UX/UI News
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...PMI-Montréal
 
L'ux design pragmatique
L'ux design pragmatiqueL'ux design pragmatique
L'ux design pragmatiqueAnne PEDRO
 

Similaire à Good Morning UX #3 : Les fondamentaux du design UX (20)

Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UX
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
Digital way - Innovation - @Objectif
Digital way  - Innovation - @ObjectifDigital way  - Innovation - @Objectif
Digital way - Innovation - @Objectif
 
[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et Agilité
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open Source
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
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
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
 
Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners  Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
Afterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : Les outils de prototypageAfterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : Les outils de prototypage
 
Les outils de prototypage
Les outils de prototypageLes outils de prototypage
Les outils de prototypage
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
 
L'ux design pragmatique
L'ux design pragmatiqueL'ux design pragmatique
L'ux design pragmatique
 

Plus de Newflux UX/UI News

Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...
Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...
Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...Newflux UX/UI News
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintNewflux UX/UI News
 
#Good Morning UX #2 : Grands principes du design thinking
#Good Morning UX #2 : Grands principes du design thinking#Good Morning UX #2 : Grands principes du design thinking
#Good Morning UX #2 : Grands principes du design thinkingNewflux UX/UI News
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXNewflux UX/UI News
 
Good Evening UX #3 : Processus interne et service design
Good Evening UX #3 : Processus interne et service designGood Evening UX #3 : Processus interne et service design
Good Evening UX #3 : Processus interne et service designNewflux UX/UI News
 
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutementGood Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutementNewflux UX/UI News
 
Afterworkshop #2 : Inspiration des meilleures interfaces UI Design
Afterworkshop #2 : Inspiration des meilleures interfaces UI DesignAfterworkshop #2 : Inspiration des meilleures interfaces UI Design
Afterworkshop #2 : Inspiration des meilleures interfaces UI DesignNewflux UX/UI News
 
Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4Newflux UX/UI News
 
Good Evening UX #1 : Micro moment
Good Evening UX #1 : Micro momentGood Evening UX #1 : Micro moment
Good Evening UX #1 : Micro momentNewflux UX/UI News
 
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutes
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutesAfterworkshop #1 : Prototyper et tester une solution en moins de 30 minutes
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutesNewflux UX/UI News
 
A guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathA guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathNewflux UX/UI News
 
Airbnb : design pour la confiance - Newflux
Airbnb : design pour la confiance - NewfluxAirbnb : design pour la confiance - Newflux
Airbnb : design pour la confiance - NewfluxNewflux UX/UI News
 

Plus de Newflux UX/UI News (12)

Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...
Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...
Étude de cas : Comment Younger hearts utilise l'expérience map pour concevoir...
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprint
 
#Good Morning UX #2 : Grands principes du design thinking
#Good Morning UX #2 : Grands principes du design thinking#Good Morning UX #2 : Grands principes du design thinking
#Good Morning UX #2 : Grands principes du design thinking
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
 
Good Evening UX #3 : Processus interne et service design
Good Evening UX #3 : Processus interne et service designGood Evening UX #3 : Processus interne et service design
Good Evening UX #3 : Processus interne et service design
 
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutementGood Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
 
Afterworkshop #2 : Inspiration des meilleures interfaces UI Design
Afterworkshop #2 : Inspiration des meilleures interfaces UI DesignAfterworkshop #2 : Inspiration des meilleures interfaces UI Design
Afterworkshop #2 : Inspiration des meilleures interfaces UI Design
 
Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4
 
Good Evening UX #1 : Micro moment
Good Evening UX #1 : Micro momentGood Evening UX #1 : Micro moment
Good Evening UX #1 : Micro moment
 
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutes
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutesAfterworkshop #1 : Prototyper et tester une solution en moins de 30 minutes
Afterworkshop #1 : Prototyper et tester une solution en moins de 30 minutes
 
A guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathA guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive Path
 
Airbnb : design pour la confiance - Newflux
Airbnb : design pour la confiance - NewfluxAirbnb : design pour la confiance - Newflux
Airbnb : design pour la confiance - Newflux
 

Good Morning UX #3 : Les fondamentaux du design UX