-- Cours n°1/7 donné Master 2 Création et Communication Numérique à l'ISCOM, Année 2016/2017.

1. Introduction au
Design d’expérience utilisateur
ISCOM, Master 2 CCN 2016
Laurent Barbat - @lbarbat

2. Laurent Barbat
Designer d’expérience
Ingénieur IMAC
Informatique et Multimedia
9 ans en agences digitales
Chef de projets, UX Designer
1 an en cabinet de conseil
Évangéliser les pratiques UX
Depuis cet après-midi
Intervenant à l’ISCOM…
lbarbat

3. Et vous ?

4. Objectifs des cours d’UX

5. Comprendre les enjeux liés à l'UX
—————
Bien aborder un projet avec une dimension UX
—————
Mettre en pratique des méthodes et outils
centrés utilisateurs
Objectifs des cours d’UX

6. Agenda des cours
1 Introduction à l'UX 1h30
2 Atelier : Initiation au Design Thinking 3h00
3 Recherche et Test utilisateurs 1h30
4 Atelier : Exploration > Analyse 3h00
5 Grands principes de conception 1h30
6 Atelier : Idéation > Conception 3h00
7 Design de la collaboration 1h30

7. Aujourd’hui…
1. Qu’est-ce que l’expérience utilisateur ?
2. Pourquoi c’est important ?
3. Les phases d’un projet UX
4. Ressources

8. Qu’est-ce que
l’expérience utilisateur ?

9. Tu fais quoi déjà comme boulot ?
Designer UX
« Designer du X » ? C’est quoi ?
Designer d’expérience utilisateur.
C’est…

10. Ha ! Ok…
😀
…Tu fais donc de l’informatique !
😓 🔫

11. What is User Experience ?
« User Experience is the way you experience the world, it's the
way you experience your life, that's the way you experience the
service, or yeah, an app or a computer system — But it's a
system that's everything. »
▶︎ http://bit.ly/don-norman-ux

12. Tu t’es déjà demandé à quoi servent tous ces
boutons sur une télécommande ? Resté bloqué
sur un formulaire administratif sur Internet ?
Mon objectif, c’est que ces situations n'arrivent
plus : repérer ces petits et grands irritants et
trouver des solutions pour que tout soit plus
simple et agréable.
C’est cool comme boulot ! 👍
😔

13. Expérience Utilisateur
nait de l’interaction d’un individu avec…
App, Site web, Borne,
Objet connecté…
Technologie
Expérience Client Magasin, Vendeur,
Service, Produit,
Service client…
Service commercial
Expérience Collaborateur Lieu de travail,
Collègues, Manager,
Horaires, Évolutions…
Entreprise
Expérience Citoyen Bien collectif,
institution publique
Élections, Démarches,
Impôts…

14. Utilisateur
Client
Collaborateur
Citoyen
L’individu, l’humain,
est au centre des
préoccupations.
Les utilisateurs sont
impliqués tout au long du
développement, par
itérations.
On parle d’une démarche
de conception
centrée utilisateur
(Human Centered Design).

15. Quels sont les éléments
qui constituent
l’expérience utilisateur ?

16. Éléments constitutifs de l’UX
Fonctionnalités
Contenus
Présentation
Interactions
Paramètres du
Contexte
Propriétés du
Système
Physique
Social
Technique
Temporel
Caractéristiques de l'
Utilisateur
Axe
Chronologique
Profil démographique
Attentes
Besoins
Motivations
Valeurs
Connaissances
Avant l'usage
Pendant l'usage
Après l'usage
Au fil du temps
Adapté des modèles d’Hassenzahl et Lalemand

17. UX Ergonomie
Un peu de jargon…

18. Pyramide des besoins de Maslow
Appartenance
Sécurité
Physiologiques
Estime
Accomplissement

19. Pas « utile »…
La Fontaine de Marcel Duchamp,Tate Museum, Londres

20. Ni fonctionnel…

21. Pratique…

22. Surprenant…

23. Maslow appliqué à l’UX
Pratique
Fonctionnel / Fiable
Utile
Agréable
Focus sur la tâche
Focus sur l’expérience
Mémorable
Inspirant
Adapté de « Designing for Emotion », Aarron Walter

24. Des objectifs différents
Ergonomie efficience
Expérience
utilisateur
plaisir➤
➤

25. pour le meilleur…

26. pour le meilleur…

27. UX UI
(User Interface)

28. UX UI

29. UI VISUAL

30. Visual / Graphical UI

31. Kinetic UI
Leap Motion

32. Voice UI
Alexa d’Amazon

33. Text-based UI
SelenaBot WTF!

34. Implanted UI
Quand l’utilisateur est l’interface…

35. L’UX regroupe
plusieurs disciplines

36. Source : Dan Saffer

37. UX
L’UX regroupe plusieurs disciplines
Ergonomie
Design
graphique
Design
d’interaction
Architecture
de
l’information
Recherche
utilisateur
Stratégie de
contenu
Business Technique

38. Pourquoi
l’expérience utilisateur ?

39. Good UX = Différenciation
Typeform

40. Good UX = Conv€r$ion

41. Good UX = Satisfaction
…Puis fidélisation, recommandation, engagement…

42. Good UX = Productivité
Interface « AS400 »

43. Good UX = Économies
Source : Adaptive Lab / ResearchNow, Decembre 2014 —
Javelin Strategy & Research 2013
TOUT AU LONG DE LA VIE
DU PRODUIT
Source : MIT eXchange, 2009
PENDANT LA CRÉATION
DU PRODUIT
« Dans un projet informatique,
50% du temps passé à développer
des fonctionnalités qui ne servent
à rien. »

44. Processus de création d’un produit ou service innovant :
Good UX = Innovation
Source : A.T. Kearney Analysis
Les entreprises les plus innovantes investissent 3 fois plus dans les premières
étapes du process de création que les entreprises suiveuses.

45. Les entreprises
à forte culture design excellent
Source : DMI dmi.org/value 2014
Ces 10 dernières années, un investissement dans l’une des entreprises à forte
culture design (DMI Index) a rapporté 228% de plus que le même investissement
dans l’une des 500 grandes sociétés cotées sur les bourses américaines (S&P Index).

46. L’impact business
de l’expérience client
Moving from a below-average customer experience to above average would return $1.4 billion in
additional annual revenue for wireless carriers, $1.4 billion for Airlines, $494 million for insurers
(up 61% from 2013), and $572 million for retailers (up 152% from 2013).
There is a “high correlation between customer experience and consumers’ loyalty to a company”.
Source :“Business Impact of Customer Experience” Forrester report, March 2014.

47. Bad UX… ?

48. Ka-Boom !

49. La Dette UX
Pratique
Fonctionnel / Fiable
Utile
Agréable
Mémorable
Inspirant
Dette UX
Qualité perçue
par les users
Qualité ciblée par l’entreprise
Adapté de http://nform.com/ideas/user-experience-debt/

50. Samsung Gear Fit / Source : networworld.com

51. — Dr Ralph Speth, CEO Jaguar
« If you think good design is expensive,
you should look at the cost of bad design. »

52. Les phases d’un projet UX

53. Les étapes d’un projet UX
Adapté du livre « Méthodes de design UX », Lallemand / Gronier — 2015
CADRAGE EXPLORATION SYNTHÈSE
Recherche
S’approprier le contexte
et objectif de l’entreprise.
Comprendre les
utilisateurs, leurs
contextes d’usage,
motivations et besoins
explicites et implicites.
CRÉATION ÉVALUATIONIDÉATION
Conception
Créer le produit qui remplit
l’objectif de l’organisation en
étant le plus adapté aux
besoins des utilisateurs avec
les moyens à disposition.
Améliorer par itération le
produit.

54. Cadrage
Faire le point sur ce qu’on sait
et ce qu’on ne sait pas pour
préparer la phase
d’exploration.
Entretiens avec les parties prenantes
Benchmark
Analyses statistiques
Cadrage Exploration Synthèse Création ÉvaluationIdéation
Études doc

55. Exploration
Comprendre l’entreprise.
Comprendre les utilisateurs,
leurs contextes d’usage,
motivations, besoins explicites
et implicites.
Entretiens utilisateur
Observation terrain
Questionnaire
Cadrage Exploration Synthèse Création ÉvaluationIdéation

56. Synthèse
Rendre compte de l’expérience
des utilisateurs à l’ensemble
des parties prenantes du
projet.
Personas
Experience mapping
Empathy map
Cadrage Exploration Synthèse Création ÉvaluationIdéation
Source : Flickr : Ant Mace

57. Idéation
Générer de nouvelles
propositions de solutions.
Conceptualiser les meilleures
hypothèses.
Sketching
Ateliers d’idéation
Scénario d’usage
Cadrage Exploration Synthèse Création ÉvaluationIdéation

58. Création
Concevoir puis développer le
produit ou service.
Arborescence
Wireframes
Prototype
Cadrage Exploration Synthèse Création ÉvaluationIdéation
Maquettes graphiques

59. Évaluation
Tester les solutions auprès de
d’utilisateurs cibles pour
améliorer le produit.
Test utilisateurs
Test A/B ou MVT
Audit expert
Cadrage Exploration Synthèse Création ÉvaluationIdéation

60. 2 Conception1 Recherche
Cadrage
Faire le point sur ce qu’on sait et ce
qu’on ne sait pas pour préparer la
phase d’exploration.
Exploration
Comprendre l’entreprise.
Comprendre les utilisateurs, leurs
contextes d’usage, motivations, besoins
explicites et implicites.
Synthèse
Rendre compte de l’expérience des
utilisateurs à l’ensemble des parties
prenantes du projet.
Idéation
Générer de nouvelles propositions de
solutions.
Conceptualiser les meilleures
hypothèses.
Création
Concevoir puis développer le produit ou
service.
Évaluation
Tester les solutions auprès de
d’utilisateurs cibles pour améliorer le
produit.
Études doc BenchmarkEntretiens parties prenantes
Entretiens utilisateursObservation
Arborescence Wireframes Prototype
Test utilisateurs Test A/B ou MVTAudit expert
Experience mappingPersonas Empathy map
SketchingAteliers d’idéation Scénario d’usage
Questionnaires
Maquettes

61. Ressources

62. Bibliographie
Don't make me think
Steve Krug
The Elements of
User Experience
Jesse James Garrett
Méthodes de design UX
Carine Lallemand
Guillaume Gronier
ÉTAT D’ESPRIT CONNAISSANCES+ MÉTHODES+

63. Webographie
https://uxdesign.cc/
http://uxmastery.com/
https://www.smashingmagazine.com/
http://uxmag.com/

64. Des questions ?

65. Design is not
just what it
looks like and
feels like.
Design is how
it works.
Steve Jobs
“
”
Des questions ? Appréciations ? Suggestions pour les prochains cours ?
http://bit.ly/feedback-ux Merci pour vos retours.