SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
UX or not UX ?
Mettre en place une démarche UX
Olivier Sauvage - Fondateur Wexperience - Blogueur
www.wexperience.fr - www.capitaine-commerce.com
AVANT L’UX
UN NOUVEAU CONTEXTE
LA RÉPONSE DE L’UX
L’UX REPOSE SUR DES LOIS
LOIS DE LA GESTALT
Critères de Bastien et Scapin
L’UX REPOSE SUR DE L’OBSERVATION
ON PASSE À LA PRATIQUE
Personas
PREPARATION CONCEPTION
Wireframes
Tests
utilisateurs #2
OBJECTIFSOUTILS
Clarifier la connaissance des
utilisateurs (infos Etudes Oney
+ Web Analytics)
Analyser la navigation
Conception d’un
nouveau concept
de pages produit
et d’un prototype
sur les 9 pages du
lot
Maquettes
graphiques @
prototype
TEST 2
Valider la nouvelle
maquette et la
compréhension
des utilisateurs sur
ces nouvelles
pages produit
FINALISATION PAGE
LOT 1 ET PREPA LOT 2
Finalisation
nouveaux parcours
Intégration html
Correction des maquettes
suite au Test #2
TEST 1
Tests Utilisateurs sur
le site et les pages
produit actuelles
Tests utilisateurs
Workshop #1 Workshop #2
Navigation
Collecte informations de
navigation
Workshop #3 Workshop #4 Workshop #5
Hotjar
Technique - Humain
Compliqué - Simple
Pas pratique - Pratique
Fastidieux - Efficace
Imprévisible - Prévisible
Confus - Clair
Incontrôlable - Maîtrisable
Conventionnel - Original
Sans imagination - Créatif
Prudent - Audacieux
Conservateur - Novateur
Ennuyeux - Captivant
Peu exigeant - Challenging
Commun - Nouveau
M’isole - Me sociabilise
Amateur - Professionnel
De mauvais goût - De bon goût
Bas de gamme - Haut de gamme
M’exclut - M’intègre
Me sépare des autres - Me rapproche des autres
Non présentable - Présentable
Déplaisant - Plaisant
Laid - Beau
Désagréable - Agréable
Rebutant - Attirant
Mauvais - Bon
Repoussant - Attrayant
Décourageant - Motivant
Qualité
Pragmatique
Qualité
hédonique -
stimulation
Qualité
hédonique -
identification
Attractivité
globale
-3 -2 -1 0 1 2 3
Maîtrisable
Commun
Technique
Présentable
Facily Pay
Une page
entièrement
parcourue.
Un accès aux
frais qui se
confirment sur
un plus grand
nombre.
Errors
◦ (# of errors) x (avg. repair time) x (employee cost) x (# of employees) = cost savings
◦ Example: (2 errors/week) x (60 mins) x ($30/hour) x (100 employees) = $6,0000/week or
$300,000/year
Cost of Development and Maintenance
◦ (# of changes) x (avg. hrs/change) x (cost of developer) x (4, if late) = cost savings
◦ Example: (20 changes) x (8 hrs each) x ($40/hour) = $6,400 if fixed early or $25,600 if
changed late
Productivity
◦ (time saved) x (employee cost) x (# of employees) = cost savings
◦ Example: (1 hr/week) x ($30/hr) x (1000 employees) = $30,000/ week or $15,000,000/year
https://spectrum.ieee.org/computing/software/why-software-fails
L’UX PERMET DE GAGNER DE L’ARGENT
Merci ! Des questions ?
Olivier Sauvage - Fondateur Wexperience - Blogueur
www.wexperience.fr - www.digitaleez.fr - www.capitaine-commerce.com
Twitter : capitaine ou osauvage
UX Agency Web analytics Agency Web Influencer

Contenu connexe

Similaire à Conférence - Mettre en place une démarche UX au sein de vos équipes

Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson Portfolio
Olivier Besson
 

Similaire à Conférence - Mettre en place une démarche UX au sein de vos équipes (20)

Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson Portfolio
 
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientéeLa refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
 
WONC DOVA
WONC DOVAWONC DOVA
WONC DOVA
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion
 
Retour d'expérience sur PowerShell
Retour d'expérience sur PowerShellRetour d'expérience sur PowerShell
Retour d'expérience sur PowerShell
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
 
#DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
#DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83#DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
#DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
 
Guide_de_survie_en_milieu_responsive
Guide_de_survie_en_milieu_responsiveGuide_de_survie_en_milieu_responsive
Guide_de_survie_en_milieu_responsive
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
Cas de la refonte de STM.info
Cas de la refonte de STM.infoCas de la refonte de STM.info
Cas de la refonte de STM.info
 
Optimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblageOptimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblage
 
Testapic WAQ 2016
Testapic WAQ 2016Testapic WAQ 2016
Testapic WAQ 2016
 
Testapic WAQ 2016
Testapic WAQ 2016Testapic WAQ 2016
Testapic WAQ 2016
 
ASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSAASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSA
 
Cours Google Analytics - IUT Vannes (février 2014)
Cours Google Analytics - IUT Vannes (février 2014)Cours Google Analytics - IUT Vannes (février 2014)
Cours Google Analytics - IUT Vannes (février 2014)
 
Boostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitauxBoostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitaux
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
 

Plus de Medialibs

Plus de Medialibs (20)

RGPD et Loi de finances : quels impacts pour vos sites internet ? - Février ...
RGPD et Loi de finances : quels impacts pour vos sites internet ? - Février ...RGPD et Loi de finances : quels impacts pour vos sites internet ? - Février ...
RGPD et Loi de finances : quels impacts pour vos sites internet ? - Février ...
 
Atelier - Adwords : Optimisation des comptes, hygiène et best practices
Atelier - Adwords : Optimisation des comptes, hygiène et best practicesAtelier - Adwords : Optimisation des comptes, hygiène et best practices
Atelier - Adwords : Optimisation des comptes, hygiène et best practices
 
Atelier - Marketing 1to1 : les enjeux de la connaissance clients
Atelier - Marketing 1to1 : les enjeux de la connaissance clientsAtelier - Marketing 1to1 : les enjeux de la connaissance clients
Atelier - Marketing 1to1 : les enjeux de la connaissance clients
 
Atelier - Le Motion Design en 2017
Atelier - Le Motion Design en 2017Atelier - Le Motion Design en 2017
Atelier - Le Motion Design en 2017
 
Atelier - Développer son intelligence relationnelle
Atelier - Développer son intelligence relationnelleAtelier - Développer son intelligence relationnelle
Atelier - Développer son intelligence relationnelle
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir
 
Atelier - SEO OnSite et OffSite : Nos tricks !
Atelier - SEO OnSite et OffSite : Nos tricks !Atelier - SEO OnSite et OffSite : Nos tricks !
Atelier - SEO OnSite et OffSite : Nos tricks !
 
Conférence - Roadmap Medialibs
Conférence - Roadmap MedialibsConférence - Roadmap Medialibs
Conférence - Roadmap Medialibs
 
Conférence - La place du Mobile dans la communication digitale ?
Conférence -  La place du Mobile dans la communication digitale ?Conférence -  La place du Mobile dans la communication digitale ?
Conférence - La place du Mobile dans la communication digitale ?
 
Atelier - E-Commerçant, faites parler de votre marque et développez votre CA ...
Atelier - E-Commerçant, faites parler de votre marque et développez votre CA ...Atelier - E-Commerçant, faites parler de votre marque et développez votre CA ...
Atelier - E-Commerçant, faites parler de votre marque et développez votre CA ...
 
Atelier - Développez votre chiffre d'affaires avec l'offre Medialibs
Atelier - Développez votre chiffre d'affaires avec l'offre MedialibsAtelier - Développez votre chiffre d'affaires avec l'offre Medialibs
Atelier - Développez votre chiffre d'affaires avec l'offre Medialibs
 
Atelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignAtelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesign
 
Atelier - L'expérience client en pratique
Atelier - L'expérience client en pratique Atelier - L'expérience client en pratique
Atelier - L'expérience client en pratique
 
Atelier - Synergie SEO & SEA, véritable levier de performance pour votre site
Atelier - Synergie SEO & SEA, véritable levier de performance pour votre site Atelier - Synergie SEO & SEA, véritable levier de performance pour votre site
Atelier - Synergie SEO & SEA, véritable levier de performance pour votre site
 
Atelier - L'email marketing de A à Z : optimisez le ROI de vos campagnes
Atelier - L'email marketing de A à Z : optimisez le ROI de vos campagnesAtelier - L'email marketing de A à Z : optimisez le ROI de vos campagnes
Atelier - L'email marketing de A à Z : optimisez le ROI de vos campagnes
 
Conférence - Roadmap Medialibs
Conférence - Roadmap MedialibsConférence - Roadmap Medialibs
Conférence - Roadmap Medialibs
 
Conférence - L'automatisation des emails au service de la relation client
Conférence - L'automatisation des emails au service de la relation clientConférence - L'automatisation des emails au service de la relation client
Conférence - L'automatisation des emails au service de la relation client
 
Conférence - Définition et enjeux de l'expérience client
Conférence - Définition et enjeux de l'expérience clientConférence - Définition et enjeux de l'expérience client
Conférence - Définition et enjeux de l'expérience client
 
Atelier - La vidéo : le nouvel eldorado de la visibilité sur Internet ?
Atelier - La vidéo : le nouvel eldorado de la visibilité sur Internet ? Atelier - La vidéo : le nouvel eldorado de la visibilité sur Internet ?
Atelier - La vidéo : le nouvel eldorado de la visibilité sur Internet ?
 
Atelier - Une organisation Agile pour des clients qui font "Wahou" !
Atelier - Une organisation Agile pour des clients qui font "Wahou" !Atelier - Une organisation Agile pour des clients qui font "Wahou" !
Atelier - Une organisation Agile pour des clients qui font "Wahou" !
 

Conférence - Mettre en place une démarche UX au sein de vos équipes

  • 1. UX or not UX ? Mettre en place une démarche UX Olivier Sauvage - Fondateur Wexperience - Blogueur www.wexperience.fr - www.capitaine-commerce.com
  • 3.
  • 5. LA RÉPONSE DE L’UX
  • 6.
  • 7. L’UX REPOSE SUR DES LOIS
  • 8.
  • 9.
  • 10. LOIS DE LA GESTALT
  • 11. Critères de Bastien et Scapin
  • 12. L’UX REPOSE SUR DE L’OBSERVATION
  • 13.
  • 14.
  • 15. ON PASSE À LA PRATIQUE
  • 16.
  • 17. Personas PREPARATION CONCEPTION Wireframes Tests utilisateurs #2 OBJECTIFSOUTILS Clarifier la connaissance des utilisateurs (infos Etudes Oney + Web Analytics) Analyser la navigation Conception d’un nouveau concept de pages produit et d’un prototype sur les 9 pages du lot Maquettes graphiques @ prototype TEST 2 Valider la nouvelle maquette et la compréhension des utilisateurs sur ces nouvelles pages produit FINALISATION PAGE LOT 1 ET PREPA LOT 2 Finalisation nouveaux parcours Intégration html Correction des maquettes suite au Test #2 TEST 1 Tests Utilisateurs sur le site et les pages produit actuelles Tests utilisateurs Workshop #1 Workshop #2 Navigation Collecte informations de navigation Workshop #3 Workshop #4 Workshop #5 Hotjar
  • 18. Technique - Humain Compliqué - Simple Pas pratique - Pratique Fastidieux - Efficace Imprévisible - Prévisible Confus - Clair Incontrôlable - Maîtrisable Conventionnel - Original Sans imagination - Créatif Prudent - Audacieux Conservateur - Novateur Ennuyeux - Captivant Peu exigeant - Challenging Commun - Nouveau M’isole - Me sociabilise Amateur - Professionnel De mauvais goût - De bon goût Bas de gamme - Haut de gamme M’exclut - M’intègre Me sépare des autres - Me rapproche des autres Non présentable - Présentable Déplaisant - Plaisant Laid - Beau Désagréable - Agréable Rebutant - Attirant Mauvais - Bon Repoussant - Attrayant Décourageant - Motivant Qualité Pragmatique Qualité hédonique - stimulation Qualité hédonique - identification Attractivité globale -3 -2 -1 0 1 2 3 Maîtrisable Commun Technique Présentable
  • 19. Facily Pay Une page entièrement parcourue. Un accès aux frais qui se confirment sur un plus grand nombre.
  • 20.
  • 21. Errors ◦ (# of errors) x (avg. repair time) x (employee cost) x (# of employees) = cost savings ◦ Example: (2 errors/week) x (60 mins) x ($30/hour) x (100 employees) = $6,0000/week or $300,000/year Cost of Development and Maintenance ◦ (# of changes) x (avg. hrs/change) x (cost of developer) x (4, if late) = cost savings ◦ Example: (20 changes) x (8 hrs each) x ($40/hour) = $6,400 if fixed early or $25,600 if changed late Productivity ◦ (time saved) x (employee cost) x (# of employees) = cost savings ◦ Example: (1 hr/week) x ($30/hr) x (1000 employees) = $30,000/ week or $15,000,000/year https://spectrum.ieee.org/computing/software/why-software-fails L’UX PERMET DE GAGNER DE L’ARGENT
  • 22. Merci ! Des questions ? Olivier Sauvage - Fondateur Wexperience - Blogueur www.wexperience.fr - www.digitaleez.fr - www.capitaine-commerce.com Twitter : capitaine ou osauvage UX Agency Web analytics Agency Web Influencer