Dans ce retour d’expérience, je souhaite partager comment j’ai abandonné avec une facilité déconcertante mes outils de dev pour devenir UX Designer. Je raconterai les problématiques que j’ai rencontré pour m’intégrer dans une équipe de développement qui avait l’habitude de concevoir et de désigner des interfaces à la volée ; les compétences en storytelling que j’ai du développer très vite pour arriver à convaincre mes chefs, les clients et les développeurs qu’il fallait absolument m’écouter ; et toutes les autres facettes du métier que je n’avais pas anticipé. https://www.blendwebmix.com/programme/conferences/de-dev-a-lux-reconversion-dune-convertie/

1. De dev à l'UX
Rec r i d’un ve
Anne-Sophie Tranchet / @annso_

2. Ça, c’es , il 10 an

3. $ >
# Travaille sur Linux

4. $ >
# Travaille sur Linux
et la le à se s u
Win s u (pi ) su M

5. $ >
# Utilise exclusivement des
logiciels open-source

6. $ >
# Utilise exclusivement des
logiciels open-source
et la le à se s
qu i s de g i s p iéta

7. $ >
# Suit 40 heures de cours
d’informatique par semaine

8. $ >
# Passe en plus 15-20h par
semaine sur un projet open-source
Co c u D l a ♥

9. $ >
# Préfère les lignes de commandes
aux interfaces graphiques

10. $ >
# NERD ALERT !!

11. Mo , a j u ’hu

12. Travaille sur Mac

13. Utilise 23 outils SAAS
différents

14. Utilise 23 outils SAAS
différents
do zéro so l s

15. Ne code plus

16. Ne code plus
Pri p e n r e
n’ar pa à re r e
ra r i l e p a r
un [ o ne { su M

17. Passe ses journées
à faire des slides
et des réunions

18. Que s’est-il passé ?!

19. Que s’est-il passé ?!Comment en suis-je
arrivée là ?

20. Que s’est-il passé ?!Comment en suis-je
arrivé là ?
Ai-je aussi renié
mes parents et
ma patrie ?

21. Ten s ’éta r e
c on i n e b ....

22. 2008
Développeurs
Front End
Graphistes
Admin Sys
Développeurs
Back End
Gérant de
camping
Retraité

23. 2008
Développeurs
Front End
Graphistes
Admin Sys
Développeurs
Back End
Gérant de
camping
Retraité

24. 2010
Développeurs
Front End
Graphistes
Admin Sys
Développeurs
Back End
Gérant de
camping
Retraité

26. 2010

27. 2010
ERGONOMIE
DESIGN
UX

28. 2010
ERGONOMIE
DESIGN
UX
ACCESSIBILITÉ BONNESPRATIQUES
STANDARDS

29. Et e n ées s ...

30. DÉVELOPPEUSE
(et ère ’êt e)
2011

31. + DE CONFÉRENCES
to u s “mi s”
DÉVELOPPEUSE
(et ère ’êt e)
2013

32. + DE CONFÉRENCES
to u s “mi s”
DÉVELOPPEUSE
(et ère ’êt e)
2014
EN ENTRETIEN ANNUEL
“Pas céme déve p u à lo t .
Ava r s e t s, UX, p o t, er ?”

33. + DE CONFÉRENCES
to u s “mi s”
DÉVELOPPEUSE
(et ère ’êt e)
EN ENTRETIEN ANNUEL
“Pas céme déve p u à lo t .
Ava r s e t s, UX, p o t, er ?”
EN LIVRE DE CHEVET
2015

34. + DE CONFÉRENCES
to u s “mi s”
DÉVELOPPEUSE
(et ère ’êt e)
EN ENTRETIEN ANNUEL
“Pas céme déve p u à lo t .
Ava r s e t s, UX, p o t, er ?”
EN LIVRE DE CHEVET
2016
et r er s G o t le

35. Fin en ...

36. T’as 5 mi s, on
vo it r e ?
2017

38. La s i s i t ...

39. un y u
FAKE IT
MAKE IT

40. LEARN ABOUT IT
an t o n or t o
USE IT

41. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s

42. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s Liv

43. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s Liv
Com uté

44. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s Liv
Ve l
(New t ,
Twi r)
Com uté

45. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s Liv
Ve l
(New t ,
Twi r)
Bas éfére
Com uté

46. LEARN ABOUT IT
an t o n or t o
USE IT
Con ére s Liv
Ve l
(New t ,
Twi r)
Bas éfére
https://frama.link/ux-design-as
Com uté

47. “C’es i t uv u éti
a j e ?”

48. L’UX de n si à pe r on ir
se c /p o t e n ère à p o s a m e r
ex éri ut at os l .

49. se c /p o t
L’UX de n si à pe r on ir
se c /p o t e n ère à p o s a m e r
ex éri ut at os l .
???

50. se c /p o t
L’UX de n si à pe r on ir
se c /p o t e n ère à p o s a m e r
ex éri ut at po b .
???
???

51. Source : www.ia.net

52. Source : www.ia.net
Quoi ?
Fon n a tés
Comment ?
Es éti , ac s i té
Pourquoi ?
Mot i n , va s

53. DESIGNER
UX
Qu s i -je ?
Dev

54. UXERGONOMIE
ANALYSE
MÉTIER
COMMUNICATION
DOUCETECHNIQUE
ARCHITECTURE DE
L’INFORMATION
CONCEPTION DE
L’INTÉRACTION
CONCEPTION
VISUELLECONTENU
Compétences UX et modèle en T : https://frama.link/ux-design-raphael

55. Benchmark
Mesure de la
performance
(KPI)
Définition du
produit/service
Objectif
business/métier
Mission
Vision
Business
Modèle
État de l’art
Analyse des
usages
Test, audit et
méthodes de
mesure
Analyse des
données
Expérimentation
Conduite d’
études
Psychologie
cognitive
Brief UX
Recherche
utilisateur
Définition de
la promesse
Management
de la
conception UX
Stratégie UX
Recherche
Définition des
contenus
Production
des contenus
Gouvernance
Gestion des
contenus
Stratégie des
contenus
Recherche et
analyse des
données
Navigation
Classification
de l’information
Association
information
contenu
Gestion de
l’architecture
de l’information
Stratégie de
l’architecture
de l’information
Recherche et
analyse de
données
Wireframe
Interactions
Modèles
Guidelines de
l’interface
utilisateur
Stratégie de
support et
multisupport
Conception de
guidelines
Graphisme
Mise en page
Charte
graphique
Direction
artistique
Stratégie de
création
Recherche et
analyse de
données
Programmation
front-end
Qualité web
Conception de
base de
données
Programmation
serveur
Infrastructure
Architecture
système
Qualité des
livrables
UXERGONOMIE
ANALYSE
MÉTIER
COMMUNICATION
DOUCETECHNIQUE
ARCHITECTURE DE
L’INFORMATION
CONCEPTION DE
L’INTERACTION
CONCEPTION
VISUELLECONTENU
Présentation
orale
Travail en
équipe
Écoute active,
neutre et
bienveillante
Facilitateur
Formateur
Compétences UX et modèle en T : https://frama.link/ux-design-raphael

56. Benchmark
Mesure de la
performance
(KPI)
Définition du
produit/service
Objectif
business/métier
Mission
Vision
Business
Modèle
État de l’art
Analyse des
usages
Test, audit et
méthodes de
mesure
Analyse des
données
Expérimentation
Conduite d’
études
Psychologie
cognitive
Brief UX
Recherche
utilisateur
Définition de
la promesse
Management
de la
conception UX
Stratégie UX
Recherche
Définition des
contenus
Production
des contenus
Gouvernance
Gestion des
contenus
Stratégie des
contenus
Recherche et
analyse des
données
Navigation
Classification
de l’information
Association
information
contenu
Gestion de
l’architecture
de l’information
Stratégie de
l’architecture
de l’information
Recherche et
analyse de
données
Wireframe
Interactions
Modèles
Guidelines de
l’interface
utilisateur
Stratégie de
support et
multisupport
Conception de
guidelines
Graphisme
Mise en page
Charte
graphique
Direction
artistique
Stratégie de
création
Recherche et
analyse de
données
Programmation
front-end
Qualité web
Conception de
base de
données
Programmation
serveur
Infrastructure
Architecture
système
Qualité des
livrables
UXERGONOMIE
ANALYSE
MÉTIER
COMMUNICATION
DOUCETECHNIQUE
ARCHITECTURE DE
L’INFORMATION
CONCEPTION DE
L’INTERACTION
CONCEPTION
VISUELLECONTENU
Présentation
orale
Travail en
équipe
Écoute active,
neutre et
bienveillante
Facilitateur
Formateur
Compétences UX et modèle en T : https://frama.link/ux-design-raphael

57. Benchmark
Mesure de la
performance
(KPI)
Définition du
produit/service
Objectif
business/métier
Mission
Vision
Business
Modèle
État de l’art
Analyse des
usages
Test, audit et
méthodes de
mesure
Analyse des
données
Expérimentation
Conduite d’
études
Psychologie
cognitive
Brief UX
Recherche
utilisateur
Définition de
la promesse
Management
de la
conception UX
Stratégie UX
Recherche
Définition des
contenus
Production
des contenus
Gouvernance
Gestion des
contenus
Stratégie des
contenus
Recherche et
analyse des
données
Navigation
Classification
de l’information
Association
information
contenu
Gestion de
l’architecture
de l’information
Stratégie de
l’architecture
de l’information
Recherche et
analyse de
données
Wireframe
Interactions
Modèles
Guidelines de
l’interface
utilisateur
Stratégie de
support et
multisupport
Conception de
guidelines
Graphisme
Mise en page
Charte
graphique
Direction
artistique
Stratégie de
création
Recherche et
analyse de
données
Programmation
front-end
Qualité web
Conception de
base de
données
Programmation
serveur
Infrastructure
Architecture
système
Qualité des
livrables
UXERGONOMIE
ANALYSE
MÉTIER
COMMUNICATION
DOUCETECHNIQUE
ARCHITECTURE DE
L’INFORMATION
CONCEPTION DE
L’INTERACTION
CONCEPTION
VISUELLECONTENU
Présentation
orale
Travail en
équipe
Écoute active,
neutre et
bienveillante
Facilitateur
Formateur
Compétences UX et modèle en T : https://frama.link/ux-design-raphael

58. Benchmark
Mesure de la
performance
(KPI)
Définition du
produit/service
Objectif
business/métier
Mission
Vision
Business
Modèle
État de l’art
Analyse des
usages
Test, audit et
méthodes de
mesure
Analyse des
données
Expérimentation
Conduite d’
études
Psychologie
cognitive
Brief UX
Recherche
utilisateur
Définition de
la promesse
Management
de la
conception UX
Stratégie UX
Recherche
Définition des
contenus
Production
des contenus
Gouvernance
Gestion des
contenus
Stratégie des
contenus
Recherche et
analyse des
données
Navigation
Classification
de l’information
Association
information
contenu
Gestion de
l’architecture
de l’information
Stratégie de
l’architecture
de l’information
Recherche et
analyse de
données
Wireframe
Interactions
Modèles
Guidelines de
l’interface
utilisateur
Stratégie de
support et
multisupport
Conception de
guidelines
Graphisme
Mise en page
Charte
graphique
Direction
artistique
Stratégie de
création
Recherche et
analyse de
données
Programmation
front-end
Qualité web
Conception de
base de
données
Programmation
serveur
Infrastructure
Architecture
système
Qualité des
livrables
UXERGONOMIE
ANALYSE
MÉTIER
COMMUNICATION
DOUCETECHNIQUE
ARCHITECTURE DE
L’INFORMATION
CONCEPTION DE
L’INTERACTION
CONCEPTION
VISUELLECONTENU
Présentation
orale
Travail en
équipe
Écoute active,
neutre et
bienveillante
Facilitateur
Formateur
Compétences UX et modèle en T : https://frama.link/ux-design-raphael

59. UX
Qu s i -je ?
Qu f i -je ?
Dev
DESIGNER

60. RECHERCHE
PROTOTYPES
& DESIGN
IMPLÉMENTATION
SYNTHÈSE &
IDÉATION

61. RECHERCHE
SYNTHÈSE
& IDÉATION
PROTOTYPES
& DESIGN
IMPLÉMENTATION
FRONT END DEV
WEB DESIGNER
Source:JasperStephenson/Thespectrumofdesignrolesin2018

62. RECHERCHE
SYNTHÈSE
& IDÉATION
PROTOTYPES
& DESIGN
IMPLÉMENTATION
FRONT END DEV
WEB DESIGNER
UX DESIGNER
Source:JasperStephenson/Thespectrumofdesignrolesin2018

63. RECHERCHE
SYNTHÈSE
& IDÉATION
PROTOTYPES
& DESIGN
IMPLÉMENTATION
UX WRITER
UX RESEARCHER
UI DESIGNER
FRONT END DEV
WEB DESIGNER
UX DESIGNER
Source:JasperStephenson/Thespectrumofdesignrolesin2018

64. RECHERCHE
SYNTHÈSE
& IDÉATION
PROTOTYPES
& DESIGN
IMPLÉMENTATION
UX WRITER
UX RESEARCHER
UI DESIGNER
FRONT END DEV
WEB DESIGNER
UX DESIGNER
Source:JasperStephenson/Thespectrumofdesignrolesin2018
UX “TEAM OF ONE”
Généra t
Éva éli
In éni e
Aut ac

65. RECHERCHE
SYNTHÈSE
& IDÉATION
PROTOTYPES
& DESIGN
IMPLÉMENTATION
UX WRITER
UX RESEARCHER
UI DESIGNER
FRONT END DEV
WEB DESIGNER
UX DESIGNER
Source:JasperStephenson/Thespectrumofdesignrolesin2018
UX “TEAM OF ONE”
Généra t
Éva éli
In éni e
Aut ac
Ça n’ex pa

66. UX
Qu s i -je ?
Qu f i -je ?
Dev
Où va -je ?
DESIGNER

67. NON RECONNU
L’UX n’est pas un problème.
Les interfaces sont designées par les développeurs.
PONCTUEL
CONSIDÉRÉ
GÉRÉ
INTÉGRÉ
L’UX est un point d’attention.
Connaissance des bonnes pratiques.
Pas de méthodes systématiques. Pas d’implication des utilisateurs.
L’UX est un investissement (personnel dédié).
Méthodes appliquées à certains projets.
L’UX est formalisée par des procédures.
Mise en place de procédures à plusieurs niveaux du projet.
L’UX est formalisée pour chacune des étapes du cycle de vie du produit.
Mise en place de procédures à tous les niveaux du projet.
L’UX est au cœur de la stratégie de l’entreprise.
Tous les produits bénéficient des procédures mises en place.
INSTITUTIONALISÉ

68. L’UX n’est pas un problème.
Les interfaces sont designées par les développeurs.
L’UX est un point d’attention.
Connaissance des bonnes pratiques.
Pas de méthodes systématiques. Pas d’implication des utilisateurs.
L’UX est un investissement (personnel dédié).
Méthodes appliquées à certains projets.
L’UX est formalisée par des procédures.
Mise en place de procédures à plusieurs niveaux du projet.
L’UX est formalisée pour chacune des étapes du cycle de vie du produit.
Mise en place de procédures à tous les niveaux du projet.
L’UX est au cœur de la stratégie de l’entreprise.
Tous les produits bénéficient des procédures mises en place.
NON RECONNU
PONCTUEL
CONSIDÉRÉ
GÉRÉ
INTÉGRÉ
INSTITUTIONALISÉ

69. L’UX n’est pas un problème.
Les interfaces sont designées par les développeurs.
L’UX est un point d’attention.
Connaissance des bonnes pratiques.
Pas de méthodes systématiques. Pas d’implication des utilisateurs.
L’UX est un investissement (personnel dédié).
Méthodes appliquées à certains projets.
L’UX est formalisée par des procédures.
Mise en place de procédures à plusieurs niveaux du projet.
L’UX est formalisée pour chacune des étapes du cycle de vie du produit.
Mise en place de procédures à tous les niveaux du projet.
L’UX est au cœur de la stratégie de l’entreprise.
Tous les produits bénéficient des procédures mises en place.
NON RECONNU
PONCTUEL
CONSIDÉRÉ
GÉRÉ
INTÉGRÉ
INSTITUTIONALISÉ

70. L’UX n’est pas un problème.
Les interfaces sont designées par les développeurs.
L’UX est un point d’attention.
Connaissance des bonnes pratiques.
Pas de méthodes systématiques. Pas d’implication des utilisateurs.
L’UX est un investissement (personnel dédié).
Méthodes appliquées à certains projets.
L’UX est formalisée par des procédures.
Mise en place de procédures à plusieurs niveaux du projet.
L’UX est formalisée pour chacune des étapes du cycle de vie du produit.
Mise en place de procédures à tous les niveaux du projet.
L’UX est au cœur de la stratégie de l’entreprise.
Tous les produits bénéficient des procédures mises en place.
NON RECONNU
PONCTUEL
CONSIDÉRÉ
GÉRÉ
INTÉGRÉ
INSTITUTIONALISÉ

71. UX
Qu s i -je ?
Ave ?
Qu f i -je ?
Dev
Où va -je ?
DESIGNER

72. UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE

73. HIÉRARCHIE
CLIENTSIde f e s
UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE
be s

74. ANALYTICS
RÉSEAUX
SOCIAUX
UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE
SAV
Réco r
fe c

75. UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE
Ide f e s t a t
te n e

76. HIÉRARCHIE
CLIENTS
UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE Con c e
#s o y l

77. UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE#no l t Met n ac
de il

78. UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE
SAV
Lis
Don’t a k

79. UX
Qu s i -je ?
Ave ?
Qu f i -je ?
Dev
Où va -je ?
D’où vi -je ?
DESIGNER

80. “Et e v,
ça t qu t o ?”

81. Je cherche une solution
En a t DEV
ÉLÉGANTE
PRAGMATIQUE
ÉVOLUTIVE à mo r ème

82. En a t DEV
ÉLÉGANTE
PRAGMATIQUE
ÉVOLUTIVE à mo r ème
UX
Je cherche une solution

83. J’a g é me p po i s !

84. J’a g é me p po i s !
REQUÊTES SQL PROTOTYPESHTML CSS JS
RTFM

85. Que s’est-il passé ?!Comment en suis-je
arrivée là ?

86. Mer :)