Workshop UX Design présenté lors du FLUPA UX-Day 2013. Animé par Carine Lallemand, Kerstin Bongard-Blanchy, Ioana Ocnarescu et Jean-Baptiste Labrune.
Résumé : Concevoir pour l'expérience utilisateur par l'approche des Experience Triggers (E.T.).
2. La première
impression est-elle la
bonne ?
Qui sommes-nous ?
2
Intro
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
3. 1. Qui aime les pantalons rouges ?
2. Qui vous connait mieux que vous-même ?
3. Qui est designer ?
4. Qui cherche la créativité ?
5. Qui peut vous faire danser le chachacha ?
6. Qui a un diplôme en génie mécanique ?
7. Qui est le/la plus jeune ?
8. Qui a dit « l’ethnologie est la science des poubelles » ?
9. Qui connait le mieux FLUPA ?
10. Qui a étudié et travaillé au Japon ?
11. Qui a un diplôme en mathématiques appliquées ?
12. Qui est lab director au Bell Labs ?
13. Qui travaille à l’étranger ?
14. Qui sait chanter le alto de ‘l’hymne à la joie’ ?
15. Qui sait traverser Paris en voiture en 15 minutes chrono ?
16. Chez qui il faut pas aller manger ?
17. Qui sera le/la prochaine docteur ?
18. Qui a plus de 200 paires de chaussures ?
Qui sommes-nous ?
3
Intro
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
4. Un peu de théorie
• L’expérience Utilisateur (UX)
• Les théories liées à l’UX
• Les « Experience Triggers »
Beaucoup de pratique
• Création d’experience triggers en
groupe
• Pitch de vos triggers
• Debriefing
Programme du workshop
4
Intro
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
5. 5
GO !
C’est parti !
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
6. Mauvaise
expérience utilisateur
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
7. Bonne
expérience utilisateur
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
8. Plus de 20 ans de recherche sur
l’utilisabilité
Nombreux bénéfices liés aux
systèmes utilisables (productivité,
réduction des erreurs,
acceptation…)
Utilisabilité (facilité d’utilisation) =
degré selon lequel un produit peut
être utilisé, par des utilisateurs
identifiés, pour atteindre des buts
définis avec efficacité, efficience et
satisfaction
8
De l’utilisabilité... Contexte
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
9. Donald Norman « User Experience
Architect Group » Apple (1990’s)
« I invented the term because I
though Human Interface and
Usability was too narrow ; I wanted
to cover all aspects of a person’s
experience with a system »
« Today I include much more ; user
experience is the whole
totality … » (2008)
9
...A l’expérience utilisateur Contexte
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
10. “UX is not just old wine in new
bottles. It is a truly extended and
distinct perspective on the quality
of interactive technology: away
from products and problems to
humans and the drivers of positive
experience.”
(Hassenzahl, 2008)
10
Un concept vraiment nouveau ? Contexte
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
11. 11
Le fond
Dimensions
Méthodes
Théories
?
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
12. Dimensions UX
Quelles dimensions constituent l’UX des
produits ?
À vous !
Le fond
12
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
13. le
sens
les valeurs
l’affect
l’utilité
l’esthétique
l’ergonomie
Krippendorff
Norman
Hassenzahl
Wundt
Scherer
Russel
Desmet
Lang
Bradley
Rokeach
Schwartz
Bouchard
Norman
Hassenzahl
TracInsky
Overbeeke
les besoins
ISO9241-‐210
Nielsen
ISO9241-‐210
Nielsen
Schneiderman
BasIen
&
Scapin
Hassenzahl
Sheldon
et
al.
Maslow
Epstein
Csikszentmihalyi
Dimensions UX Le fond
13
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
14. Evaluation UX
Quelles méthodes pour l’évaluation de l’UX
connaissez-vous ?
À vous !
Le fond
14
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
15. comportmental
physiologic
self-‐reported
SAM
Rieuf
2013
Kim
2011
Bradley
Lang
2000
Electrodermal Response
Electromyography
semantic
differentials
Geneva EmotionWheel
Designaffairs
GmbH
2013
Nagamachi
and
Lokman
2010
Bouchard
et
al.
2009
Nurka
et
al.
2009
Scherer
2005
Desmet
2002
Schwartz
2001
Rokeach
1973
Bradley,
Lang
1994
Osgood
1957
Tschacher
et
al.
2012
Kim
2011
Salvia
et
al.
2010
Jenkins
et
al.2009
Lévy
et
al.
2009
Tomico
et
al.
2008
Mandryk
and
Atkins
2007
eye tracking
use diary
task success
Kim
2011
Karapanos
et
al.
2010
Salvia
et
al.
2010
Tullis
and
Albert
2008
Insko
2003
Freeman
et
al.
2000
Csikszentmihalyi
1990
Evaluation UX Le fond
15
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
16. Design UX
Quelles méthodes de conception pour l’UX
connaissez-vous ?
À vous !
Le fond
16
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
17. Personas ?
Design Probes ?
Tri des cartes ?
Maquettage ?
Observation ?
17
Design UX Le fond
Il y en a peu …
ou pas forcement adaptées à toutes les
dimensions UX
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
18. Constat
Les méthodes pour
l’évaluation UX couvrent déjà
la plupart des dimensions UX.
Dimensions
UX
Méthodes Evaluation
Méthodes
Conception
Le fond
Par contre, il manque des
approches pour concevoir
pour l’UX.
18
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
19. 19
Experience Triggers :
Une nouvelle approche pour concevoir pour l’UX !
Notre proposition
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
20. Utilisé par l’équipe
de conception
Pour créer une
expérience mémorable
Et concevoir un produit
final « expérientiel »
Créé par un
expert de l’UX
Incorporant une
théorie liée à l’UX
Un objet ou une
situation
20
Qu’est ce qu’un Experience Trigger ? Experience Triggers
20
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
21. Matérialité
Science based design
Expérience dans le processus
Pourquoi créer des experience triggers ?
21
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
22. créativité
dynamique de
groupe
vécu personnel
des concepteurs
connaissance et
appropriation par
l’interaction
intérêt vers les
théories
Qu’est ce qu’un E.T. doit stimuler ?
22
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
23. Comment créer des Experience Triggers ?
23
1. Choisir une théorie et la documenter
2. En extraire les aspects essentiels pour le design
3. Imaginer des types de triggers sous différentes formes
4. Créer un ou plusieurs triggers
5. Vérifier la signification du trigger sur un groupe contrôle
6. Valider la performance du trigger créé
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
24. Rejoignez vos
groupes !
À vous !
24
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
25. 25
?
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience TriggersComment s’appelle cet objet ?
26. L’UX, résultat de la satisfaction de besoins ?
”Good UX is the consequence of fulfilling the human needs for autonomy,
competency, stimulation, relatedness, and popularity through interacting with the
product or service (i.e., hedonic quality). Pragmatic quality facilitates the potential
fulfilment of be-goals” (Hassenzahl, 2008)
Pour Hassenzahl, les gens perçoivent les produits interactifs selon deux dimensions :
Qualités pragmatiques : capacité du produit à soutenir l’accomplissement de « do-goals »
• Focus sur le produit (utilité, utilisabilité, réalisation des tâches)
• Exemple « do-goals » : passer un appel téléphonique, trouver un livre dans une librairie
online, commander un article
Qualités hédoniques : capacité du produit à soutenir l’accomplissement de « be-goals »
• Focus sur le Soi (pourquoi on possède et on utilise un produit particulier ?)
• Exemples « be-goals » : être compétent, être en relation avec les autres, être spécial, etc.Ici
on touche à des besoins humains au-delà des aspects instrumentaux
UX - besoins
26
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
27. Simple besoin de passer un appel ?
Ou envie de se sentir
connecté à un proche ?
UX - besoins
27
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
28. Simple besoin de “téléphoner maison” ?
Ou recherche de
la protection des
siens ?
UX - besoins
28
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
29. 10 besoins humains
29
Hassenzahl
,
2010
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
30. Votre mission si vous l’acceptez est de traduire sous forme d’objet
(experience trigger) la théorie des besoins qui est assignée à votre groupe.
Quatre besoins seront explorés durant l’atelier (un par groupe) :
Relatedness
Pleasure-stimulation
Self-esteem
Security-control
Conception d’experience triggers
30
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
31. Relatedness =
Sentiment d’avoir des contacts proches et réguliers avec les
personnes qui comptent pour vous plutôt que de vous sentir seul et
délaissé.
« Relatedness »
31
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
32. Pleasure / Stimulation = Sentiment de vivre pleins de choses
plaisantes et stimulantes plutôt que de se sentir ennuyé et pas stimulé
par la vie
« Pleasure – Stimulation »
32
Experience Triggers
33. Self-esteem = Sentiment que vous êtes une personne de valeur qui est
aussi importante que n’importe qui d’autre plutôt que de se sentir
comme un « looser »
« Self-esteem »
33
Experience Triggers
34. Security-control = Sentiment d’être en sécurité et de contrôler sa vie
plutôt que de sentir de l’incertitude et des menaces de
l’environnement.
« Security-control »
34
Experience Triggers
35. 35
Hands-on now !
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
36. Pitch time !
Présentez votre
trigger
5 minutes chrono par équipe !
Présentation
36
Merci
de
citer
ces
travaux
sous
la
forme:
Concevoir
pour
l'UX,
workshop
FLUPA
UX-‐Day
2013,
KersIn
Bongard-‐Blanchy,
Carine
Lallemand,
Ioana
Ocnarescu,
Jean-‐BapIste
Labrune
Experience Triggers
37. Merci
à
tous
pour
votre
parIcipaIon
!
carine.lallemand@gmail.com
ioana.ocnarescu@gmail.com
kersIn.blanchy@gmail.com
labrune@media.mit.eu
@carilall
@iko_niko
@jb_mit