SlideShare une entreprise Scribd logo
1  sur  33
Télécharger pour lire hors ligne
Consultante numérique depuis 10 ans
sous le nom d'edesign. Je me suis
spécialisée en UX/UI Design en 2007.
Je suis aussi formatrice et responsable
pédagogique de l'ECV Digital Bordeaux
ainsi que membre du conseil
d'administration d'Aquinum,
l'association des professionnels du
numérique en Aquitaine.
UX veut dire
User eXperience
et se traduit en français par
eXpérience Utilisateur
En UX, l’utilisateur est celui qui utilise
un produit ou un service numérique.
Il se définit en fonction de :
- Ses usages et ses contextes
d’usage
- Ses besoins et ses attentes
- Ses perceptions et ses émotions
- Ses motivations et ses freins
En UX, une expérience réussie est un
moment vécu par l’utilisateur pendant
lequel il accomplit aisément des
tâches qui lui sont utiles en ressentant
des émotions agréables.
“Vous souvenez-vous de l’expérience
que proposait la bouteille en verre de
cette sauce américaine ?”
L’UX n’est pas de la
manipulation mentale !
L’UX designer est à l’écoute des
besoins et attentes de ses utilisateurs
et se bat contre les “dark patterns”,
ces interfaces qui cherchent à
contraindre les utilisateurs.
Web Marketing ≠ UX Design
Le Web Marketing s’intéresse au
marché et aux clients d’une marque ou
d’un site.
Tandis que l’UX Design s'intéresse aux
utilisateurs d’un produit ou d’un service
numérique.
Web Design ≠ UX Design
Le Design Visuel cherche à tendre
vers le beau, l’artistique, l’agréable
à regarder.
Tandis que l’UX Design cherche
l’efficacité, l’intuitivité et l’agréable
à utiliser.
Persuasive Design
Le Persuasive design cherche à
inciter l’utilisateur à effectuer une
action tout en le laissant libre de sa
décision.
Ergonomie web
L’ergonomie web est l'utilisation de
connaissances scientifiques relatives
à l'homme (psychologie cognitive,
neurosciences, etc...) dans le but
d'améliorer l’utilisabilité d’une interface.
Architecture d’information
L’architecture d’information est une
hiérarchisation des contenus et des
fonctionnalités d’un service
numérique à l’aide d’une cartographie.
UI Design
L’UI Design cherche à rendre l’interface
plus accessible aux utilisateurs en
travaillant sur la lisibilité des textes,
le contraste entre les couleurs, des
espaces faciles à cliquer, etc…
Les personas
Le persona est une fiche détaillée
d’un profil type d’utilisateur qui décrit
ses besoins, ses motivations, ses
usages, ses freins etc… et qui va aider
à définir les caractéristiques ou
fonctionnalités du service à créer ou à
améliorer.
Les parcours utilisateurs
Les parcours utilisateurs définissent les
différents points de contact de
chaque personas avec le service et
vont permettre de connaître les
interactions nécessaires à mettre en
place sur l’interface.
Les arborescences
Les arborescences sont des arbres
visuels qui servent à hiérarchiser le
contenu texte et les fonctionnalités
d’une interface.
Les wireframes
Les wireframes sont des visuels
filaires en noir et blanc qui servent
à hiérarchiser les éléments dans
chaque page de l’interface.
Les prototypes
Les prototypes sont des versions
légères et cliquables d’un service
qui permettent d'interagir avec l’
interface et d’en vérifier l’expérience
proposée.
Les tests utilisateurs
Les tests utilisateurs servent à valider
l’expérience proposée auprès d’un
panel d’utilisateurs et ainsi à
optimiser l’interface avant de la
développer.
Le processus UX peut se définir en 7
grandes étapes :
1. Découvrir
2. Définir
3. Conceptualiser
4. Créer et développer
5. Déployer
6. Écouter
7. Réitérer !
Cette démarche prend tout son sens
lorsqu’elle est appliquée à l’ensemble
de la chaîne de valeur :
- au référencement
- aux contenus
- au développement
- au service client
- etc...
Le R.O.I. de l’UX
La démarche UX permet de réduire les
coûts de développement et de
maintenance et a un excellent retour
sur investissement car elle agit en de
nombreux points dont l’accroissement
du traffic et du taux de conversion.
L’UX est un acte d’amour !
Car travailler sur l’expérience
utilisateur, c’est chercher avant tout la
satisfaction de l’utilisateur.
C’est remettre l’humain au centre des
interfaces et ne pas considérer que
numérique et humain sont des termes
antinomiques.
#UserFirst !
Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015

Contenu connexe

Similaire à Faire d'UX sur son site web - Cap'Com 2015

Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXNewflux UX/UI News
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introductionAlexandre Rivaux
 
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?ADBU
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingBenjamin Richy
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD Meetup
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceNet Design
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaSteria
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXNewflux UX/UI News
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...ADBU
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flowKévin TONON
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfEricKeita
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdffortestfortest
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #DesignVirginie Boullé
 
[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptxFriends Of Figma, Cotonou
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...PMI-Montréal
 

Similaire à Faire d'UX sur son site web - Cap'Com 2015 (20)

Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introduction
 
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame Marketing
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performance
 
Ux
UxUx
Ux
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
 
Mobile design
Mobile designMobile design
Mobile design
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flow
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdf
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdf
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
 
[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
 
030 fondamentaux di
030   fondamentaux di030   fondamentaux di
030 fondamentaux di
 

Faire d'UX sur son site web - Cap'Com 2015

  • 1.
  • 2.
  • 3. Consultante numérique depuis 10 ans sous le nom d'edesign. Je me suis spécialisée en UX/UI Design en 2007. Je suis aussi formatrice et responsable pédagogique de l'ECV Digital Bordeaux ainsi que membre du conseil d'administration d'Aquinum, l'association des professionnels du numérique en Aquitaine.
  • 4.
  • 5. UX veut dire User eXperience et se traduit en français par eXpérience Utilisateur
  • 6. En UX, l’utilisateur est celui qui utilise un produit ou un service numérique. Il se définit en fonction de : - Ses usages et ses contextes d’usage - Ses besoins et ses attentes - Ses perceptions et ses émotions - Ses motivations et ses freins
  • 7. En UX, une expérience réussie est un moment vécu par l’utilisateur pendant lequel il accomplit aisément des tâches qui lui sont utiles en ressentant des émotions agréables. “Vous souvenez-vous de l’expérience que proposait la bouteille en verre de cette sauce américaine ?”
  • 8.
  • 9.
  • 10. L’UX n’est pas de la manipulation mentale ! L’UX designer est à l’écoute des besoins et attentes de ses utilisateurs et se bat contre les “dark patterns”, ces interfaces qui cherchent à contraindre les utilisateurs.
  • 11. Web Marketing ≠ UX Design Le Web Marketing s’intéresse au marché et aux clients d’une marque ou d’un site. Tandis que l’UX Design s'intéresse aux utilisateurs d’un produit ou d’un service numérique.
  • 12. Web Design ≠ UX Design Le Design Visuel cherche à tendre vers le beau, l’artistique, l’agréable à regarder. Tandis que l’UX Design cherche l’efficacité, l’intuitivité et l’agréable à utiliser.
  • 13.
  • 14. Persuasive Design Le Persuasive design cherche à inciter l’utilisateur à effectuer une action tout en le laissant libre de sa décision.
  • 15. Ergonomie web L’ergonomie web est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie cognitive, neurosciences, etc...) dans le but d'améliorer l’utilisabilité d’une interface.
  • 16. Architecture d’information L’architecture d’information est une hiérarchisation des contenus et des fonctionnalités d’un service numérique à l’aide d’une cartographie.
  • 17. UI Design L’UI Design cherche à rendre l’interface plus accessible aux utilisateurs en travaillant sur la lisibilité des textes, le contraste entre les couleurs, des espaces faciles à cliquer, etc…
  • 18.
  • 19. Les personas Le persona est une fiche détaillée d’un profil type d’utilisateur qui décrit ses besoins, ses motivations, ses usages, ses freins etc… et qui va aider à définir les caractéristiques ou fonctionnalités du service à créer ou à améliorer.
  • 20. Les parcours utilisateurs Les parcours utilisateurs définissent les différents points de contact de chaque personas avec le service et vont permettre de connaître les interactions nécessaires à mettre en place sur l’interface.
  • 21. Les arborescences Les arborescences sont des arbres visuels qui servent à hiérarchiser le contenu texte et les fonctionnalités d’une interface.
  • 22. Les wireframes Les wireframes sont des visuels filaires en noir et blanc qui servent à hiérarchiser les éléments dans chaque page de l’interface.
  • 23. Les prototypes Les prototypes sont des versions légères et cliquables d’un service qui permettent d'interagir avec l’ interface et d’en vérifier l’expérience proposée.
  • 24. Les tests utilisateurs Les tests utilisateurs servent à valider l’expérience proposée auprès d’un panel d’utilisateurs et ainsi à optimiser l’interface avant de la développer.
  • 25.
  • 26. Le processus UX peut se définir en 7 grandes étapes : 1. Découvrir 2. Définir 3. Conceptualiser 4. Créer et développer 5. Déployer 6. Écouter 7. Réitérer !
  • 27. Cette démarche prend tout son sens lorsqu’elle est appliquée à l’ensemble de la chaîne de valeur : - au référencement - aux contenus - au développement - au service client - etc...
  • 28. Le R.O.I. de l’UX La démarche UX permet de réduire les coûts de développement et de maintenance et a un excellent retour sur investissement car elle agit en de nombreux points dont l’accroissement du traffic et du taux de conversion.
  • 29.
  • 30. L’UX est un acte d’amour ! Car travailler sur l’expérience utilisateur, c’est chercher avant tout la satisfaction de l’utilisateur. C’est remettre l’humain au centre des interfaces et ne pas considérer que numérique et humain sont des termes antinomiques.