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é

25.
2010

26.
2010
ERGONOMIE
DESIGN
UX

27.
2010
ERGONOMIE
DESIGN
UX
ACCESSIBILITÉ BONNESPRATIQUES
STANDARDS

28.
Et e n ées s ...

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

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

31.
+ 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 ?”

32.
+ 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

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
2016
et r er s G o t le

34.
Fin en ...

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

36.
La s i s i t ...

37.
un y u
FAKE IT
MAKE IT

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

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

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

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

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

43.
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é

44.
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é

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

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

47.
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 .
???

48.
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 .
???
???

49.
Source : www.ia.net

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

51.
DESIGNER
UX
Qu s i -je ?
Dev

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

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

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

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.
UX
Qu s i -je ?
Qu f i -je ?
Dev
DESIGNER

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

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

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

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

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

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
UX “TEAM OF ONE”
Généra t
Éva éli
In éni e
Aut ac
Ça n’ex pa

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

65.
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É

66.
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É

67.
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É

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.
UX
Qu s i -je ?
Ave ?
Qu f i -je ?
Dev
Où va -je ?
DESIGNER

70.
UTILISATEURS
DÉCIDEURS
ÉQUIPE
TECHNIQUE

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

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

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

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

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

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

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

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

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

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

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

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

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

84.
Mer :)