SlideShare a Scribd company logo
1 of 74
Download to read offline
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

More Related Content

What's hot

Le design d'experience pour creer de la valeur
Le design d'experience pour creer de la valeur Le design d'experience pour creer de la valeur
Le design d'experience pour creer de la valeur
nous sommes vivants
 

What's hot (20)

Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
What is UX?
What is UX?What is UX?
What is UX?
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
 
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
 
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
 
Personnalisation et marketing
Personnalisation et marketingPersonnalisation et marketing
Personnalisation et marketing
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
Le design d'experience pour creer de la valeur
Le design d'experience pour creer de la valeur Le design d'experience pour creer de la valeur
Le design d'experience pour creer de la valeur
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie Glandus
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
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 ?
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mere
 
What is UX?
What is UX?What is UX?
What is UX?
 
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 ...
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 

Similar to Good Morning UX #3 : Les fondamentaux du design UX

[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
Friends Of Figma, Cotonou
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
Audrey CHATEL
 
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
NovUp
 
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
 
Engagez vos utilisateurs
Engagez vos utilisateursEngagez vos utilisateurs
Engagez vos utilisateurs
Simon Bédard
 

Similar to 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
 
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
 
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
 
Les outils de prototypage
Les outils de prototypageLes outils de prototypage
Les outils de prototypage
 
Afterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : Les outils de prototypageAfterworkshop #3 : Les outils de prototypage
Afterworkshop #3 : 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
 
Engagez vos utilisateurs
Engagez vos utilisateursEngagez vos utilisateurs
Engagez vos utilisateurs
 
M2i Webinar - Le Design Thinking et l'UX
M2i Webinar - Le Design Thinking et l'UXM2i Webinar - Le Design Thinking et l'UX
M2i Webinar - Le Design Thinking et l'UX
 
Le management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TLe management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en T
 

More from Newflux UX/UI News

More from 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