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

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

© h

ttp://

ww

w.ad

aptiv

epat

h.co

m/

#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

© Il

lust

ratio

n An

nie

Wan

g

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© Ill

ustra

tion

Anni

e W

ang

• 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

© Illustration Annie W

ang

Objectif : améliorer progressivement le produit

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© Illustration Annie W

ang

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://w

ww

.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

© h

ttp://

http

://w

ww.

test

apic

.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

49 http://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 anne ́e

#LAMATINALELEFIL @AGENCE_LEFIL @CBLEU_DESIGN

© http://w

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