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
L’AGENCE AGILE
POUR CRÉER DES LIENS DURABLES
І Les contenus relationnels
І Le digital
І L’activation commerciale
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
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
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
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
#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’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.
L’Expérience utilisateur : contexte, parcours, usage
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
© visuel Attoma
http://http://www.attoma.eu/fr//
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 1988)
UCD : user centered design
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
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
D: design
?
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
Du latin designare
« marquer d’un signe, dessiner, indiquer »
= dessein / dessin
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
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
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 comment ça marche ».
Steve Jobs
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
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 @AGENCE_LEFIL @CBLEU_DESIGN
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_LEFIL @CBLEU_DESIGN
VERSUS
Décloisonner, partager, travailler en mode projet…
L’Ux Designer moteur, mais pas seul
©IllustrationAnnieWang
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
©IllustrationAnnieWang
• 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
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 @AGENCE_LEFIL @CBLEU_DESIGN
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_DESIGN
CARTOGRAPHIER L’EXPERIENCE UTILISATEUR ET SES
PARCOURS
#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
© http://www.mappingexperiences.com
#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
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
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 @CBLEU_DESIGN
#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,
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
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 Forester 2008,
• 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… »
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
©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 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
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

La matinale le fil : Design experience utilisateur pour tous

  • 1.
    1 DESIGN D’EXPERIENCE UTILISATEUR POURTOUS ! #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN Guest : Valérie Vincent-Genod, consultante UX Cbleu, collectif de designers d’expériences utilisateur
  • 2.
    2 L’AGENCE AGILE POUR CRÉERDES LIENS DURABLES І Les contenus relationnels І Le digital І L’activation commerciale #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 3.
    3 LA 5E MATINALELE 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 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 DESIGN D'EXPÉRIENCE UTILISATEUR POURTOUS ! І 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.
  • 7.
  • 8.
    L’Expérience est subjective #LAMATINALELEFIL@AGENCE_LEFIL @CBLEU_DESIGN ©http://www.adaptivepath.com/
  • 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.
    L’Expérience utilisateur :contexte, parcours, usage #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN © visuel Attoma http://http://www.attoma.eu/fr//
  • 11.
    U : user utilisateur #LAMATINALELEFIL@AGENCE_LEFIL @CBLEU_DESIGN
  • 12.
    USER « Le designd’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.
    Designer POUR l’utilisateur Ondé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.
  • 15.
    Du latin designare «marquer d’un signe, dessiner, indiquer » = dessein / dessin #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 16.
    LE DESIGN, CE N’ESTPAS 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.
    Un beau designVS une expérience utilisateur réussie #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 18.
    LE DESIGN, C’EST RESOUDREDES 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.
    L’UX Design estune approche méthodologique, un processus #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 20.
    [C’est] un designqui se vit, qui s’éprouve, s’expérimente. Stéphane Vial (Court traité du design) #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 21.
    D: design… Designer unproduit c’est designer une relation #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 22.
  • 23.
  • 24.
    2. méthodologie etentreprise agile #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 25.
    un designer, unevision vision fonctionnelle des Ingénieurs méthodologie centrée utilisateur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN VERSUS
  • 26.
  • 27.
    L’Ux Designer moteur,mais pas seul ©IllustrationAnnieWang #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  • 28.
    • Dans l’UxDc’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.
    Un processus itératif #LAMATINALELEFIL@AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  • 30.
    Objectif : améliorerprogressivement le produit #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©IllustrationAnnieWang
  • 31.
    DESIGN Thinking etl’intelligence collective Pensée divergente Pensée convergente Principes de design #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 32.
  • 33.
    Préalable : bienconnaître ses utilisateurs #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN ©http://www.adaptivepath.com
  • 34.
    Construire ses archétypesou “personas” : qu’ai- je besoin de savoir ? Qui sont mes utilisateurs ?
  • 35.
    S’appuyer sur desarchétypes ou “personas” pour designer l’expérience utilisateur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 36.
    CARTOGRAPHIER L’EXPERIENCE UTILISATEURET SES PARCOURS #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN © http://www.mappingexperiences.com
  • 37.
  • 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.
    Analyser le contexted’usage #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 40.
  • 41.
  • 42.
    L’affordance pour fairesens #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 43.
    5. Tester, tester,tester : Un outil-clé au service de l’amélioration de l’expérience #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 44.
  • 45.
    Designer l’expérience :un compromis permanent entre business et besoins utilisateurs
  • 46.
    3. Un levierau service de la performance ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 47.
    47 Cbleu design d’expériencesdigitales 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.
    Un bon designd’expérience utilisateur = un outil marketing au service du business
  • 49.
  • 50.
    • Amazon :le bouton qui valait • 300,000,000 $ REGISTER #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 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.
  • 53.
  • 54.
    Airbnb “se sentir chezsoi 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.
    Une bonne expérienceutilisateur : un client prescripteur #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 56.
    Et vous, c’estquoi votre dernière expérience utilisateur réussie ? #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN
  • 57.
    57 Merci de votreattention! #LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN