Talk 1 : j'avoue j'ai triché Anne Pedro Découvrez les étapes clés d'un processus de design UX et un retour d'expérience sur ce qui fonctionne et fonctionne moins bien lorsqu'on saute des étapes. Talk 2 : Le défi du design thinking chez Air France KLM Simon Le Gué Retrouvez le retour d'expérience de Simon Le Gué lors de sa mission en tant qu'UX design chez Air France KLM.

1. Meetup Star d’UX Bordeaux
EN UXMMERSION
Qualité - Pragmatisme - Partage

2. Agence conseil en
création d’expériences
+100 Collaborateurs
passionnés et passionnants
Paris - Bordeaux - Aix / Marseille
+7 Millions d’Euros
Chiffre d’affaire
En 2017
Années d’existence
Depuis 2013
+ 1 Centre de Formations Digitales
Centre de formation agréé
training.ux-republic.com
+ 1 centre d’excellence
technologique
IoT - JS - Java - PHP - iOS - Android
ux-technologies.com
EN CHIFFRES
5
Un leader indépendant : Avec une palette
d’expertises couvrant l’ensemble des pans d’une
expérience réussie, du design de service à la mise à
disposition d’un prototype interactif fonctionnel en
passant par la recherche utilisateur.
Mais également un écosystème ultra-performant
© UX-REPUBLIC 2018 - All right reserved
Qui sommes nous ?

3. MERCI
© UX-REPUBLIC 2018 - All right reserved

4. Ok, j’avoue
J’ai triché !
© UX-REPUBLIC 2018 - All right reserved

5. Designer
Consultante en
Expérience Utilisateur
Spécialisée en B2E

6. Projet
X
© UX-REPUBLIC 2018 - All right reserved

7. Webapp B2E de recherche et gestion de
molécules chimiques.
BioSar
Catalogue de
molécules
© UX-REPUBLIC 2018 - All right reserved

8. 1PLANNING
X Entretiens
parties prenantes

9. ● En quoi consiste le produit ? A quoi sert-il ? A quels
besoins utilisateurs répond-il ?
● Qui sont les utilisateurs cibles ? Y-a-t-il différents
groupes d’utilisateurs ? Quelle est leur activité ?
Pourquoi utiliseront-ils le système et dans quel
contexte ?
● Quels sont les prérequis de l’entreprise et des diverses
parties prenantes ?
● Quelles sont les contraintes techniques ? budgétaires
? temporelles ?
● Quels sont les critères de succès ?
BioSar
ENTRETIEN DES PARTIES PRENANTES (BA - UX)
© UX-REPUBLIC 2018 - All right reserved
● Comment le système va-t-il être utilisé ? Quel est le
parcours de l’utilisateur ? Quels sont les scénarios
d’usage typiques ?
● Quelles fonctionnalités clés sont nécessaires pour
soutenir les besoins utilisateur ?
● Quels sont les obj en termes d’UX ? Quelle est
l’expérience qui doit être véhiculée ? Quels sont les
objectifs au niveau de l’utilisabilité du produit ?
● Existe-t-il des systèmes concurrents ? Qu’est-ce qui
différenciera ce produit des autres ?
● Des idées ou solutions de conceptions préliminaires
ont-elle déjà été proposées ?

10. BioSar
ENTRETIEN DES PARTIES PRENANTES (BA - UX)
© UX-REPUBLIC 2018 - All right reserved

11. 1PLANNING
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

12. 1 2
PLANNING
RECHERCHE
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

13. 1 2 3
PLANNING
RECHERCHE
HYPOTHÈSES
DE BASE
√ Proto) persona√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

14. PROTOPERSONA
-PERSONA
3

15. BioSar
PERSONAS - AE (BA - UX)
© UX-REPUBLIC 2018 - All right reserved

16. 1 2 3
PLANNING
RECHERCHE
HYPOTHÈSES
DE BASE
√ Proto) persona
√ Parcours
utilisateurs
X Experience Map
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

17. EXPERIENCE
MAP
3

18. 1 2 3
PLANNING
RECHERCHE
HYPOTHÈSES
DE BASE
√ Proto) persona
√ Parcours
utilisateurs
X Experience Map
√ Story Mapping,
jobs to be done...
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

19. STORY
MAPPING
3

20. 1 2 3 4PLANNING RECHERCHE DÉFINITION RÉALISATION
√ 6 to 1, Crazy 8...
√ Sketchs
√ Wireframes
X Tri de carte
√ User Flows
√ Site Maps
√ Maquettes
graphiques
X Styleguides,
UI kit,
design systems
√ Proto) persona
√ Parcours
utilisateurs
X Experience Map
√ Story Mapping,
jobs to be done...
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark
√ Prototypes

21. SKETCH,
WIREFRAME,
MAQUETTE
4

22. SITEMAP
USERFLOW
4 4

23. DESIGNSYSTEM
4

24. 1 2 3 4PLANNING RECHERCHE DÉFINITION RÉALISATION
√ 6 to 1, Crazy 8...
√ Sketchs
√ Wireframes
X Tri de carte
√ User Flows
√ Site Maps
√ Maquettes
graphiques
X Styleguides,
UI kit,
design systems
√ Proto) persona
√ Parcours
utilisateurs
X Experience Map
√ Story Mapping,
jobs to be done...
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark
√ Prototypes

25. BioSar
Proto
© UX-REPUBLIC 2018 - All right reserved

26. 1 2 3 4PLANNING RECHERCHE DÉFINITION RÉALISATION
6TESTS
X Guerilla Test
√ Test “do it
yourself”
X Lab
X A/B Test
√ 6 to 1, Crazy 8...
√ Sketchs
√ Wireframes
X Tri de carte
√ User Flows
√ Prototypes
√ Site Maps
√ Maquettes
graphiques
X Styleguides,
UI kit,
design systems
√ Proto) persona
√ Parcours
utilisateurs
X Experience Map
√ Story Mapping,
jobs to be done...
√ Documentation
(intranet,
analytics…)
X Shadowing
X Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
√ Analyse du brief
√ Revue de
l’existant
√ Benchmark

27. TA
TEAM
© UX-REPUBLIC 2018 - All right reserved

28. Webapp B2E de revue et notation
de vidéos générées par le
grand public.
TaTeam
Revue
Video
© UX-REPUBLIC 2018 - All right reserved

29. 1 2 3 4PLANNING RECHERCHE DÉFINITION RÉALISATION
6TESTS
X Guerilla Test
√ Test “do it
yourself”
X Lab
X A/B Test
X 6 to 1, Crazy 8...
X Sketchs
X Wireframes
X Tri de carte
X User Flows
X Prototypes
X Site Maps
√ Maquettes
graphiques
X Styleguides,
UI kit,
design systems
X Proto) persona
X Parcours
utilisateurs
X Experience Map
X Story Mapping,
jobs to be done...
X Documentation
(intranet,
analytics…)
√ Shadowing
√ Entretiens
utilisateurs, focus
groups
X Enquêtes
X Entretiens
parties prenantes
X Analyse du brief
√ Revue de
l’existant
X Benchmark

30. Propensity
TO WIN
© UX-REPUBLIC 2018 - All right reserved

31. Webapp d’aide à la décision. Dont-on répondre
à un appel d’offre ou non ?
PTW
Analyse de
briefs clients
© UX-REPUBLIC 2018 - All right reserved

32. 1 2 3 4
CADRAGE
RECHERCHE
SECONDAIRE ET
UTILISATEURS AMONT DÉFINITION RÉALISATION
6
TESTS
√ Guerilla Test
√ Test “do it
yourself” (Steve
Krug)
√ En lab
√ A/B Test
√ 6 to 1, Crazy 8...
√ Sketchs
√ Wireframes
√ Tri de carte
√ User Flows
√ Prototypes
√ Site Map
√ Maquettes
graphiques
√ Styleguides,
UI kit,
design system
√ (Proto) persona
√ Parcours
utilisateurs
√ Experience
Map
√ Story Mapping,
jobs to be done...
√ Documentation
(intranet,
analytics…)
√ Shadowing
√ Entretiens
utilisateurs
√ Focus groups
√ Enquêtes
√ Analyse du brief
√ Wam-Up
√ Revue de
l’existant
√ Benchmark
√ Entretiens
parties prenantes

33. MERCI
© UX-REPUBLIC 2018 - All right reserved
DES QUESTIONS ?

34. Consultant en
Expérience Utilisateur
@UX Republic
J’ai travaillé avec :
“Le meilleur moyen d’apprendre à
apprendre, c’est encore d’apprendre”
Simon LE GUÉ PRUAL
©CopyrightUX-Republic2018-blog.ux-republic.com

35. 35
UX REPUBLIC.
www.ux-republic.com
Simon Le Gué
Consultant chez UX Republic
Actuellement en mission chez
Air France KLM
LE DÉFI DU
DESIGN THINKING
CHEZ AIR FRANCE KLM

36. 36
UX REPUBLIC.
www.ux-republic.com
INTRODUCTION.
Comment installer et conduire la
méthode quand vous êtes le seul pilote
dans l'avion d'une grande entreprise.

37. 37
UX REPUBLIC.
www.ux-republic.com
Le Design Thinking est
une méthode qui
permet aux designers
d’imaginer des solutions
désirables à des
problèmes complexes.
ÉTAPES
Empathie
Définition
Idéation
Prototypage
Test & implémentation

38. 38
UX REPUBLIC.
www.ux-republic.com
#12#510
Il est souvent considéré comme
un outil exclusif pour les designers
et autres profils créatifs, la plupart
du temps représenté comme
un mur de post-it.
ET il n’y a rien de plus faux.

39. 39
UX REPUBLIC.
www.ux-republic.com
LA DEMANDE.
La demande est claire (c’est déjà ça).
Refondre le portail RH de Air France pour les
salariés Air France et les managers “Joint”

40. 40
UX REPUBLIC.
www.ux-republic.com
SACRÉ
CHANTIER,
MAIS BEAU
CHALLENGE
Challenge double car en même temps que refondre un produit vous devez
aussi évangéliser les équipes pour les emmener avec vous et éviter de futur
conflits. Ils doivent être convaincu par la méthode !

41. 41
UX REPUBLIC.
www.ux-republic.com
SIMON,
L’OUTIL N’EST PAS
L’OEUVRE.
Gilles Gateau - Ancien Directeur Générale aux Ressources
Humaines

42. 42
UX REPUBLIC.
www.ux-republic.com
76 % D’INSATISFAITS
Du portail RH actuel

43. 43
UX REPUBLIC.
www.ux-republic.com
EN FAIT
LE PORTAIL SAP D’AIR
FRANCE C’EST DU
KETCHUP HEINZ
dans sa bouteille en verre : un très bon produit avec du goût qui accompagne
beaucoup de plat mais avec une expérience désastreuse.
KIND REMINDER

44. 44
UX REPUBLIC.
www.ux-republic.com
LE TON EST DONNÉ.
Il ne faut pas seulement refondre le portail,
il faut aussi réconcilier le collaborateur Air
France avec ses outils RH.

45. 45
UX REPUBLIC.
www.ux-republic.com
LE DESIGN
THINKING
C’EST COMME
UN BON CHILI
Chacun le fait à sa sauce mais il ne faut pas oublier les fondamentaux.
Ce que je vais vous proposer c’est mon assaisonnement pour Air France. A vous
de trouver le votre, quitte à se brûler légèrement la langue au début.
KIND REMINDER

46. 46
UX REPUBLIC.
www.ux-republic.com
EMPATHIE.
#01
Le défi Design Thinking chez Air France
KLM
Partager les réalités de
vos futurs utilisateurs

47. 47
UX REPUBLIC.
www.ux-republic.com
POUR RAPPEL.
L’empathie, c’est la capacité pour un être
humain à voir et à ressentir à travers les yeux
d’un autre être humain.

48. 48
UX REPUBLIC.
www.ux-republic.com
Une connaissance
profonde des problèmes
et des réalités des
personnes pour qui vous
concevez.
Tim Brown
Actuel PDG et fondateur de
IDEO

49. 49
UX REPUBLIC.
www.ux-republic.com
MAIS
COMMENT LA DÉVELOPPER
EN ENTREPRISE ?
Sans chiffres dans une société qui emploi 12 000 personnes à l’international

50. 50
UX REPUBLIC.
www.ux-republic.com
UNE POOL DE
BÊTA TESTEURS.
a qui je demande d’être intéressé, disponible, capable de se libérer
au moins 3 heures par mois pendant 6 mois. Nous avons un vrai
contrat.
le lendemain de ma prise de mission, je décide de créer

51. 51
UX REPUBLIC.
www.ux-republic.com
MAIS OÙ LES TROUVER ?
Mais ma matière première était là, à la
machine à café, dans les bureaux, à la
cantine. Les collaborateurs sont à disposition
et c’est une chance.

52. 52
UX REPUBLIC.
www.ux-republic.com
Ils sont au nombre de 10 et
représente la cosmogonie
Air France
Des managers,
des salariés,
des jeunes,
des plus senior,
6 mois de maison
comme 33 ans,
digital addict
ou tout l’inverse.
Bonjour les early birds

53. 53
UX REPUBLIC.
www.ux-republic.com
2 SEMAINESd’interviews, d’échanges, de
rencontres, de rires, de découvertes.

54. 54
UX REPUBLIC.
www.ux-republic.com
L’HEURE DU CONSTAT.
Des utilisateurs peu ou pas loyaux à leur portail faisant des infidélités en tenant
eux même des documents pour éviter de s’y rendre.
Le chantier principale a adressé : la pose de congés. Règles incompréhensibles, 160
types de congés différents, messages d’erreur se rapprochant plus du hiéroglyphe
qu’autre chose, etc.

55. 55
UX REPUBLIC.
www.ux-republic.com
TRÈS BIEN,
LE M.V.P. PORTERA
LÀ DESSUS
MVP KÉZAKO ? MINIMAL VALUABLE PRODUCT

56. 56
UX REPUBLIC.
www.ux-republic.com
DÉFINITION.
#02
Le défi Design Thinking chez Air France
KLM
Converger vers
de la valeur

57. 57
UX REPUBLIC.
www.ux-republic.com
POUR RAPPEL.
La définition, c’est la capacité à converger
vers un public et une proposition de valeurs

58. 58
UX REPUBLIC.
www.ux-republic.com
SOUVENONS
DU FUTUR.
L’exercice permet donc d’établir un point de référence dans le temps,
de donner du contexte et de concrétiser davantage les choses. Le futur
devient Aujourd’hui ; ça tombe bien car l’enjeu des techniques UX,
quand il s’agit d’échanger sur les usages avec les clients et utilisateurs,
est avant tout de rechercher le présent.

60. 60
UX REPUBLIC.
www.ux-republic.com
IDÉATION.
#03
Le défi Design Thinking chez Air France
KLM
Allons voir un peu plus
loin que ce que nous
savons

61. 61
UX REPUBLIC.
www.ux-republic.com
POUR RAPPEL.
L’idéation, c’est la capacité à délaisser les
évidence pour aller voir plus loin.

62. 62
UX REPUBLIC.
www.ux-republic.com
Pour dégager des fonctionnalités, avec
l’ensemble des infos que nous avions récolté
dans les étapes précédentes et les premiers
indices donner par l’atelier rétro futuriste, par
pragmatisme j’ai décidé de partir sur des
simples sessions de brainstorming.
Simple oui, mais organisé.

63. 63
UX REPUBLIC.
www.ux-republic.com
SUPER SIMON, MAIS
C’EST QUOI UN BON
BRAINSTORMING ?
Bah un bon brainstorming, il voit une idée, il la colle. Le mauvais brainstorming, il voit une bonne idée il … il l’a colle.

64. 64
UX REPUBLIC.
www.ux-republic.com
La recette
du bon brainstorming
Les brainstormings chez Air France c’était ; un brief exposé et
clair, des règles affichés et rappelé en chaque début de session
(quitte à être scolaire) et en fin de d’atelier, un passage à la
moulinette MoSCoW, dont les critères sont construit de façon
collégiale et en session par l’équipe, de la centaine d’idée
dégager.

65. 65
UX REPUBLIC.
www.ux-republic.com
PROTOTYPAGE.
#04
Le défi Design Thinking chez Air France
KLM

66. 66
UX REPUBLIC.
www.ux-republic.com
POUR RAPPEL.
Le prototypage, c’est la capacité à mettre
en forme ces fonctionnalités de façon plus
ou moins fidèle dans le but d’obtenir des
retours.

67. 67
UX REPUBLIC.
www.ux-republic.com
SIX TO ONE
Objectif
Générer, développer, affiner et choisir des idées
Principes
Commencer pas 6 écrans en 10/15 min : le Six Up
Chacun des participants pitche ses propositions
Il prend en compte les remarques et les bonnes idées
Il les synthétise sur un seul écran : le One Up
L’ensemble des participant vote en silence (dot voting)

68. 68
UX REPUBLIC.
www.ux-republic.com
MAIS
JE NE SAIS PAS
DESSINER MOI :’(
Vous rencontrerez forcément ces remarques lors de vos ateliers.

69. 69
UX REPUBLIC.
www.ux-republic.com

70. 70
UX REPUBLIC.
www.ux-republic.com
LE PERFECTION
GAME.
Très simple à mettre en place, il suffit d’exposer l’écran à des
participants (réduisez le nombre par session ⅔ personnes max) et de
leur demander de noter l’écran. 7/10 représentant 3 bonnes raisons
d’améliorer l’écran. Le but est d’identifier tout les micro chantier
pour que cet écran reçoive un 10/10
Le petit truc en plus

71. 71
UX REPUBLIC.
www.ux-republic.com
TEST.
#05
Le défi Design Thinking chez Air France
KLM
Partager les réalités de
vos futurs utilisateurs

72. 72
UX REPUBLIC.
www.ux-republic.com
NOUS SOMMES EN
PLEIN DEDANS !
Mais je veux partager avec vous les techniques que je vais utiliser dans les jours qui suivent

73. 73
UX REPUBLIC.
www.ux-republic.com

74. 74
UX REPUBLIC.
www.ux-republic.com
ET LE RÉSULTAT.
#ENNEUFMOIS
Le défi Design Thinking chez Air France
KLM
Un beau bébé

75. 75
UX REPUBLIC.
www.ux-republic.com

76. 76
UX REPUBLIC.
www.ux-republic.com
A EMPORTER S.V.P.
#TAKEAWAY
Le défi Design Thinking chez Air France
KLM
je vous emballe ça

77. 77
UX REPUBLIC.
www.ux-republic.com
● Partager.
Tout, tout le temps. Les réussites comme les défaites, les aveux d’échec
comme les fiertés, les petites verbatims comme les grandes découvertes.
● Expliquer.
Avant chaque atelier, avant chaque début de phase, réunissez votre
équipe et expliqué leurs les tenants et les aboutissants de chaques ateliers
ou méthode de recherche. Rappelez vous, le Design Thinking sera la
plupart du temps nouveau là ou vous interviendrez.
● Célébrer.
Les petites victoires sont importante et apporte du tangible, donc n’hésitez
pas à communiquer sur ces réussites et les fêter (petit dej, petit mail, petite
mousse)

78. 78
UX REPUBLIC.
www.ux-republic.com
MERCI
BORDEAUX !

79. MERCI
© UX-REPUBLIC 2018 - All right reserved