la matinale le fil : design experience utilisateur pour tous

57
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

Upload: le-fil

Post on 17-Jul-2015

796 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: La matinale le fil : Design experience utilisateur pour tous

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

Page 2: La matinale le fil : Design experience utilisateur pour tous

2

L’AGENCE AGILE POUR CRÉER DES LIENS DURABLES

І Les contenus relationnels

І Le digital

І L’activation commerciale

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 3: La matinale le fil : Design experience utilisateur pour tous

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

Page 4: La matinale le fil : Design experience utilisateur pour tous

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

Présentateur
Commentaires de présentation
Fondatrice de Cbleu, agence de design centré utilisateurs Existe de puis 13 ans Me suis entourée d’ux senior Enseignante UX à l’école des Gobelins depuis 10 ans
Page 5: La matinale le fil : Design experience utilisateur pour tous

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

Présentateur
Commentaires de présentation
Retour sur les def Comprendre comment l’outil peut être au service des perfs de l’entreprise Comment on implante la méthode en entreprise
Page 6: La matinale le fil : Design experience utilisateur pour tous

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

User Experience Design ? UXD

Page 7: La matinale le fil : Design experience utilisateur pour tous

X : expérience

Page 8: La matinale le fil : Design experience utilisateur pour tous

L’Expérience est subjective

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© h

ttp://

ww

w.ad

aptiv

epat

h.co

m/

Page 9: La matinale le fil : Design experience utilisateur pour tous

#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.

Page 10: La matinale le fil : Design experience utilisateur pour tous

L’Expérience utilisateur : contexte, parcours, usage

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© visuel Attoma http://http://www.attoma.eu/fr//

Présentateur
Commentaires de présentation
L’utilisateur c’est vous ! Vous connaissez tous ces situations du quotidien où vous avez été bloqué…
Page 11: La matinale le fil : Design experience utilisateur pour tous

U : user utilisateur

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 12: La matinale le fil : Design experience utilisateur pour tous

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

Page 13: La matinale le fil : Design experience utilisateur pour tous

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

Présentateur
Commentaires de présentation
Page 14: La matinale le fil : Design experience utilisateur pour tous

D: design ?

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 15: La matinale le fil : Design experience utilisateur pour tous

Du latin designare « marquer d’un signe, dessiner, indiquer » = dessein / dessin

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 16: La matinale le fil : Design experience utilisateur pour tous

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

Page 17: La matinale le fil : Design experience utilisateur pour tous

Un beau design VS une expérience utilisateur réussie

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 18: La matinale le fil : Design experience utilisateur pour tous

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

Page 19: La matinale le fil : Design experience utilisateur pour tous

L’UX Design est une approche méthodologique, un processus

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 20: La matinale le fil : Design experience utilisateur pour tous

[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

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 21: La matinale le fil : Design experience utilisateur pour tous

D: design… Designer un produit c’est designer une relation

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 22: La matinale le fil : Design experience utilisateur pour tous

Processus itératif

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 23: La matinale le fil : Design experience utilisateur pour tous

Méthodologique et entreprise agile

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 24: La matinale le fil : Design experience utilisateur pour tous

2. méthodologie et entreprise agile

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 25: La matinale le fil : Design experience utilisateur pour tous

un designer, une vision vision fonctionnelle des Ingénieurs

méthodologie centrée utilisateur

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

VERSUS

Page 26: La matinale le fil : Design experience utilisateur pour tous

Décloisonner, partager, travailler en mode projet…

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 27: La matinale le fil : Design experience utilisateur pour tous

L’Ux Designer moteur, mais pas seul

© Il

lust

ratio

n An

nie

Wan

g

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© Ill

ustra

tion

Anni

e W

ang

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 28: La matinale le fil : Design experience utilisateur pour tous

• 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

Page 29: La matinale le fil : Design experience utilisateur pour tous

Un processus itératif

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© Illustration Annie W

ang

Page 30: La matinale le fil : Design experience utilisateur pour tous

Objectif : améliorer progressivement le produit

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© Illustration Annie W

ang

Page 31: La matinale le fil : Design experience utilisateur pour tous

DESIGN Thinking et l’intelligence collective

Pensée divergente

Pensée convergente Principes de design

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 32: La matinale le fil : Design experience utilisateur pour tous

Concevoir ensemble IDÉATION

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 33: La matinale le fil : Design experience utilisateur pour tous

Préalable : bien connaître ses utilisateurs

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© http://w

ww

.adaptivepath.com

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 34: La matinale le fil : Design experience utilisateur pour tous

Construire ses archétypes ou “personas” : qu’ai-je besoin de savoir ?

Qui sont mes utilisateurs ?

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 35: La matinale le fil : Design experience utilisateur pour tous

S’appuyer sur des archétypes ou “personas” pour designer l’expérience utilisateur

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
Page 36: La matinale le fil : Design experience utilisateur pour tous

CARTOGRAPHIER L’EXPERIENCE UTILISATEUR ET SES PARCOURS

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© http://www.mappingexperiences.com

Page 37: La matinale le fil : Design experience utilisateur pour tous

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 38: La matinale le fil : Design experience utilisateur pour tous

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

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 39: La matinale le fil : Design experience utilisateur pour tous

Analyser le contexte d’usage

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 40: La matinale le fil : Design experience utilisateur pour tous

Structurer

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 41: La matinale le fil : Design experience utilisateur pour tous

Hiérarchiser

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 42: La matinale le fil : Design experience utilisateur pour tous

L’affordance pour faire sens

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 43: La matinale le fil : Design experience utilisateur pour tous

5. Tester, tester, tester : Un outil-clé au service de l’amélioration de l’expérience

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 44: La matinale le fil : Design experience utilisateur pour tous

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© h

ttp://

http

://w

ww.

test

apic

.com

//

Page 45: La matinale le fil : Design experience utilisateur pour tous

Designer l’expérience : un compromis permanent entre business et besoins utilisateurs

Page 46: La matinale le fil : Design experience utilisateur pour tous

3. Un levier au service de la performance ?

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 47: La matinale le fil : Design experience utilisateur pour tous

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

Page 48: La matinale le fil : Design experience utilisateur pour tous

Un bon design d’expérience utilisateur = un outil marketing au service du business

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 49: La matinale le fil : Design experience utilisateur pour tous

49 http://www.watermarkconsult.net/blog/2013/04/02/the-watermark-consulting-2013-customer-experience-roi-study/

Etude Forester 2008,

Page 50: La matinale le fil : Design experience utilisateur pour tous

• Amazon : le bouton qui valait • 300,000,000 $

REGISTER

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 51: La matinale le fil : Design experience utilisateur pour tous

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 anne ́e

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 52: La matinale le fil : Design experience utilisateur pour tous

© http://w

ww.testapic.com

/

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 53: La matinale le fil : Design experience utilisateur pour tous

© http://www.testapic.com/

Présentateur
Commentaires de présentation
L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée
Page 54: La matinale le fil : Design experience utilisateur pour tous

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

Page 55: La matinale le fil : Design experience utilisateur pour tous

Une bonne expérience utilisateur : un client prescripteur

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 56: La matinale le fil : Design experience utilisateur pour tous

Et vous, c’est quoi votre dernière expérience utilisateur réussie ?

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

Page 57: La matinale le fil : Design experience utilisateur pour tous

57

Merci de votre attention!

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN