Download - Uxd cours mmi1
![Page 1: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/1.jpg)
DESIGN D’EXPÉRIENCE UTILISATEUR (UXD)A. INTRODUCTION
MASTER MULTIMÉDIA INTERACTIF
Décembre 2011 David Raichman Directeur Expérience Utilisateur / Directeur Ogilvy Digital Lab Paris
![Page 2: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/2.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Sommaire
![Page 3: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/3.jpg)
Design d’expérience utilisateur (UXD) | Introduction
A. Introduction
Sommaire
![Page 4: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/4.jpg)
Design d’expérience utilisateur (UXD) | Introduction
A. Introduction
B. La recherche utilisateur
Sommaire
![Page 5: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/5.jpg)
Design d’expérience utilisateur (UXD) | Introduction
A. Introduction
B. La recherche utilisateur
C. Méthode de conception
Sommaire
![Page 6: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/6.jpg)
Design d’expérience utilisateur (UXD) | Introduction
A. Introduction
B. La recherche utilisateur
C. Méthode de conception
D. Framework fonctionnel et stratégie des contenus
Sommaire
![Page 7: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/7.jpg)
Design d’expérience utilisateur (UXD) | Introduction
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
Sommaire
![Page 8: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/8.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte2. Le design au coeur de l’innovation3. Définir l’expérience utilisateur (UX)4. Fondements de l’UX Design5. Les domaines de l’UXD6. Références
A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR
![Page 9: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/9.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / 15 ans de mutation...
![Page 11: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/11.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
1. Contexte / 15 ans de mutation...
![Page 12: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/12.jpg)
![Page 13: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/13.jpg)
![Page 14: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/14.jpg)
![Page 15: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/15.jpg)
![Page 16: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/16.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
medias
1. Contexte / 15 ans de mutation...
![Page 17: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/17.jpg)
![Page 18: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/18.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
medias
applications
1. Contexte / 15 ans de mutation...
![Page 19: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/19.jpg)
![Page 20: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/20.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
mobile
medias
applications
1. Contexte / 15 ans de mutation...
![Page 21: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/21.jpg)
![Page 22: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/22.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
produits
mobile
medias
applications
1. Contexte / 15 ans de mutation...
![Page 23: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/23.jpg)
![Page 24: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/24.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
produits
mobile
medias
applications
services
1. Contexte / 15 ans de mutation...
![Page 25: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/25.jpg)
![Page 26: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/26.jpg)
Design d’expérience utilisateur (UXD) | Introduction
web
environnement
produits
mobile
medias
applications
services
1. Contexte / 15 ans de mutation...
![Page 27: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/27.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / Accélération technologique
Croissance du nombre de sites web par ans
![Page 28: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/28.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / Accélération technologique
Croissance du nombre d’utilisateurs par ans
![Page 29: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/29.jpg)
MediaMobile
Web
PCTV, Radio, Press... CellPhone
1998
![Page 30: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/30.jpg)
![Page 31: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/31.jpg)
![Page 32: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/32.jpg)
![Page 33: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/33.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / Accélération technologique
![Page 34: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/34.jpg)
PC
TV Smartphone
TV mobile
Web
Press
Press
mobileTVGameGame
Social
Interactive
SocialGame
PressRadio
Music
Virtual iTunese-
commerce Service
2009
![Page 35: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/35.jpg)
VideosMusic
SocialBooks
e-commerce
Storage
Game
Press
Bank
2012
![Page 36: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/36.jpg)
VideosMusic
SocialBooks
e-commerce
Storage
Game
Press
Bank
Smartphone
PC
Connected TV
Video Game Console
Notebook
TabletLaptop
e-book
2012
![Page 37: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/37.jpg)
VideosMusic
SocialBooks
e-commerce
Storage
Game
Press
Web-connected device
Web-connected device
Web-connected device
Web-connected device
Web-connected device
Web-connected deviceWeb-connected device
Bank
Web-connected device
2012
![Page 38: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/38.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
Coévolution
![Page 39: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/39.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
prosommation
Coévolution
![Page 40: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/40.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
prosommation
piratage / hacking
Coévolution
![Page 41: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/41.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
prosommation
piratage / hacking opensource
Coévolution
![Page 42: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/42.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
prosommation
piratage / hacking opensource
co-innovation
Coévolution
![Page 43: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/43.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte / La co-évolution socio-technologique
temps
Coévolution
![Page 44: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/44.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 45: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/45.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 46: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/46.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 47: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/47.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
13,5%
Premiersadopteurs
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 48: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/48.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
13,5%
Premiersadopteurs
“ chasm ”
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 49: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/49.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
13,5%
Premiersadopteurs
34%
Majoritéavancée
“ chasm ”
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 50: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/50.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
13,5%
Premiersadopteurs
34%
Majoritéavancée
34%
Majoritéen
retard
“ chasm ”
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 51: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/51.jpg)
Design d’expérience utilisateur (UXD) | Introduction
temps
popu
latio
n %
2,5%
Innovateurs
13,5%
Premiersadopteurs
34%
Majoritéavancée
34%
Majoritéen
retard
16%
Retardataires
“ chasm ”
d’après Evrett Rogers (1962)
1. Contexte / Modèle de courbe d’adoption de l'innovation
![Page 52: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/52.jpg)
Design d’expérience utilisateur (UXD) | Introductioncr
oiss
ance
temps
1. Contexte / Cycle de vie et paradigme technologique
![Page 53: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/53.jpg)
Design d’expérience utilisateur (UXD) | Introductioncr
oiss
ance
temps
Début
1. Contexte / Cycle de vie et paradigme technologique
![Page 54: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/54.jpg)
Design d’expérience utilisateur (UXD) | Introductioncr
oiss
ance
temps
Début
Croissance rapide
1. Contexte / Cycle de vie et paradigme technologique
![Page 55: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/55.jpg)
Design d’expérience utilisateur (UXD) | Introductioncr
oiss
ance
temps
Début
Croissance rapide
Stabilisation / Fin
1. Contexte / Cycle de vie et paradigme technologique
![Page 56: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/56.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
1. Contexte / Cycle de vie et paradigme technologique
![Page 57: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/57.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
1. Contexte / Cycle de vie et paradigme technologique
![Page 58: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/58.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
Extinction du paradigme
1. Contexte / Cycle de vie et paradigme technologique
![Page 59: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/59.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
1. Contexte / Cycle de vie et paradigme technologique
![Page 60: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/60.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1 Paradigme 2
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
1. Contexte / Cycle de vie et paradigme technologique
![Page 61: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/61.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Paradigme 1 Paradigme 2
croi
ssan
ce
temps
Début
Croissance rapide
Stabilisation / Fin
Début nouveau paradigme
1. Contexte / Cycle de vie et paradigme technologique
![Page 62: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/62.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
20091. Contexte / L’évolution du web
![Page 63: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/63.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
20091. Contexte / L’évolution du web
![Page 64: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/64.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
20091. Contexte / L’évolution du web
![Page 65: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/65.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
20091. Contexte / L’évolution du web
![Page 66: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/66.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
2009
1. Contexte / L’évolution du web
![Page 67: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/67.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
2009
1. Contexte / L’évolution du web
![Page 68: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/68.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
2009
1. Contexte / L’évolution du web
![Page 69: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/69.jpg)
Design d’expérience utilisateur (UXD) | Introduction
E-commerce
1995
Rich media
Page HTML
VRMLMondes virtuels
2000
Blogs, wiki
Web 1.0
Web 2.0
2004
Réseaux sociaux
1998
Google Maps, Earth
2005 2006
Applications web
Web mobile
Tablettes
2011
Temps-réel
HTML5
CloudWeb 2
2009
?1. Contexte / L’évolution du web
![Page 70: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/70.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte
2. Le design au coeur de l’innovation3. Définir l’expérience utilisateur (UX)4. Fondements de l’UX Design5. Les domaines de l’UXD6. Références
A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR
![Page 71: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/71.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Le design au coeur de l’innovation / Importance du design
![Page 72: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/72.jpg)
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é
![Page 73: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/73.jpg)
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 :
![Page 74: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/74.jpg)
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»
![Page 75: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/75.jpg)
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...)»
![Page 76: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/76.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Le design au coeur de l’innovation / Importance du design
![Page 77: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/77.jpg)
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 :
![Page 78: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/78.jpg)
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
![Page 79: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/79.jpg)
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
![Page 80: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/80.jpg)
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
![Page 81: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/81.jpg)
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
![Page 82: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/82.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Le design au coeur de l’innovation / Importance du design
![Page 83: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/83.jpg)
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 :
![Page 84: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/84.jpg)
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
![Page 85: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/85.jpg)
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
![Page 86: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/86.jpg)
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
![Page 87: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/87.jpg)
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
![Page 88: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/88.jpg)
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
![Page 89: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/89.jpg)
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
![Page 90: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/90.jpg)
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
‣ ...
![Page 91: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/91.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
d’après Clayton M. Christensen (1995)
![Page 92: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/92.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
d’après Clayton M. Christensen (1995)
Exigences basses des utilisateurs
![Page 93: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/93.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
Exigences hautes des utilisateurs
d’après Clayton M. Christensen (1995)
Exigences basses des utilisateurs
![Page 94: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/94.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
Exigences hautes des utilisateurs
d’après Clayton M. Christensen (1995)
Exigences basses des utilisateurs
![Page 95: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/95.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
Exigences hautes des utilisateurs
Innovation incrémentale
d’après Clayton M. Christensen (1995)
Exigences basses des utilisateurs
![Page 96: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/96.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
Exigences hautes des utilisateurs
Innovation incrémentale
d’après Clayton M. Christensen (1995)
Innov
ation
de ru
pture
Exigences basses des utilisateurs
![Page 97: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/97.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture
Exigences hautes des utilisateurs
Innovation incrémentale
d’après Clayton M. Christensen (1995)
Innov
ation
de ru
pture
Exigences basses des utilisateurs
![Page 98: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/98.jpg)
Design d’expérience utilisateur (UXD) | Introduction
d’après Clayton Christensen2. Le design au coeur de l’innovation / Innovation incrémentale Vs Innovation de rupture : exemple
Exigences hautes des utilisateurs
Exigences basses des utilisateurs
Appareils photo argentiques
d’après Clayton M. Christensen (1995)
Appare
ils ph
oto nu
mériqu
es
![Page 99: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/99.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
«push» technologique
«pull» marché(user-centred)
Design-driven«push»
révélation
2. Le design au coeur de l’innovation / «Design-driven innovation»
![Page 100: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/100.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
«push» technologique
«pull» marché(user-centred)
Design-driven«push»
révélation
2. Le design au coeur de l’innovation / «Design-driven innovation»
![Page 101: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/101.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
«push» technologique
«pull» marché(user-centred)
Design-driven«push»
révélation«push» technologique
2. Le design au coeur de l’innovation / «Design-driven innovation»
![Page 102: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/102.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
«push» technologique
«pull» marché(user-centred)
Design-driven«push»
révélation«push» technologique
Design-driven«push»
2. Le design au coeur de l’innovation / «Design-driven innovation»
![Page 103: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/103.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
«push» technologique
«pull» marché(user-centred)
Design-driven«push»
révélation«push» technologique
Design-driven«push»
« révélatio
n »
2. Le design au coeur de l’innovation / «Design-driven innovation»
![Page 104: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/104.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
Ancienne génération
Consoles de jeuxcomme immersion passive dans des mondes virtuels pour des jeunes adeptes
Consoles de jeuxcomme divertissement
physique et actif pour tout le monde
PS3Xbox 360
Perfographiques
Wii
Accéléromètrescapteurs...
2. Le design au coeur de l’innovation / Exemple de la Wii
![Page 105: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/105.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Innovation incrémentale
Innovation radicale
Performance (technologique)
Signification (langage)
Adaptation à l'évolution des
modèles socioculturels
Génération de nouvelles significations
Walkman, MD, CD...
Appareil audio portable Centre musical personnel
MPManRio, Creative...
MP3
Apple iPodItunes
encodeur, Store...
2. Le design au coeur de l’innovation / Exemple de l’iPod
![Page 106: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/106.jpg)
Design d’expérience utilisateur (UXD) | Introduction
Design
Technologie
Usages
2. Le design au coeur de l’innovation / Une co-évolution à 3 paramètres
![Page 107: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/107.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte2. Le design au coeur de l’innovation
3. Définir l’expérience utilisateur (UX)4. Fondements de l’UX Design5. Les domaines de l’UXD6. Références
A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR
![Page 108: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/108.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Définition
![Page 109: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/109.jpg)
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.
«»
![Page 110: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/110.jpg)
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.
«»
![Page 111: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/111.jpg)
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.
«»
![Page 112: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/112.jpg)
![Page 113: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/113.jpg)
![Page 114: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/114.jpg)
Design d’expérience utilisateur (UXD) | Introduction
“[...] 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”
2. Définir l’expérience utilisateur / Qu’est-ce que l’expérience ?
Mihaly Csikszentmihalyi Flow, The Psychology of Optimal Experience,1990, Harper Perennial
![Page 115: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/115.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Expérience et «flow»
![Page 116: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/116.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Expérience et «flow»
![Page 117: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/117.jpg)
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
![Page 118: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/118.jpg)
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
![Page 119: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/119.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / “Experience is the product”
Produit
Technologie
![Page 120: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/120.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / “Experience is the product”
Produit
Fonctionnalités
![Page 121: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/121.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / “Experience is the product”
Produit
Expérience
![Page 122: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/122.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / “Experience is the product”
Experience IS the product
![Page 123: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/123.jpg)
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. NormanThe design of everyday things, 1988, Basic books
![Page 124: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/124.jpg)
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 GarettThe elements of user experience, 2002, New Riders
![Page 125: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/125.jpg)
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
![Page 126: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/126.jpg)
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
![Page 127: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/127.jpg)
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
![Page 128: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/128.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale
desirable
accessible
valuable
D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
![Page 129: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/129.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale
desirable
accessible
valuable
credible
D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
![Page 130: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/130.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale
desirable
findable accessible
valuable
credible
D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
![Page 131: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/131.jpg)
Design d’expérience utilisateur (UXD) | Introduction
2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale
usable desirable
findable accessible
valuable
credible
D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
![Page 132: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/132.jpg)
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
findable accessible
valuable
credible
D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
![Page 133: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/133.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte2. Le design au coeur de l’innovation3. Définir l’expérience utilisateur (UX)
4. Fondements de l’UX Design5. Les domaines de l’UXD6. Références
A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR
![Page 134: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/134.jpg)
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,1955Designing for People, Allworth Press
![Page 135: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/135.jpg)
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
UXD
![Page 136: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/136.jpg)
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
Design
d’interactionUtilisabilité
Design d’interface
HCI
Computer graphics
Architecture
de l’information
Stratégie
Recherche
utilisateurs
UXD
Ergonomie Design industriel
![Page 137: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/137.jpg)
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
Design
d’interactionUtilisabilité
Design d’interface
Library Science
HCI
Taxonomie
Documentalisme
Archivage
Computer graphics
Architecture
de l’information
Stratégie
Recherche
utilisateurs
UXD
Méta-données
Ergonomie Design industriel
![Page 138: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/138.jpg)
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
Design
d’interactionUtilisabilité
Design d’interface
Library ScienceMarketing
HCI
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Architecture
de l’information
Stratégie
Recherche
utilisateurs
UXD
Méta-données
Ergonomie Design industriel
![Page 139: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/139.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 140: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/140.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 141: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/141.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 142: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/142.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 143: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/143.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 144: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/144.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 145: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/145.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 146: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/146.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 147: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/147.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 148: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/148.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 149: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/149.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 150: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/150.jpg)
Jakob Nielsen
Mark Boulton
Library ScienceMarketing
HCI
Peter MorvilleJesse James Garett
UXD
Douglas Bowman
Don Norman Alan Cooper
Bill Moggridge
Etude de marché
Marque
CRM
Segmentation utilisateurs
Taxonomie
Documentalisme
Archivage
Computer graphics
Méta-données
Ergonomie Design industriel
Jenifer Tidwell
Louis Rosenfeld
Donald Norman
Design d’expérience utilisateur (UXD) | Introduction
4. Fondements de l’UX Design / Origines
Les 3 influences de l’UXD
![Page 151: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/151.jpg)
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
![Page 152: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/152.jpg)
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
Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ?
![Page 153: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/153.jpg)
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
Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ?
Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ?
![Page 154: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/154.jpg)
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
Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ?
Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ?
Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ?
![Page 155: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/155.jpg)
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
Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ?
Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ?
Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ?
Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ?
![Page 156: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/156.jpg)
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
Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ?
Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ?
Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ?
Squellette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ?
Surface : rassemblons tout. Quelle est l’apparence du produit fini ?
![Page 157: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/157.jpg)
Design d’expérience utilisateur (UXD) | Introduction
1. Contexte2. Le design au coeur de l’innovation3. Définir l’expérience utilisateur (UX)4. Fondements de l’UX Design
5. Les domaines de l’UXD6. Références
A. INTRODUCTION AU DESIGN D’EXPÉRIENCE UTILISATEUR
![Page 158: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/158.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 159: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/159.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 160: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/160.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 161: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/161.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 162: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/162.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 163: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/163.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 164: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/164.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Pluridisciplinarité
IA! Parcours utilisateurs
! Organisation de contenu
! Wireframes
! Planification fonctionnelle
IxD! Modélisation des objets
! Comportement d’interface
! Organisation des gabarits
! Spéc. fonctionnelles
! Process Flow
UID! Design d’interface
! Spécifications graphiques
! Catalogue d’objets
Usability! Conception des tests
! Audit et rapport
d’utilisabilité
Prototype! Composants Front Flash
! Gabarits XHTML
! Charte CSS
! Librairie d’objets
UX Strategy
! Définition des besoins
! Etude de contextes d’usage
! Stratégie fonctionnelle
! Stratégie des contenus
UX DESIGN
❖ Tests utilisateurs❖ Composants fronts❖ Gabarits❖ Charte CSS❖ Librairie d’objets
![Page 165: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/165.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Métiers
Graphiste(s) Développeur(s)
Chef de projet
![Page 166: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/166.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Métiers
Graphiste / Designer d’interface
Développeur / Prototype front
Chef de projet
User researcher
Designer d’interaction
Ergonome web / Expert en utilisabilité
Architecte d’information
SEO expertContent strategist RédacteurTechnology strategist / CTO
![Page 167: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/167.jpg)
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é.
![Page 168: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/168.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Métiers
Architecte de l’informationorganise, 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.
![Page 169: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/169.jpg)
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.
![Page 170: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/170.jpg)
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.
![Page 171: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/171.jpg)
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.
![Page 172: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/172.jpg)
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.
![Page 173: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/173.jpg)
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.
![Page 174: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/174.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Métiers
![Page 175: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/175.jpg)
Design d’expérience utilisateur (UXD) | Introduction
5. Les domaines de l’UXD / Secteurs d’application
![Page 176: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/176.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 177: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/177.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 178: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/178.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 179: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/179.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 180: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/180.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 181: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/181.jpg)
Design d’expérience utilisateur (UXD) | Introduction
TYPE SECTEUR PRODUITS EXEMPLE
SSII Informatique CMS, applications, Intranets,e-commerce... SQLI
Web agency Communication /Publicité
Campagnes marketing online, contenus,applications, intranets, e-commerces,réseaux sociaux, chartes graphiques...
Digitas
Pure player Service Fonctionnalités, contenus, services, tests, relatifs à une plateforme Amazon
Agence de design Design Objets, services, interfaces, applications,chartes graphiques, tests... IDEO
Cabinet de consultants UX UX Design Livrables UX, tests, rapports de tests, audits Adaptive Path
5. Les domaines de l’UXD / Secteurs d’application
![Page 182: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/182.jpg)
Design d’expérience utilisateur (UXD) | Introduction
A. Introduction au design d’expérience utilisateur
1. Contexte2. Le design au coeur de l’innovation3. Définir l’expérience utilisateur (UX)4. Fondements de l’UX Design5. Les domaines de l’UXD
6. Références
![Page 183: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/183.jpg)
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
![Page 184: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/184.jpg)
Design d’expérience utilisateur (UXD) | Introduction
7. Références / Webographie
Interaction Designhttp://www.ixda.org/http://www.cooper.com/http://www.odannyboy.com/portfolio/index.htmlhttp://developer.yahoo.com/ypatterns/
User Design Interface
http://ui-patterns.com/http://uie.com/
Usability
http://www.clearleft.comhttp://www.useit.com/http://www.sensible.com/index.html
Actualités sur l’UX
http://www.uxmag.com/http://boxesandarrows.comhttp://adaptivepath.com/http://semanticstudios.com/publications/semantics/000228.php (sur les livrables UX)http://www.digitaldesignblog.com/ (blog UX de Razorfish)
Strategic Design et design d’information
http://www.visualcomplexity.comhttp://www.visual-literacy.org/periodic_table/periodic_table.htmlhttp://www.communicatingdesign.com/http://www.thebackofthenapkin.com/
Architecture d’informationhttp://www.iainstitute.org/http://www.jjg.net/ia/http://informationarchitects.jp/http://iatelevision.blogspot.com/
![Page 185: Uxd cours mmi1](https://reader031.vdocuments.fr/reader031/viewer/2022020922/54650162af7959cf288b7404/html5/thumbnails/185.jpg)
David Raichman / [email protected] Experience Utilisateur, Directeur Ogilvy Digital Lab Paris