1
DESIGN D’EXPERIENCE UTILISATEUR
POUR TOUS !
#LAMATINALELEFIL
@AGENCE_LEFIL
@CBLEU_DESIGN
Guest : Valérie Vincent-Genod,
...
2
L’AGENCE AGILE
POUR CRÉER DES LIENS DURABLES
І Les contenus relationnels
І Le digital
І L’activation commerciale
#LAMATI...
3
LA 5E MATINALE LE FIL
1. Les marques expertes
2. La marque B2B & le digital
3. Les réseaux sociaux dans la relation clie...
4
NOTRE GUEST : VALÉRIE VINCENT-GENOD
І doctorante en sémiologie
І enseignante en UX Design à
l’Ecole de l’Image des Gobel...
5
DESIGN D'EXPÉRIENCE UTILISATEUR
POUR TOUS !
І Qu'est-ce que le UX Design ?
І Méthodologie et entreprise agile
І Un levie...
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
User Experience Design ?
UXD
X : expérience
L’Expérience est subjective
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©http://www.adaptivepath.com/
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
• EXPERIENCE :
• « …éprouver quelque chose »
• dans un contexte donné (selon ...
L’Expérience utilisateur : contexte, parcours, usage
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
© visuel Attoma
http://h...
U : user
utilisateur
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
USER
« Le design d’expérience est un processus
centré sur l’utilisateur »
(Donald A Norman : The Design of Everyday Things...
Designer POUR l’utilisateur
On définit un produit ou un service à partir des attentes, des besoins et des
capacités des ut...
D: design
?
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Du latin designare
« marquer d’un signe, dessiner, indiquer »
= dessein / dessin
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DES...
LE DESIGN,
CE N’EST PAS LE BEAU
« Good design can’t be achieved with glossy buttons or
masterful wireframes alone. It’s a ...
Un beau design VS une expérience utilisateur réussie
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
LE DESIGN, C’EST
RESOUDRE DES PROBLEMES
«... le design, ce n’est pas seulement
l’apparence et le style.
Le Design c’est co...
L’UX Design est une approche
méthodologique, un processus
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
[C’est] un design qui se vit, qui s’éprouve, s’expérimente.
Stéphane Vial (Court traité du design)
#LAMATINALELEFIL @AGENC...
D: design…
Designer un produit c’est designer une relation
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Processus itératif
Méthodologique et
entreprise agile
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
2. méthodologie et entreprise agile
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
un designer, une vision vision fonctionnelle des Ingénieurs
méthodologie centrée utilisateur
#LAMATINALELEFIL @AGENCE_LEFI...
Décloisonner, partager, travailler en mode projet…
L’Ux Designer moteur, mais pas seul
©IllustrationAnnieWang
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©IllustrationAnnie...
• Dans l’UxD c’est le processus qui compte !
• Permet une vision globale et partagée du projet :
• L’équipe partage une co...
Un processus itératif
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©IllustrationAnnieWang
Objectif : améliorer progressivement le produit
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©IllustrationAnnieWang
DESIGN Thinking et l’intelligence collective
Pensée
divergente
Pensée convergente
Principes de design
#LAMATINALELEFIL @AG...
Concevoir ensemble
IDÉATION
Préalable : bien connaître ses utilisateurs
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©http://www.adaptivepath.com
Construire ses archétypes ou “personas” : qu’ai-
je besoin de savoir ?
Qui sont mes utilisateurs ?
S’appuyer sur des archétypes ou “personas” pour designer
l’expérience utilisateur
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DE...
CARTOGRAPHIER L’EXPERIENCE UTILISATEUR ET SES
PARCOURS
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
© http://www.mappingex...
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Designer l’expérience : quels bénéfices pour
l’utilisateur ?
Mon service est-il
Ergonomique ?
Ma solution est-elle
facilem...
Analyser le contexte d’usage
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Structurer
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Hiérarchiser
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
L’affordance pour faire sens
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
5. Tester, tester, tester :
Un outil-clé au service de l’amélioration de l’expérience
#LAMATINALELEFIL @AGENCE_LEFIL @CBLE...
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©http://http://www.testapic.com//
Designer l’expérience : un compromis permanent entre
business et besoins utilisateurs
3. Un levier au service de la performance ?
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
47
Cbleu design d’expériences digitales
REFONTE SITE Internet GPN
—
PRÉSENTATION DU CAHIER DES CHARGES
Etude Forester 2008...
Un bon design d’expérience utilisateur
= un outil marketing au service du business
49http://www.watermarkconsult.net/blog/2013/04/02/the-watermark-consulting-2013-customer-experience-roi-study/
Etude Fores...
• Amazon : le bouton qui valait
• 300,000,000 $
REGISTER
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
En cause : le formulaire qui complexifie le e-SHOPPING
« je ne suis pas là pour créer une relation mais pour acheter… »
RE...
©http://www.testapic.com/
© http://www.testapic.com/
Airbnb
“se sentir chez soi partout dans le monde”
Expérience utilisateur au coeur du concept :
C’est celle que vit le tour...
Une bonne expérience utilisateur :
un client prescripteur
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Et vous, c’est quoi votre dernière
expérience utilisateur réussie ?
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
57
Merci de votre attention!
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Prochain SlideShare
Chargement dans…5
×

La matinale le fil : Design experience utilisateur pour tous

2 455 vues

Publié le

Le UX Design n'est pas le dernier buzzword à la mode, mais une approche méthodologique particulièrement efficace pour votre communication digitale.
Le design d'expérience utilisateur a pour enjeu la qualité de l'expérience vécue lors de l’utilisation d’un outil ou d'une interface numérique par tous vos publics.

À l'occasion de la matinale "Design d’expérience utilisateur pour tous", nous avons eu le plaisir d’accueillir Valérie Vincent-Genod, doctorante en sémiologie, enseignante en UX Design à l’Ecole de l’Image des Gobelins, partenaire du laboratoire de test utilisateurs.

Publié dans : Internet

La matinale le fil : Design experience utilisateur pour tous

  1. 1. 1 DESIGN D’EXPERIENCE UTILISATEUR POUR TOUS ! #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN Guest : Valérie Vincent-Genod, consultante UX Cbleu, collectif de designers d’expériences utilisateur
  2. 2. 2 L’AGENCE AGILE POUR CRÉER DES LIENS DURABLES І Les contenus relationnels І Le digital І L’activation commerciale #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  3. 3. 3 LA 5E MATINALE LE FIL 1. Les marques expertes 2. La marque B2B & le digital 3. Les réseaux sociaux dans la relation client 4. Video Content Now ! #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  4. 4. 4 NOTRE GUEST : VALÉRIE VINCENT-GENOD І doctorante en sémiologie І enseignante en UX Design à l’Ecole de l’Image des Gobelins І partenaire du laboratoire de test utilisateurs des Gobelins І fondatrice du collectif de designers UX C BLEU #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  5. 5. 5 DESIGN D'EXPÉRIENCE UTILISATEUR POUR TOUS ! І Qu'est-ce que le UX Design ? І Méthodologie et entreprise agile І Un levier au service de la performance #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  6. 6. #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN User Experience Design ? UXD
  7. 7. X : expérience
  8. 8. L’Expérience est subjective #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©http://www.adaptivepath.com/
  9. 9. #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN • EXPERIENCE : • « …éprouver quelque chose » • dans un contexte donné (selon l’environnement, humeur, device…) • l’expérience d’un sujet, une expérience non objective • une expérience variant selon la fréquence • C’est l’expérience des utilisateurs auxquels on s’adresse et non la nôtre qui sert de point de référence.
  10. 10. L’Expérience utilisateur : contexte, parcours, usage #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN © visuel Attoma http://http://www.attoma.eu/fr//
  11. 11. U : user utilisateur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  12. 12. USER « Le design d’expérience est un processus centré sur l’utilisateur » (Donald A Norman : The Design of Everyday Things 1988) UCD : user centered design #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  13. 13. Designer POUR l’utilisateur On définit un produit ou un service à partir des attentes, des besoins et des capacités des utilisateurs utilisabilité, ergonomie, tests itératifs… Quelles sont leurs attentes & leurs objectifs lors de la visite du site ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  14. 14. D: design ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  15. 15. Du latin designare « marquer d’un signe, dessiner, indiquer » = dessein / dessin #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  16. 16. LE DESIGN, CE N’EST PAS LE BEAU « Good design can’t be achieved with glossy buttons or masterful wireframes alone. It’s a merger of all these principles into something that is meaningful and deliberate.» Wells Riley, Start-ups, this is how design works http://startupsthisishowdesignworks.com/ #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  17. 17. Un beau design VS une expérience utilisateur réussie #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  18. 18. LE DESIGN, C’EST RESOUDRE DES PROBLEMES «... le design, ce n’est pas seulement l’apparence et le style. Le Design c’est comment ça marche ». Steve Jobs #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  19. 19. L’UX Design est une approche méthodologique, un processus #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  20. 20. [C’est] un design qui se vit, qui s’éprouve, s’expérimente. Stéphane Vial (Court traité du design) #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  21. 21. D: design… Designer un produit c’est designer une relation #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  22. 22. Processus itératif
  23. 23. Méthodologique et entreprise agile #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  24. 24. 2. méthodologie et entreprise agile #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  25. 25. un designer, une vision vision fonctionnelle des Ingénieurs méthodologie centrée utilisateur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN VERSUS
  26. 26. Décloisonner, partager, travailler en mode projet…
  27. 27. L’Ux Designer moteur, mais pas seul ©IllustrationAnnieWang #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  28. 28. • Dans l’UxD c’est le processus qui compte ! • Permet une vision globale et partagée du projet : • L’équipe partage une compréhension unifiée de divers segments d’utilisateurs et de leur appréhension du produit • Cela génère des fonctionnalités répondant à des besoins utilisateurs identifiés • L’expérience de l’utilisateur n’est pas idéalisée, • mais construite à partir de la réalité. #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  29. 29. Un processus itératif #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  30. 30. Objectif : améliorer progressivement le produit #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  31. 31. DESIGN Thinking et l’intelligence collective Pensée divergente Pensée convergente Principes de design #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  32. 32. Concevoir ensemble IDÉATION
  33. 33. Préalable : bien connaître ses utilisateurs #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©http://www.adaptivepath.com
  34. 34. Construire ses archétypes ou “personas” : qu’ai- je besoin de savoir ? Qui sont mes utilisateurs ?
  35. 35. S’appuyer sur des archétypes ou “personas” pour designer l’expérience utilisateur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  36. 36. CARTOGRAPHIER L’EXPERIENCE UTILISATEUR ET SES PARCOURS #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN © http://www.mappingexperiences.com
  37. 37. #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  38. 38. Designer l’expérience : quels bénéfices pour l’utilisateur ? Mon service est-il Ergonomique ? Ma solution est-elle facilement utilisable par les utilisateurs? Quelles est sa valeur ajoutée ? Les utilisateurs ont-ils intérêt à utiliser ma solution? Quelle est la qualité de l’expérience vécue avec ma solution ? L’expérience vécue par les utilisateurs est-elle mémorable? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  39. 39. Analyser le contexte d’usage #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  40. 40. Structurer #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  41. 41. Hiérarchiser #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  42. 42. L’affordance pour faire sens #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  43. 43. 5. Tester, tester, tester : Un outil-clé au service de l’amélioration de l’expérience #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  44. 44. #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©http://http://www.testapic.com//
  45. 45. Designer l’expérience : un compromis permanent entre business et besoins utilisateurs
  46. 46. 3. Un levier au service de la performance ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  47. 47. 47 Cbleu design d’expériences digitales REFONTE SITE Internet GPN — PRÉSENTATION DU CAHIER DES CHARGES Etude Forester 2008, Selon des études Forester : « plus les entreprises [...] prennent en compte l’expérience de clients, mieux elles réussissent d’un point de vue financier » Sylvie Daumal #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  48. 48. Un bon design d’expérience utilisateur = un outil marketing au service du business
  49. 49. 49http://www.watermarkconsult.net/blog/2013/04/02/the-watermark-consulting-2013-customer-experience-roi-study/ Etude Forester 2008,
  50. 50. • Amazon : le bouton qui valait • 300,000,000 $ REGISTER #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  51. 51. En cause : le formulaire qui complexifie le e-SHOPPING « je ne suis pas là pour créer une relation mais pour acheter… » REGISTER —————> CONTINUE Augmentation de 45% des clients 15 Millions de ventes supplémentaires le premier mois $300,000,000 de CA supplémentaire la 1ere année #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  52. 52. ©http://www.testapic.com/
  53. 53. © http://www.testapic.com/
  54. 54. Airbnb “se sentir chez soi partout dans le monde” Expérience utilisateur au coeur du concept : C’est celle que vit le touriste qui découvre la ville de l’intérieur grâce au contact avec la personne qui la loge et celle que vit son hôte en le recontrant #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  55. 55. Une bonne expérience utilisateur : un client prescripteur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  56. 56. Et vous, c’est quoi votre dernière expérience utilisateur réussie ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  57. 57. 57 Merci de votre attention! #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

×