flupa ux-days 2016 - "a l'aide mes clients sont allergiques aux post-its !" par...

A l’aide mes clients sont allergiques aux post-its !

Corinne LEULIER @UXely - Nadège BIDE @nanaparciKLEE GROUP

FLUPA UX DAY - 17 JUIN 20161

Prop

riété

de

Kle

e G

roup

| R

epro

duct

ion

inte

rdite

san

s au

toris

atio

n

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

45 min ensemble pour

prendre du reculet

échanger!

Contexte | Acte I : L’atelier | Acte II : Le retour | Acte III - Epilogue | Conclusion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Au programmeContexte

Acte I : L’atelier

Acte II : Le retour

Acte III - Epilogue

Conclusion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Qui sommes nous ? KLEE GROUPESN de 450 personnes, 30 ans d’âge

3 métiers : conseil / édition de logiciels / conception de SI

Des clients du privé et du secteur public

Une Direction UX transversale

Un programme interne, FOCUS


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionConcrètement, que

faisons-nous ? Des applications Métier modernes pour :

● fluidifier la navigation● présenter la bonne info au

bon moment● booster la valeur pour les

utilisateurs

Passer de ceci

à cela


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© K

leeg

roup

© G

eose

rvic

es

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Acte I : Scène de l’atelier de

maquettage


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionimaginez que tous ces gens sont dans la même pièce !

le cartésien

consciencieux

le dominant

l’imaginatif

le coopératif


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© L

es m

inio

ns -

Pie

rre

Cof

fin

© D

ream

wor

ks©

Sta

rtrec

kµ.c

om

© M

arve

l

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionPIRE imaginez que vous avez plusieurs exemplaires de chacun d’

entre eux !

le cartésien

consciencieux

le dominant

l’imaginatif

le coopératif


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© L

es m

inio

ns -

Pie

rre

Cof

fin

© D

ream

wor

ks

© S

tartr

eckµ

.com

© M

arve

l

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionc’est un atelier “client impossible” !..

8 personnes conviées initialement mais 16 participants finalement !

:-( :-( :-(

1 salle de réunion austère en “U”

20 sièges espacés

pas de paperboard ou de tableau…

Contexte de projet difficile avec un besoin de concrétisation rapide

Des parties prenantes ou utilisateurs qui ne se connaissent pas… et avec des intérêts différents

10

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pas de fenêtre pour s’échapper !


© im

g.ph

otob

ucke

t.com

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionLE DRAME N’EST PAS LOIN...

L’atelier était pourtant bien préparé !

Les post-its déballés…

Les slides prêts à être dégainés !

Mais là on entend...

11

ça ne fait pas assez serieux !

j’ai passé l'âge de faire des petits dessins !

Je ne suis pas venu là pour m’amuser avec des post-its !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© D

R

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Objectif : sauver l’atelier,collecter suffisamment d’ information pour revenir en force la fois prochaine

12

IL FAUT REVOIR LE SCÉNARIO→ Improvisation


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© im

g.ph

otob

ucke

t.com

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Quelques conclusions :

Ne pas se contenter des outils Adapter les outils comme on adapte l’interface utilisateur

C’est la même démarche d’empathie quand on doit adapter un atelier aux participants…

13

On rentre chez Klee...


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

“soyons pragmatiques” qu’avons nous à disposition ?...”


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© D

R

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Nous sommes riches !


Prop

riété

de

Kle

e G

roup

| R

epro

duct

ion

inte

rdite

san

s au

toris

atio

n

© F

ilm G

atsb

y le

Mgn

ifiqu

e - 2

013

- Baz

mar

k Fi

lms

Red

Wag

on P

rodu

ctio

ns

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

...

Il existe déjà des

méthodes qui ont

fait leurs preuves !

recherche utilisateur

design thinking

gamestorming…


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

17

les outils les + simples sont souvent les +forts…ET GAgNENT à être adaptés !

par exemple le Speedboat


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© Alexandra Backalova pour Klee Group

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

hier aujourd’hui demain

18



Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© Alexandra Backalova pour Klee Group

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

… peut devenir une Speedcar

19



Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© Paulo Caroli

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

musclons nos outils !Contexte | Acte I : L’atelier | Acte II : Le retour | Acte III - Epilogue | Conclusion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© DR

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Revenons à l’essentiel On est tous des êtres humains…Dans un atelier, comme dans la vraie vie...


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Il faut être au moins 2 pour communiquer


Prop

riété

de

Kle

e G

roup

| R

epro

duct

ion

inte

rdite

san

s au

toris

atio

n

©Ca

nal +

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion1 EMETTEUR 1 RECEPTEUR


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© DR

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

CANAux- image- son- texte

CODES

filtresbruit bruit

message

feedback

1 EMETTEUR 1 RECEPTEUR


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Communiquer ce n’est pas discuter…

comment faire pour que le message passe ?


Prop

riété

de

Kle

e G

roup

| R

epro

duct

ion

inte

rdite

san

s au

toris

atio

n

©Ca

nal +

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

EXERCICEPOUR TOUS !

Croisez les bras


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

EXERCICEPOUR TOUS !Maintenant…

croisez les bras dans l’autre sens !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

EXERCICEPOUR TOUS !

Vous avez

une préférence ?

C’est normal !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

NOUS sommes tous différents et avons tous des préférences

naturelles !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

©1971-2011 - THOP

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Notre façon d’appréhender le monde

… entraîne des perceptions du monde

différentes !30Contexte | Acte I : L’atelier | Acte II : Le retour | Acte III - Epilogue | Conclusion

Prop

riété

de

Kle

e G

roup

| R

epro

duct

ion

inte

rdite

san

s au

toris

atio

n

©2D/3D LED lamps/Studio Cheha’s

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Introversion

Raison

Émotion

Extraversion

PerformanceCritère : résultat

ExcellenceCritère : qualité

CohésionCritère : cohésion sociale

ExpérienceCritère : agilité

… influencent notre façon de communiquernos préférences naturelles

31

Monde = Machine

Expertise Métier, Processus...

Monde = Jungle

Pouvoir, Challenger...

Monde = Famille

Appartenance, Collectif, Faciliter, Fédérer...

Monde = Terrain de jeu

Plaisir, Imaginer...


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionLES CLIENTS SONT DES UTILISATEURS COMME LES AUTRES (DE nOS OUTILS) !

Ce qu’on a observé pendant l’atelier :

Ils sont peu enclins à coopérer (directions différentes)

➔ Rassembler / faire échanger : encourager la participation de tous les acteurs pour atteindre un objectif commun

Ils restent sur “du vague” (“généralement…”)

➔ Collecter de l’information réelle : partager des retours d’expérience, des connaissances, du vécu

Ils pensent avoir chacun des besoins uniques

➔ Trouver des solutions mutualisées : les aider à converger


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

© K

lee

Gro

up

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Modèles de pages

Modèlesde blocs

33

Notre réponse… des cartes !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

©Klee

group,

creative

commons 3.0

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Introversion

Raison

Émotion

Extraversion

PerformanceCritère : résultat

ExcellenceCritère : qualité

CohésionCritère : cohésion sociale

ExpérienceCritère : agilité

en quoi ces cartes repondent a notre problematique ?

34

Donne un cadre Concrétise rapidement

Permet de fédérer C’est ludique


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Acte II : le retour !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

En groupe hétérogène (mix directions métier, sexe, age...), repartir d’un profil et de ses objectifs

Par objectif, les utilisateurs sélectionnent les pages pertinentes dont les utilisateurs auront besoin

→ parcours

1ere étape

phot

os © Kle

e gr

oup

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

phot

os © Kle

e gr

oup

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

2eme étapePour les pages sélectionnées, détailler les informations, actions et blocs nécessaires

Debriefing groupe par groupe

→ ZONAGE

39Le Déclencheur | L’Etat des lieux | L’interaction | Le MBTI | Les Ateliers | Tadaaaaaa ! | REX | Conclusion

tem

plat

es ©Kl

ee g

roup,

creative

commons 3.0

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Dans chaque zone, définir le type de contenant (bloc) et le type de contenu


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

phot

os © Kle

e gr

oup

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion...et nos clients sont contents !


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

©si

mply

wallpape

rs.site

DR

DR

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Acte III : EpilogueLes règles du jeu


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

43

A quel moment utiliser les cartes ?

En cadrage ou en début de projet

1. Recherche utilisateur2. Concepts clés de l’

application3. Fiches Proto-Persona

(types d’utilisateurs)4. Maquettage5. Prototypage

SE DEMANDER


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Qu’est-ce qui varie ?

se reposer les questions de base pour adapter les outils

44

Les caractéristiques du client ?

L’objectif de l’atelier ?

Les caractéristiques des participants à l’atelier ?

Leur nombre ?

SE DEMANDER


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Les Bénéfices qu’on en retire...

● SE PROJETER plus facilement et se FAMILIARISER avec la future interface

● LIBÉRER sa créativité de façon cadrée et CONVERGER

● S’EXPRIMER même si on est timide, même sans dessiner

● ARRIVER à COLLABORER avec les autres services/ utilisateurs/...

45

Coté client : donner l’envie (d’avoir envie…)Et donc pour les utilisateurs :


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Les Bénéfices qu’on en retire

46

En interne :avoir à sa disposition un OBJET CONCRET & tangible, un OUTIL DE CONCEPTION COMMUN à tous

→ outil de COMMUNICATION et d'EVANGELISATION

avoir un outil qui s’adapte à TOUT CONTEXTE, TOUT PUBLIC

… ADAPTABLE


Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

en bref…prenez de la hauteur !


© Kle

in-H

uber

t/Ki

mbal

lSto

ck

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ionUtilisons R.EX. !

“Retours d’EXperience et partage”Plus d’info ?Envie /besoin de tester ? ou

des idées ?

des suggestions ?

des problématiques d’atelier

conception à résoudre ?

48

REX Community Groupe LinkedIn :http://www.linkedin.com/groups/8539911

S’inscrire à notre newsletter

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion


https://www.linkedin.com/groups/8539911



Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

ET… RDV au STAND


© Ann

abelle

Giard

/ Nadè

ge B

ide /K

LEE

GROU

P

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

50

ET… RDV au STAND


© Ann

abel

le G

iard

/ Nadè

ge B

ide /K

LEE

GROU

P

Pro

prié

té d

e K

lee

Gro

up |

Rep

rodu

ctio

n in

terd

ite s

ans

auto

risat

ion

BibliographieIntroduction aux Types Psychologiques par Isabelle Briggs Myers

Introduction aux Types dans les Organisations par Sandra Krebs Hirsh et Jean M. Kummerow

Les types de personnalité de P. Cauvin et G. Cailloux

Ma Vie de C.G. Jung

Types psychologiques de C.G. Jung


flupa ux-days 2016 - "a l'aide mes clients sont allergiques aux post-its !" par...

Design