Pedro de Miranda, profile picture
Téléchargé parPedro de Miranda
PDF, PPTX998 vues

Uxd cours mmi1

Le document traite du design d'expérience utilisateur (UXD) en introduisant son importance croissante dans la création et la différenciation des produits et services sur le marché. Il aborde divers thèmes, notamment la recherche utilisateur, les méthodes de conception et les frameworks fonctionnels, ainsi que l'évolution technologique et sociale qui influence le design. En fin de compte, il souligne que le design doit reposer sur l'empathie, la résolution de problèmes et l'innovation pour être véritablement efficace.

Intégrer la présentation

Télécharger en tant que PDF, PPTX
1 / 185
2 / 185
3 / 185
4 / 185
5 / 185
6 / 185
7 / 185
8 / 185
9 / 185
10 / 185
11 / 185
12 / 185
13 / 185
14 / 185
15 / 185
16 / 185
17 / 185
18 / 185
19 / 185
20 / 185
21 / 185
22 / 185
23 / 185
24 / 185
25 / 185
26 / 185
27 / 185
28 / 185
29 / 185
30 / 185
31 / 185
32 / 185
33 / 185
34 / 185
35 / 185
36 / 185
37 / 185
38 / 185
39 / 185
40 / 185
41 / 185
42 / 185
43 / 185
44 / 185
45 / 185
46 / 185
47 / 185
48 / 185
49 / 185
50 / 185
51 / 185
52 / 185
53 / 185
54 / 185
55 / 185
56 / 185
57 / 185
58 / 185
59 / 185
60 / 185
61 / 185
62 / 185
63 / 185
64 / 185
65 / 185
66 / 185
67 / 185
68 / 185
69 / 185
70 / 185
71 / 185
72 / 185
73 / 185
74 / 185
75 / 185
76 / 185
77 / 185
78 / 185
79 / 185
80 / 185
81 / 185
82 / 185
83 / 185
84 / 185
85 / 185
86 / 185
87 / 185
88 / 185
89 / 185
90 / 185
91 / 185
92 / 185
93 / 185
94 / 185
95 / 185
96 / 185
97 / 185
98 / 185
99 / 185
100 / 185
101 / 185
102 / 185
103 / 185
104 / 185
105 / 185
106 / 185
107 / 185
108 / 185
109 / 185
110 / 185
111 / 185
112 / 185
113 / 185
114 / 185
115 / 185
116 / 185
117 / 185
118 / 185
119 / 185
120 / 185
121 / 185
122 / 185
123 / 185
124 / 185
125 / 185
126 / 185
127 / 185
128 / 185
129 / 185
130 / 185
131 / 185
132 / 185
133 / 185
134 / 185
135 / 185
136 / 185
137 / 185
138 / 185
139 / 185
140 / 185
141 / 185
142 / 185
143 / 185
144 / 185
145 / 185
146 / 185
147 / 185
148 / 185
149 / 185
150 / 185
151 / 185
152 / 185
153 / 185
154 / 185
155 / 185
156 / 185
157 / 185
158 / 185
159 / 185
160 / 185
161 / 185
162 / 185
163 / 185
164 / 185
165 / 185
166 / 185
167 / 185
168 / 185
169 / 185
170 / 185
171 / 185
172 / 185
173 / 185
174 / 185
175 / 185
176 / 185
177 / 185
178 / 185
179 / 185
180 / 185
181 / 185
182 / 185
183 / 185
184 / 185
185 / 185
DESIGN D’EXPÉRIENCE UTILISATEUR (UXD) A. INTRODUCTION MASTER Décembre 2011 MULTIMÉDIA David Raichman INTERACTIF Directeur Expérience Utilisateur / Directeur Ogilvy Digital Lab Paris
Design d’expérience utilisateur (UXD) | Introduction Sommaire
Design d’expérience utilisateur (UXD) | Introduction Sommaire A. Introduction
Design d’expérience utilisateur (UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur
Design d’expérience utilisateur (UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception
Design d’expérience utilisateur (UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception D. Framework fonctionnel et stratégie des contenus
Design d’expérience utilisateur (UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception D. Framework fonctionnel et stratégie des contenus E. Design d’interaction et design d’interface
Design d’expérience utilisateur (UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation...
http://www.hec.fr
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... w eb
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... m ed w ias eb
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic m at ed io w ias ns eb
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic m m at ed io ob w ias ns ile eb
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic pr m m at od ed io ob w ui ias ns ile eb ts
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl se ic pr m m at rv od ed ice io ob w ui ias ns ile eb ts s
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / 15 ans de mutation... en vir ap on pl se ne ic pr m m at rv m od ed ice io ob en w ui ias ns ile t eb ts s
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Accélération technologique Croissance du nombre de sites web par ans
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Accélération technologique Croissance du nombre d’utilisateurs par ans
1998 Media Web Mobile TV, Radio, Press... PC CellPhone
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Accélération technologique
2009 PC Radio Press Music Virtual Game Web Social iTunes e- commerce Service mobileTV Game Interactive TV mobile Game Press Press Social TV Smartphone
2012 Press Books Social Videos Bank Music Game e-commerce Storage
2012 Smartphone Tablet Laptop Press Books Social PC Notebook Videos Bank Music Game e-commerce Storage Video Game Console e-book Connected TV
2012 Web-connected device Web-connected device Web-connected device Press Books Social Web-connected device Web-connected device Videos Bank Music Game e-commerce Storage Web-connected device Web-connected device Web-connected device
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation piratage / hacking
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation piratage / hacking opensource
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation co-innovation piratage / hacking opensource
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution temps
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % temps d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % temps d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % 2,5% temps Innovateurs d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % 2,5% 13,5% temps Premiers Innovateurs adopteurs d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% temps Premiers Innovateurs adopteurs d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% temps Premiers Majorité Innovateurs adopteurs avancée d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% 34% Majorité temps Premiers Majorité Innovateurs en adopteurs avancée retard d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% 34% 16% Majorité temps Premiers Majorité Innovateurs en Retardataires adopteurs avancée retard d’après Evrett Rogers (1962)
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance temps
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance Début temps
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance Croissance rapide Début temps
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Extinction du Début paradigme temps Paradigme 1
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1 Paradigme 2
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Début nouveau paradigme Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1 Paradigme 2
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / L’évolution du web 1995 Pa E- R W ic eb c g h om e 1. H m 0 TM er L ce
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / L’évolution du web 1998 2000 2004 Pa E- R VR G M B W ic oo on eb c g M h om e gl de L m 1. 2. H e m 0 0 s ed TM er vi ia rt L ce ue ls
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / L’évolution du web 00 2004 2005 2006 2009 R G Ap W M Bl W W és oo eb eb on og eb pl 2 ea gl ic de s, m 2. e e ux at ob 0 w s M io ik vi so ile ap ns rt i ci ue s, w au ls Ea eb x rt h
Design d’expérience utilisateur (UXD) | Introduction 1. Contexte / L’évolution du web 2009 2011 C H Ta W Te lo TM eb bl m b ud 2 e ps L5 m tte -r ob s ée i le l s w eb
L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
L5 TM ? H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
Design d’expérience utilisateur (UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues :
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique»
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique» ‣ «c’est faire un produit dans la tendance du moment (Apple, Google...)»
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants :
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage ‣ Recherche d’alternatives, de nouveaux paradigmes
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents :
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur ‣ ...
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa utes n ces ha Exige eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa utes n ces ha Exige eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme i nc rs n eu v a tio e su tilisat d Inn o e sb asses nc Exige d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme nc re n i rs eu v a tio pt u e su tilisat d o asses ru Inn e sb de nc Exige n io vat no In d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme nc re n i rs eu v a tio pt u e su tilisat d o asses ru Inn e sb de nc Exige n io vat no In d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture : exemple 2. Le design au coeur de te urs des utilisa ut es n ces ha Exige es t i qu s n ue arge iq oto ér h rs m p eu re ils nu e su tilisat a d pp asses o sb ot A nce Exige ph i ls re pa Ap d’après Clayton M. Christensen (1995)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation «push» technologique Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation «push» technologique Performance (technologique) Design-driven Design-driven «push» «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» » Innovation radicale «push» technologique révélation «push» technologique tion éla év «r Performance (technologique) Design-driven Design-driven «push» «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Exemple de la Wii Consoles de jeux Consoles de jeux comme immersion passive comme divertissement dans des mondes virtuels physique et actif pour des jeunes adeptes pour tout le monde Innovation radicale Wii PS3 Performance Xbox 360 (technologique) Perfo Accéléromètres graphiques capteurs... Innovation incrémentale Ancienne génération Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Exemple de l’iPod Appareil audio portable Centre musical personnel MPMan Innovation radicale Rio, Creative... Apple iPod Itunes encodeur, Store... Performance (technologique) MP3 Innovation incrémentale Walkman, MD, CD... Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
Design d’expérience utilisateur (UXD) | Introduction 2. Le design au coeur de l’innovation / Une co-évolution à 3 paramètres Design Usages Technologie
Design d’expérience utilisateur (UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Définition
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Qu’est-ce que l’expérience ? “[...] being completely involved in an activity for its own sake. The ego falls away. Time flies. Every action, movement, and thought follows inevitably from the previous one, like playing jazz. Your whole being is involved, and you're using your skills to the utmost” Mihaly Csikszentmihalyi Flow, The Psychology of Optimal Experience,1990, Harper Perennial
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Expérience et «flow»
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Expérience et «flow»
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” "You press the button, we do the rest." George Eastman, 1888
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” “When you start looking at a problem and it seems really simple, you don't really understand the complexity of the problem. Then you get into the problem, and you see that it's really complicated, and you come up with all these convoluted solutions. That's sort of the middle, and that's where most people stop.... But the really great person will keep on going and find the key, the underlying principle of the problem —and come up with an elegant, really beautiful solution that works.” Steve Jobs, 1984
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Technologie
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Fonctionnalités
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Expérience
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Experience IS the product
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / L’expérience des objets quotidiens “Why do we put up with the frustrations of everyday objects, with objects that we can’t figure out how to use, with those neat plastic wrapped packages that seem impossible to open, with doors that trap people, with washing machines and dryers that have become too confusing to [...] ?” Donald A. Norman The design of everyday things, 1988, Basic books
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / La problématique du digital (web, mobile...) [...] a web site is a “self-service” product. There is no instruction manual to read beforehand, no training seminar to attend, no customer service representative to help the user through site. There is only the user, facing the site alone with only her wits and experience to guide her. Jesse James Garett The elements of user experience, 2002, New Riders
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale valuable D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable accessible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale useful usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Design d’expérience utilisateur (UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les premiers pas “We bear in mind that the object being worked on is going to be ridden in, sat upon, looked at, talked into, activated, operated, or in some other way used by people individually or en masse. When the point of contact between the product and the people becomes a point of friction, then the […] designer has failed. On the other hand, if people are made safer, more comfortable, more eager to purchase, more efficient —or just plain happier—by contact with the product, then the designer has succeeded.” Henry Dreyfuss,1955 Designing for People, Allworth Press
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD UXD
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche utilisateurs Architecture de l’information Stratégie
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Méta-données utilisateurs Architecture de l’information Stratégie Archivage Taxonomie Library Science Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Segmentation Méta-données utilisateurs utilisateurs Architecture de l’information Marque Stratégie Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Surface : rassemblons tout. Quelle est l’apparence du produit fini ? Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Design d’expérience utilisateur (UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Graphiste(s) Développeur(s) Chef de projet
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Graphiste / User Architecte Designer Ergonome web / Développeur / Designer d’interface researcher d’information d’interaction Expert en utilisabilité Prototype front Content strategist Technology Chef de projet Rédacteur SEO expert strategist / CTO
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Expert en recherche utilisateur étudie et modélise les objectifs et besoins des utilisateurs en menant des interviews et des tests dans un contexte d’usage donné.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Architecte de l’information organise, modélise et catégorise l’information. Ce qui comprend souvent la mise en place d’un système de classification et de nomenclaturage pour les sites web, ou applications.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer d’interaction définit les comportements des produits et des systèmes avec lesquels un utilisateur peut interagir.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Ergonome web / Expert utilisabilité évalue la faculté d’un objet, d’un service ou d’un système à être utilisable, en conduisant des tests et des recherches auprès des utilisateurs.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer / Architecte Expérience utilisateur conçoit et produit les éléments de l’expérience d’un utilisateur comme résultante d’une interaction avec un produit, un service ou un système.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer d’interface il conçoit l’expression graphique d’un service ou d’un produit digital. Ce travail demande souvent de mettre en place une direction artistique qui doit prendre en compte les problématiques d’une marque et les contraintes ergonomiques des utilisateurs.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer interactif polyvalent, son activité regroupe souvent le design graphique, le design d’interface web, le design d’interaction et le motion design.
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Métiers
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
Design d’expérience utilisateur (UXD) | Introduction A. Introduction au design d’expérience utilisateur 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
Design d’expérience utilisateur (UXD) | Introduction 7. Références / Bibliographie Hunger & Chandler, A project guide to UX Design, 2009, New Riders Garett, The elements of user experience, 2011, New Riders, O’Reilly R. Verganti : Design-driven Innovation, 2009, Harvard Business Press Merholz, Shauer, Verba & Wilkens, Subject to change, 2009 Morville, Rosenfeld, Information Architecture for the World Wide Web, 2002, O’Reilly Norman, The design of everyday things, 1988, Basic books The Human-Computer Interaction Handbook, 2008, LEA Cooper, About Face 3 (The Essentials of Interaction Design), 2007, Wiley Saffer, Designing for interaction, 2007, New Riders Moggridge, Designing Interactions, MIT Press, 2006 Tidwell, Designing Interfaces, 2005, O’Reilly
Design d’expérience utilisateur (UXD) | Introduction 7. Références / Webographie Actualités sur l’UX Interaction Design http://www.uxmag.com/ http://www.ixda.org/ http://boxesandarrows.com http://www.cooper.com/ http://adaptivepath.com/ http://www.odannyboy.com/portfolio/index.html http://semanticstudios.com/publications/semantics/000228.php (sur les livrables UX) http://developer.yahoo.com/ypatterns/ http://www.digitaldesignblog.com/ (blog UX de Razorfish) Strategic Design et design d’information User Design Interface http://www.visualcomplexity.com http://ui-patterns.com/ http://www.visual-literacy.org/periodic_table/periodic_table.html http://uie.com/ http://www.communicatingdesign.com/ http://www.thebackofthenapkin.com/ Usability Architecture d’information http://www.clearleft.com http://www.iainstitute.org/ http://www.useit.com/ http://www.jjg.net/ia/ http://www.sensible.com/index.html http://informationarchitects.jp/ http://iatelevision.blogspot.com/
David Raichman / david.raichman@ogilvy.com Directeur Experience Utilisateur, Directeur Ogilvy Digital Lab Paris

Contenu connexe

PPTX
Vih perio implantes
parEduardo Gómez
 
DOC
Charles dickens resumen
parmartafluna
 
PPTX
Février 2012
parTrendy Minuit Party
 
DOC
Formulacinyevaluacindeplanesdenegocios 12790675140451-phpapp02
parUNAM Facultad de Contaduría, Administración e Informática
 
PPTX
Présentation des résultats du tn3
parRosine-GF-03
 
PPTX
Ai je bien appris mon cours
parsciencesphysiquesreplay
 
PPT
Tarea De QuíMica1
parWalter Pereyra
 
PPT
La Onu Yel cambio climàtico
parUNAM Facultad de Contaduría, Administración e Informática
 
Vih perio implantes
parEduardo Gómez
 
Charles dickens resumen
parmartafluna
 
Février 2012
parTrendy Minuit Party
 
Formulacinyevaluacindeplanesdenegocios 12790675140451-phpapp02
parUNAM Facultad de Contaduría, Administración e Informática
 
Présentation des résultats du tn3
parRosine-GF-03
 
Ai je bien appris mon cours
parsciencesphysiquesreplay
 
Tarea De QuíMica1
parWalter Pereyra
 
La Onu Yel cambio climàtico
parUNAM Facultad de Contaduría, Administración e Informática
 

En vedette

PPTX
Europe quiz game
parkmaurer22
 
PPTX
2015 04 appli-i_watch_meilleurtaux
parmeilleurtaux.com
 
PPTX
Présentation ski 2011
parClubBeattie
 
PPTX
Peer pressure
parjessicamaynard5
 
PDF
Presentation IFACD FR
parifcad
 
PPTX
Situations Ecriture collaborative
parMarion Dhauteville
 
PPT
Emprendimiento y economia del conocimiento 3 Jf
parUNAM Facultad de Contaduría, Administración e Informática
 
DOC
4 pompe centrifuge final
parAssem Diab
 
PDF
Portes empilables souples rapides
parOcmflex Ocmflex
 
PDF
Challenge de la publicité 2013
parHugo Coria
 
PDF
Anexo 2 listado hoteles montería y ciudades aledañas-Eliana Santos
parEliana Santos
 
PPT
Desarrollo De Capacidades
parUNAM Facultad de Contaduría, Administración e Informática
 
KEY
2012 cyril-wolfangel-responsive design-typo3
parTalan
 
PDF
Retraites : L'équité comme préalable à la réforme
parFondation iFRAP
 
PDF
Conclusiones desayuno trabajo Networking Activo sobre Social Media 10 Noviemb...
parEmilio Márquez Espino
 
PDF
Breves 150411
parAwex-IME
 
Europe quiz game
parkmaurer22
 
2015 04 appli-i_watch_meilleurtaux
parmeilleurtaux.com
 
Présentation ski 2011
parClubBeattie
 
Peer pressure
parjessicamaynard5
 
Presentation IFACD FR
parifcad
 
Situations Ecriture collaborative
parMarion Dhauteville
 
Emprendimiento y economia del conocimiento 3 Jf
parUNAM Facultad de Contaduría, Administración e Informática
 
4 pompe centrifuge final
parAssem Diab
 
Portes empilables souples rapides
parOcmflex Ocmflex
 
Challenge de la publicité 2013
parHugo Coria
 
Anexo 2 listado hoteles montería y ciudades aledañas-Eliana Santos
parEliana Santos
 
Desarrollo De Capacidades
parUNAM Facultad de Contaduría, Administración e Informática
 
2012 cyril-wolfangel-responsive design-typo3
parTalan
 
Retraites : L'équité comme préalable à la réforme
parFondation iFRAP
 
Conclusiones desayuno trabajo Networking Activo sobre Social Media 10 Noviemb...
parEmilio Márquez Espino
 
Breves 150411
parAwex-IME
 

Similaire à Uxd cours mmi1

PDF
UX Paris 10/02/10 - Designer l'invisible
parDavid Raichman
 
PDF
Webcom Mai2011 Tcl Interactif Patrick Gagne V4
parTranscontinental
 
PDF
Comment la presse doit-elle utiliser Internet comme outil de promotion.
parma14
 
PDF
présentation agence de presse
parma14
 
PDF
Isabelle Lopez chez l'Agence de presse
parMarc Boivin
 
PDF
LADP
parMarc Boivin
 
PDF
les IHM dans l'entreprise numerique
parPhilippe DEWOST
 
PDF
Soigner Sa Schizophrénie
parEmmanuel Hugonnet
 
PDF
Lean Startup - ekito - agile tour toulouse 2012
parekito
 
PDF
Restitution atelier infolab opendataweek
parFing
 
PDF
ICT design - MinesParisTech, Chair "Theory and methods of innovative design"
parTélécom ParisTech
 
PDF
Master Design, médias, technology
parTélécom ParisTech
 
PDF
Aux frontières du digital (A) (SciencesPo 2009)
parDavid Raichman
 
UX Paris 10/02/10 - Designer l'invisible
parDavid Raichman
 
Webcom Mai2011 Tcl Interactif Patrick Gagne V4
parTranscontinental
 
Comment la presse doit-elle utiliser Internet comme outil de promotion.
parma14
 
présentation agence de presse
parma14
 
Isabelle Lopez chez l'Agence de presse
parMarc Boivin
 
LADP
parMarc Boivin
 
les IHM dans l'entreprise numerique
parPhilippe DEWOST
 
Soigner Sa Schizophrénie
parEmmanuel Hugonnet
 
Lean Startup - ekito - agile tour toulouse 2012
parekito
 
Restitution atelier infolab opendataweek
parFing
 
ICT design - MinesParisTech, Chair "Theory and methods of innovative design"
parTélécom ParisTech
 
Master Design, médias, technology
parTélécom ParisTech
 
Aux frontières du digital (A) (SciencesPo 2009)
parDavid Raichman
 

Uxd cours mmi1

  • 1.
    DESIGN D’EXPÉRIENCE UTILISATEUR(UXD) A. INTRODUCTION MASTER Décembre 2011 MULTIMÉDIA David Raichman INTERACTIF Directeur Expérience Utilisateur / Directeur Ogilvy Digital Lab Paris
  • 2.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire
  • 3.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire A. Introduction
  • 4.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur
  • 5.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception
  • 6.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception D. Framework fonctionnel et stratégie des contenus
  • 7.
    Design d’expérience utilisateur(UXD) | Introduction Sommaire A. Introduction B. La recherche utilisateur C. Méthode de conception D. Framework fonctionnel et stratégie des contenus E. Design d’interaction et design d’interface
  • 8.
    Design d’expérience utilisateur(UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 9.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation...
  • 10.
  • 11.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... w eb
  • 16.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... m ed w ias eb
  • 18.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic m at ed io w ias ns eb
  • 20.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic m m at ed io ob w ias ns ile eb
  • 22.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl ic pr m m at od ed io ob w ui ias ns ile eb ts
  • 24.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... ap pl se ic pr m m at rv od ed ice io ob w ui ias ns ile eb ts s
  • 26.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / 15 ans de mutation... en vir ap on pl se ne ic pr m m at rv m od ed ice io ob en w ui ias ns ile t eb ts s
  • 27.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Accélération technologique Croissance du nombre de sites web par ans
  • 28.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Accélération technologique Croissance du nombre d’utilisateurs par ans
  • 29.
    1998 Media Web Mobile TV, Radio, Press... PC CellPhone
  • 33.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Accélération technologique
  • 34.
    2009 PC Radio Press Music Virtual Game Web Social iTunes e- commerce Service mobileTV Game Interactive TV mobile Game Press Press Social TV Smartphone
  • 35.
    2012 Press Books Social Videos Bank Music Game e-commerce Storage
  • 36.
    2012 Smartphone Tablet Laptop Press Books Social PC Notebook Videos Bank Music Game e-commerce Storage Video Game Console e-book Connected TV
  • 37.
    2012 Web-connected device Web-connected device Web-connected device Press Books Social Web-connected device Web-connected device Videos Bank Music Game e-commerce Storage Web-connected device Web-connected device Web-connected device
  • 38.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution
  • 39.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation
  • 40.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation piratage / hacking
  • 41.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation piratage / hacking opensource
  • 42.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution prosommation co-innovation piratage / hacking opensource
  • 43.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / La co-évolution socio-technologique Coévolution temps
  • 44.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % temps d’après Evrett Rogers (1962)
  • 45.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % temps d’après Evrett Rogers (1962)
  • 46.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % 2,5% temps Innovateurs d’après Evrett Rogers (1962)
  • 47.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation population % 2,5% 13,5% temps Premiers Innovateurs adopteurs d’après Evrett Rogers (1962)
  • 48.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% temps Premiers Innovateurs adopteurs d’après Evrett Rogers (1962)
  • 49.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% temps Premiers Majorité Innovateurs adopteurs avancée d’après Evrett Rogers (1962)
  • 50.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% 34% Majorité temps Premiers Majorité Innovateurs en adopteurs avancée retard d’après Evrett Rogers (1962)
  • 51.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Modèle de courbe d’adoption de l'innovation “ chasm ” population % 2,5% 13,5% 34% 34% 16% Majorité temps Premiers Majorité Innovateurs en Retardataires adopteurs avancée retard d’après Evrett Rogers (1962)
  • 52.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance temps
  • 53.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance Début temps
  • 54.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique croissance Croissance rapide Début temps
  • 55.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps
  • 56.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
  • 57.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
  • 58.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Extinction du Début paradigme temps Paradigme 1
  • 59.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1
  • 60.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1 Paradigme 2
  • 61.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / Cycle de vie et paradigme technologique Début nouveau paradigme Stabilisation / Fin croissance Croissance rapide Début temps Paradigme 1 Paradigme 2
  • 62.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / L’évolution du web 1995 Pa E- R W ic eb c g h om e 1. H m 0 TM er L ce
  • 63.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / L’évolution du web 1998 2000 2004 Pa E- R VR G M B W ic oo on eb c g M h om e gl de L m 1. 2. H e m 0 0 s ed TM er vi ia rt L ce ue ls
  • 64.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / L’évolution du web 00 2004 2005 2006 2009 R G Ap W M Bl W W és oo eb eb on og eb pl 2 ea gl ic de s, m 2. e e ux at ob 0 w s M io ik vi so ile ap ns rt i ci ue s, w au ls Ea eb x rt h
  • 65.
    Design d’expérience utilisateur(UXD) | Introduction 1. Contexte / L’évolution du web 2009 2011 C H Ta W Te lo TM eb bl m b ud 2 e ps L5 m tte -r ob s ée i le l s w eb
  • 66.
    L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
  • 67.
    L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
  • 68.
    L5 TM H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
  • 69.
    L5 TM ? H s tte 2011 b le Ta ud lo el C é -r ps m Te 2 eb W ile 2009 ob eb m w s eb on h W i rt at Ea ic s, pl Ap ap x 2006 M e au gl ci oo so G ux 2005 ea i és ik R Design d’expérience utilisateur (UXD) | Introduction w s, og Bl 0 2. ls ue eb rt W vi 1998 2000 2004 s de on M e gl oo 1. Contexte / L’évolution du web G L M VR ia ed m ic h ce R er m m co E- L TM H ge Pa 0 1. eb 1995 W
  • 70.
    Design d’expérience utilisateur(UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 71.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
  • 72.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché
  • 73.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues :
  • 74.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique»
  • 75.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design joue un rôle croissant dans la création et la différenciation de produits et services sur le marché Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique» ‣ «c’est faire un produit dans la tendance du moment (Apple, Google...)»
  • 76.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
  • 77.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants :
  • 78.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie
  • 79.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes
  • 80.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage
  • 81.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage ‣ Recherche d’alternatives, de nouveaux paradigmes
  • 82.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design
  • 83.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents :
  • 84.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture
  • 85.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme
  • 86.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son
  • 87.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile
  • 88.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information
  • 89.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur
  • 90.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur ‣ ...
  • 91.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de d’après Clayton M. Christensen (1995)
  • 92.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
  • 93.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa utes n ces ha Exige eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
  • 94.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa utes n ces ha Exige eu rs e su tilisat d e sb asses nc Exige d’après Clayton M. Christensen (1995)
  • 95.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme i nc rs n eu v a tio e su tilisat d Inn o e sb asses nc Exige d’après Clayton M. Christensen (1995)
  • 96.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme nc re n i rs eu v a tio pt u e su tilisat d o asses ru Inn e sb de nc Exige n io vat no In d’après Clayton M. Christensen (1995)
  • 97.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture 2. Le design au coeur de teurs des utilisa ut es n ces ha Exige e n tal réme nc re n i rs eu v a tio pt u e su tilisat d o asses ru Inn e sb de nc Exige n io vat no In d’après Clayton M. Christensen (1995)
  • 98.
    Design d’expérience utilisateur(UXD) | Introduction d’après Clayton Christensen l’innovation / Innovation incrémentale Vs Innovation de rupture : exemple 2. Le design au coeur de te urs des utilisa ut es n ces ha Exige es t i qu s n ue arge iq oto ér h rs m p eu re ils nu e su tilisat a d pp asses o sb ot A nce Exige ph i ls re pa Ap d’après Clayton M. Christensen (1995)
  • 99.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 100.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 101.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation «push» technologique Performance (technologique) Design-driven «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 102.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» Innovation radicale «push» technologique révélation «push» technologique Performance (technologique) Design-driven Design-driven «push» «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 103.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / «Design-driven innovation» » Innovation radicale «push» technologique révélation «push» technologique tion éla év «r Performance (technologique) Design-driven Design-driven «push» «push» «pull» marché Innovation incrémentale (user-centred) Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 104.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Exemple de la Wii Consoles de jeux Consoles de jeux comme immersion passive comme divertissement dans des mondes virtuels physique et actif pour des jeunes adeptes pour tout le monde Innovation radicale Wii PS3 Performance Xbox 360 (technologique) Perfo Accéléromètres graphiques capteurs... Innovation incrémentale Ancienne génération Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 105.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Exemple de l’iPod Appareil audio portable Centre musical personnel MPMan Innovation radicale Rio, Creative... Apple iPod Itunes encodeur, Store... Performance (technologique) MP3 Innovation incrémentale Walkman, MD, CD... Adaptation Génération de nouvelles à l'évolution des significations modèles socioculturels Signification (langage)
  • 106.
    Design d’expérience utilisateur(UXD) | Introduction 2. Le design au coeur de l’innovation / Une co-évolution à 3 paramètres Design Usages Technologie
  • 107.
    Design d’expérience utilisateur(UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 108.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Définition
  • 109.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
  • 110.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
  • 111.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
  • 114.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Qu’est-ce que l’expérience ? “[...] being completely involved in an activity for its own sake. The ego falls away. Time flies. Every action, movement, and thought follows inevitably from the previous one, like playing jazz. Your whole being is involved, and you're using your skills to the utmost” Mihaly Csikszentmihalyi Flow, The Psychology of Optimal Experience,1990, Harper Perennial
  • 115.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Expérience et «flow»
  • 116.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Expérience et «flow»
  • 117.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” "You press the button, we do the rest." George Eastman, 1888
  • 118.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” “When you start looking at a problem and it seems really simple, you don't really understand the complexity of the problem. Then you get into the problem, and you see that it's really complicated, and you come up with all these convoluted solutions. That's sort of the middle, and that's where most people stop.... But the really great person will keep on going and find the key, the underlying principle of the problem —and come up with an elegant, really beautiful solution that works.” Steve Jobs, 1984
  • 119.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Technologie
  • 120.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Fonctionnalités
  • 121.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Produit Expérience
  • 122.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / “Experience is the product” Experience IS the product
  • 123.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / L’expérience des objets quotidiens “Why do we put up with the frustrations of everyday objects, with objects that we can’t figure out how to use, with those neat plastic wrapped packages that seem impossible to open, with doors that trap people, with washing machines and dryers that have become too confusing to [...] ?” Donald A. Norman The design of everyday things, 1988, Basic books
  • 124.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / La problématique du digital (web, mobile...) [...] a web site is a “self-service” product. There is no instruction manual to read beforehand, no training seminar to attend, no customer service representative to help the user through site. There is only the user, facing the site alone with only her wits and experience to guide her. Jesse James Garett The elements of user experience, 2002, New Riders
  • 125.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 126.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale valuable D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 127.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 128.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable accessible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 129.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 130.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 131.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 132.
    Design d’expérience utilisateur(UXD) | Introduction 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale useful usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 133.
    Design d’expérience utilisateur(UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 134.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les premiers pas “We bear in mind that the object being worked on is going to be ridden in, sat upon, looked at, talked into, activated, operated, or in some other way used by people individually or en masse. When the point of contact between the product and the people becomes a point of friction, then the […] designer has failed. On the other hand, if people are made safer, more comfortable, more eager to purchase, more efficient —or just plain happier—by contact with the product, then the designer has succeeded.” Henry Dreyfuss,1955 Designing for People, Allworth Press
  • 135.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD UXD
  • 136.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche utilisateurs Architecture de l’information Stratégie
  • 137.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Méta-données utilisateurs Architecture de l’information Stratégie Archivage Taxonomie Library Science Documentalisme
  • 138.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Segmentation Méta-données utilisateurs utilisateurs Architecture de l’information Marque Stratégie Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 139.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 140.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 141.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 142.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 143.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 144.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 145.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 146.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 147.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 148.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 149.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 150.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 151.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 152.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 153.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 154.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 155.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 156.
    Design d’expérience utilisateur(UXD) | Introduction 4. Fondements de l’UX Design / Les éléments de Garett 5 plans Surface : rassemblons tout. Quelle est l’apparence du produit fini ? Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 157.
    Design d’expérience utilisateur(UXD) | Introduction A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 158.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 159.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 160.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 161.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 162.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 163.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 164.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Définition des besoins ! Etude de contextes d’usage ! Stratégie fonctionnelle IA ! Stratégie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Planification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Audit et rapport ! Organisation des gabarits d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ❖ Tests utilisateurs Flash ! Composants Front ❖ Gabarits XHTML ! Composants fronts ❖ Gabarits ❖ Charte CSS ! Charte CSS ❖ Librairie d’objets ! Librairie d’objets
  • 165.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Graphiste(s) Développeur(s) Chef de projet
  • 166.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Graphiste / User Architecte Designer Ergonome web / Développeur / Designer d’interface researcher d’information d’interaction Expert en utilisabilité Prototype front Content strategist Technology Chef de projet Rédacteur SEO expert strategist / CTO
  • 167.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Expert en recherche utilisateur étudie et modélise les objectifs et besoins des utilisateurs en menant des interviews et des tests dans un contexte d’usage donné.
  • 168.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Architecte de l’information organise, modélise et catégorise l’information. Ce qui comprend souvent la mise en place d’un système de classification et de nomenclaturage pour les sites web, ou applications.
  • 169.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer d’interaction définit les comportements des produits et des systèmes avec lesquels un utilisateur peut interagir.
  • 170.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Ergonome web / Expert utilisabilité évalue la faculté d’un objet, d’un service ou d’un système à être utilisable, en conduisant des tests et des recherches auprès des utilisateurs.
  • 171.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer / Architecte Expérience utilisateur conçoit et produit les éléments de l’expérience d’un utilisateur comme résultante d’une interaction avec un produit, un service ou un système.
  • 172.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer d’interface il conçoit l’expression graphique d’un service ou d’un produit digital. Ce travail demande souvent de mettre en place une direction artistique qui doit prendre en compte les problématiques d’une marque et les contraintes ergonomiques des utilisateurs.
  • 173.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers Designer interactif polyvalent, son activité regroupe souvent le design graphique, le design d’interface web, le design d’interaction et le motion design.
  • 174.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Métiers
  • 175.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application
  • 176.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 177.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 178.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 179.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 180.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 181.
    Design d’expérience utilisateur(UXD) | Introduction 5. Les domaines de l’UXD / Secteurs d’application TYPE SECTEUR PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Communication / Web agency applications, intranets, e-commerces, Digitas Publicité réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path consultants UX
  • 182.
    Design d’expérience utilisateur(UXD) | Introduction A. Introduction au design d’expérience utilisateur 1. Contexte 2. Le design au coeur de l’innovation 3. Définir l’expérience utilisateur (UX) 4. Fondements de l’UX Design 5. Les domaines de l’UXD 6. Références
  • 183.
    Design d’expérience utilisateur(UXD) | Introduction 7. Références / Bibliographie Hunger & Chandler, A project guide to UX Design, 2009, New Riders Garett, The elements of user experience, 2011, New Riders, O’Reilly R. Verganti : Design-driven Innovation, 2009, Harvard Business Press Merholz, Shauer, Verba & Wilkens, Subject to change, 2009 Morville, Rosenfeld, Information Architecture for the World Wide Web, 2002, O’Reilly Norman, The design of everyday things, 1988, Basic books The Human-Computer Interaction Handbook, 2008, LEA Cooper, About Face 3 (The Essentials of Interaction Design), 2007, Wiley Saffer, Designing for interaction, 2007, New Riders Moggridge, Designing Interactions, MIT Press, 2006 Tidwell, Designing Interfaces, 2005, O’Reilly
  • 184.
    Design d’expérience utilisateur(UXD) | Introduction 7. Références / Webographie Actualités sur l’UX Interaction Design http://www.uxmag.com/ http://www.ixda.org/ http://boxesandarrows.com http://www.cooper.com/ http://adaptivepath.com/ http://www.odannyboy.com/portfolio/index.html http://semanticstudios.com/publications/semantics/000228.php (sur les livrables UX) http://developer.yahoo.com/ypatterns/ http://www.digitaldesignblog.com/ (blog UX de Razorfish) Strategic Design et design d’information User Design Interface http://www.visualcomplexity.com http://ui-patterns.com/ http://www.visual-literacy.org/periodic_table/periodic_table.html http://uie.com/ http://www.communicatingdesign.com/ http://www.thebackofthenapkin.com/ Usability Architecture d’information http://www.clearleft.com http://www.iainstitute.org/ http://www.useit.com/ http://www.jjg.net/ia/ http://www.sensible.com/index.html http://informationarchitects.jp/ http://iatelevision.blogspot.com/
  • 185.
    David Raichman /david.raichman@ogilvy.com Directeur Experience Utilisateur, Directeur Ogilvy Digital Lab Paris