SlideShare une entreprise Scribd logo
1
10 méthodes UX appliquées à votre
projet Web
2
Core-Techs – Nos métiers
Formation &
coaching
ConseilIntégration,
développement,
expertise
technique
Web et UX
design
3
68%
des utilisateurs
quittent un site à
cause d’une
mauvaise UX
http://uxtraining.uxchamps.com/
A savoir !
4
44% des acheteurs en ligne racontent à un ami une mauvaise expérience
en ligne
5
50% du temps des développeurs est consacré à corriger des problèmes
d’UX
Avoir une bonne démarche UX dès le début du projet est vital pour éviter des
coûts non prévus d’optimisation UX après mise en ligne.
6
62% des clients
basent leurs prochains
achats sur leurs
expériences passées
7
1 €
investi en UX
rapporte plus de
100 €
C’est l’histoire simple d’Amazon, qui, avec un simple test utilisateur, a
découvert que positionner un bouton « Continuer » plutôt que « S’enregistrer »
a fait décoller ses achats de 45%. Le résultat net de cette opération est de
300 millions de dollars gagnés en 1 an.
8
Les composantes de l’UX
EMOTION TECHNIQUE
ERGONOMIE ANALYSE
Véhiculer une expérience
Site performant, accessible, rapide…
Confort, navigation facile Des réactions utilisateur
L’UX n’est pas seulement du design ! C’est également :
Ensemble de méthodologies et de processus centrés utilisateur permettant
d’imaginer, de concevoir, de développer et d’améliorer un service ou un
produit numérique.
9
Les critères d’usabilité
utile,
utilisable,
trouvable,
navigable,
accessible.
efficace,
désirable,
agréable,
crédible.
http://www.jjg.net/elements/pdf/elements.pdf
10
Quand traiter l’UX ?
Erreur souvent commise: on traite l’UX seulement au
moment de la conception.
Or l’UX c’est…
11
TOUT LE TEMPS !
12
Les étapes
Découverte
Concept
Organisation &
Design
Production Connaissance
de l’utilisateur
Pendant toutes les
phases d’un projet :
13
Les étapes et méthodes
Découverte
Concept
Organisation &
Design
Production &
suivi
• Etudes & Etat de
l’art
• Benchmarks
• Analyse des
usages et de
l’activité
• Audit ergonomique
• Entretiens & focus
group
• Personas
• Tri de cartes
• Lean prototyping
• Maquettes
• Tests utilisateurs
• Tests utilisateurs
• Tests A/B
• Analyse
quantitative
• Carte de chaleur
14
1. Benchmark (analyse de la concurrence)
Ne sert pas que à évaluer l’esthétisme d’un site
Il a d’autres fonctions, on parle alors de:
• Benchmark éditorial (discours utilisateur),
• Benchmark ergonomique (fonctionnel),
• Benchmark de référencement,
…
15
2. Analyse statistique
Mesurer
AnalyserAméliorer
• Quantifier le ROI (retour sur investissement)
• Identifier les blocages (par ex : fort taux de
rebond)
• Comparer avec les ratios type
• Formuler des hypothèses (par ex : si
mon taux de transformation est faible c’est parce que
mon tunnel de commande n’est pas optimisé)
16
2. Analyse statistique – les KPI par cible
Nbe total de
visite
Pages vues
par session
Durée
moyenne de
visite
Taux de rebond
Taux de
nouvelles
sessions
Taux de
remplissage
formulaire
Taux de
téléchargement
Taux de
transformation
…
Les outils de statistique fournissent souvent trop d’indicateurs, desquels il est complexe
d’extraire des données signifiante. Il faut définir des KPI
(indicateurs clés) utiles selon son secteur d’activité…
Sélectionner au max 5 à 6 KPI !
17
3. Audit ergonomique
Critères de Bastien & Sca
Jacob Nielsen
AFNOR Z67
Essentiel, car il apporte un regard externe de professionnel qui
permet d’identifier les principales erreurs et les points positifs du site.
18
4. Personas
• Synthétiser des idées
• Communiquer et partager
une vision commune
• Générer de l’empathie Le
spontané
Le
compétiteur
L’humaniste
Le
méthodique
Personas = personnes
fictives qui représentent les
archétypes des utilisateurs
de son site.
4 familles de personas:
19
4. Personas
Personas
Scénarios
d’utilisation
Parcours
utilisateur
Expérience
map
Recrutement
des tests
utilisateurs
Chaque persona a des
caractéristiques propres.
De ces personas pourront
être définis différents
scénarios, parcours,
cartographies
d’expériences et serviront
pour recruter les
utilisateurs test.
20
5. Tri de cartes
Différentes méthodes:
• Ouvert/fermé
• Utilisateurs finaux / client
• Physique / A distance
Immersion
Définition
des
contenus
Groupement Labellisation
Outil indispensable afin de
construire l’architecture de
l’information.
21
6. Lean prototyping
Autres noms:
• Croquis / Sketch
• Wireframe
• Prototype
Outil de conception
prioritaire.
Support essentiel pour
tous les acteurs du projet.
Retravaillé en
permanence.
22
7. Tests A/B
QUELLE VERSION GENERE LE PLUS DE CONVERSIONS ?
Les tests A/B permettent d’identifier la version, le
parcours le plus efficace par rapport à un ou plusieurs
objectifs prédéterminés.
Les tests A/B doivent toujours se faire sur un seul critère
de comparaison, au risque de fausser l’analyse.
15-25%
de conversion en +
pour des sites
ecommerce
30 - 40%
de conversion en +
pour des sites BtoB
23
Industrialisation des tests A/B au Washington post
Lorsque les journalistes du WashingtonPost.com postent un
article, ils doivent renseigner 2 titres.
Leur système A/B teste automatiquement les 2 propositions
et choisit ensuite le titre qui a les meilleurs taux de
conversions dans les premières heures d’exposition de
l’article.
24
Personnaliser les tests A/B selon vos cibles
Nouveaux
visiteurs
Visiteurs connus
Checkout one
page
-5% +5%
Checkout en trois
étapes
+25% -10%
L’enjeu de la réussite d’un projet Web réside dans la personnalisation
des réponses en fonction des utilisateurs. Il est intéressant
d’exploiter les tests A/B selon différentes catégories de visiteurs.
Exemple de ROI différent selon des visiteurs récurrents et des nouveaux visiteurs
25
8. Tests utilisateur
85% des problèmes pourraient
être résolus par des tests avec 5
utilisateurs. (Nielsen)
26
Quand faire des tests utilisateur ?
A tout moment…
27
Quand faire des tests utilisateur ?
Pendant toute la vie du
site
Avant une refonte
Pendant la conception
Lors d’une démarche d’amélioration
continue, démarche agile, lancement
d’une refonte ou d’une optimisation…
Permet d’éviter la suppression
d’éléments utiles, mais qu’il faut
repenser autrement
Permet de recueillir les impressions des
utilisateurs avant la phase de
développement
28
9. Heatmap, scrollmap, confettimap, taux de clic
Scrollmap
Confettimap
Heatmap
Taux de clic
Ces outils permettent de faire des réajustements par rapport aux clics des
utilisateurs.
29
10. Lean UX : la clé de l’efficacité
MVP
Un projet web est
toujours dans une
situation d’état.
30
Les autres méthodes
Style tile
Eye tracking
Questionnaires
Cartographie UX
System Usability Scale
Mind map
31

Contenu connexe

Tendances

Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesign
takaclike
 
Rachel Dubois : du marketing product manager au product owner
Rachel Dubois : du marketing product manager au product ownerRachel Dubois : du marketing product manager au product owner
Rachel Dubois : du marketing product manager au product owner
agiletourbordeaux
 
La vente à l'heure du digital. Entre high-tech et high-touch.
La vente à l'heure du digital. Entre high-tech et high-touch.La vente à l'heure du digital. Entre high-tech et high-touch.
La vente à l'heure du digital. Entre high-tech et high-touch.
Les Brigades du Marketing - www.lesbrigadesdumarketing.com
 
Forum e-commerce du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
Forum e-commerce  du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...Forum e-commerce  du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
Forum e-commerce du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
MBA ESG
 
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
Axel ⚡ Tasciyan
 
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
echangeurba
 
Design de service - le parcours utilisateur
Design de service - le parcours utilisateurDesign de service - le parcours utilisateur
Design de service - le parcours utilisateur
Eva Villebrun
 
Analyser les données Analytics de mon site
Analyser les données Analytics de mon siteAnalyser les données Analytics de mon site
Analyser les données Analytics de mon site
Concept Image
 
Enquêtes à chaud et Parcours Client
Enquêtes à chaud et Parcours ClientEnquêtes à chaud et Parcours Client
Enquêtes à chaud et Parcours Client
Soft Computing
 
Order to cash Agile
Order to cash AgileOrder to cash Agile
Order to cash Agile
Yannick Quenec'hdu
 
5 tendances en Marketing Digital pour 2015
5 tendances en Marketing Digital pour 20155 tendances en Marketing Digital pour 2015
5 tendances en Marketing Digital pour 2015
NiceToMeetYou
 

Tendances (11)

Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesign
 
Rachel Dubois : du marketing product manager au product owner
Rachel Dubois : du marketing product manager au product ownerRachel Dubois : du marketing product manager au product owner
Rachel Dubois : du marketing product manager au product owner
 
La vente à l'heure du digital. Entre high-tech et high-touch.
La vente à l'heure du digital. Entre high-tech et high-touch.La vente à l'heure du digital. Entre high-tech et high-touch.
La vente à l'heure du digital. Entre high-tech et high-touch.
 
Forum e-commerce du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
Forum e-commerce  du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...Forum e-commerce  du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
Forum e-commerce du 26 Mai 2011 : Quand le e-commerce rencontre le Social Co...
 
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
Growth Hacking - Intervention Telecom Paristech vision 13 mai 2020
 
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
 
Design de service - le parcours utilisateur
Design de service - le parcours utilisateurDesign de service - le parcours utilisateur
Design de service - le parcours utilisateur
 
Analyser les données Analytics de mon site
Analyser les données Analytics de mon siteAnalyser les données Analytics de mon site
Analyser les données Analytics de mon site
 
Enquêtes à chaud et Parcours Client
Enquêtes à chaud et Parcours ClientEnquêtes à chaud et Parcours Client
Enquêtes à chaud et Parcours Client
 
Order to cash Agile
Order to cash AgileOrder to cash Agile
Order to cash Agile
 
5 tendances en Marketing Digital pour 2015
5 tendances en Marketing Digital pour 20155 tendances en Marketing Digital pour 2015
5 tendances en Marketing Digital pour 2015
 

En vedette

Explorez votre potentiel de réussite grâce au Startup Founder Canvas
Explorez votre potentiel de réussite grâce au Startup Founder CanvasExplorez votre potentiel de réussite grâce au Startup Founder Canvas
Explorez votre potentiel de réussite grâce au Startup Founder Canvas
Marseille Innovation
 
Onopia - Business Model de Dashlane
Onopia - Business Model de DashlaneOnopia - Business Model de Dashlane
Onopia - Business Model de Dashlane
Onopia
 
Mobile First to AI First
Mobile First to AI FirstMobile First to AI First
Mobile First to AI First
LaFrenchMobile
 
My 3 Biggest Discoveries of the Past 20 Years
My 3 Biggest Discoveries of the Past 20 YearsMy 3 Biggest Discoveries of the Past 20 Years
My 3 Biggest Discoveries of the Past 20 Years
Drift
 
The 3 Stages of Hypergrowth
The 3 Stages of HypergrowthThe 3 Stages of Hypergrowth
The 3 Stages of Hypergrowth
Drift
 
How to Make the Switch to Conversation-Driven Sales
How to Make the Switch to Conversation-Driven SalesHow to Make the Switch to Conversation-Driven Sales
How to Make the Switch to Conversation-Driven Sales
Drift
 
Lean Startup Day - Atelier - Ce que veulent vraiment vos clients - Les probl...
Lean Startup Day  - Atelier - Ce que veulent vraiment vos clients - Les probl...Lean Startup Day  - Atelier - Ce que veulent vraiment vos clients - Les probl...
Lean Startup Day - Atelier - Ce que veulent vraiment vos clients - Les probl...
Pragmatic Giraffe
 
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
Agile En Seine
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait)
Usabilis
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Serena Facchinetti
 
Relation achat grands groupes / startups : explication du projet de Deal Memo
Relation achat grands groupes / startups : explication du projet de Deal MemoRelation achat grands groupes / startups : explication du projet de Deal Memo
Relation achat grands groupes / startups : explication du projet de Deal Memo
Bpifrance Le Hub
 
4CAD Startup
4CAD Startup4CAD Startup
4CAD Startup
Clément Bouchenoire
 
UX Fundamentals for Startups
UX Fundamentals for StartupsUX Fundamentals for Startups
UX Fundamentals for Startups
Growth Hacking Asia
 
Startup 101 : voyage au pays des merveilles
Startup 101 : voyage au pays des merveillesStartup 101 : voyage au pays des merveilles
Startup 101 : voyage au pays des merveilles
Willy Braun
 
#1 Startups Seminar
#1 Startups Seminar#1 Startups Seminar
#1 Startups Seminar
Marcel EBOA
 
Engagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les AppEngagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les App
LaFrenchMobile
 
Comment s'articule l'écosystème de l'innovation en France ?
Comment s'articule l'écosystème de l'innovation en France ?Comment s'articule l'écosystème de l'innovation en France ?
Comment s'articule l'écosystème de l'innovation en France ?
Justine Fradin
 
Retail cops UX guideline
Retail cops UX guidelineRetail cops UX guideline
Retail cops UX guideline
Sherif M.Ibrahim
 
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
Lucien Boix
 
The Truth About Lead Capture Forms
The Truth About Lead Capture FormsThe Truth About Lead Capture Forms
The Truth About Lead Capture Forms
Drift
 

En vedette (20)

Explorez votre potentiel de réussite grâce au Startup Founder Canvas
Explorez votre potentiel de réussite grâce au Startup Founder CanvasExplorez votre potentiel de réussite grâce au Startup Founder Canvas
Explorez votre potentiel de réussite grâce au Startup Founder Canvas
 
Onopia - Business Model de Dashlane
Onopia - Business Model de DashlaneOnopia - Business Model de Dashlane
Onopia - Business Model de Dashlane
 
Mobile First to AI First
Mobile First to AI FirstMobile First to AI First
Mobile First to AI First
 
My 3 Biggest Discoveries of the Past 20 Years
My 3 Biggest Discoveries of the Past 20 YearsMy 3 Biggest Discoveries of the Past 20 Years
My 3 Biggest Discoveries of the Past 20 Years
 
The 3 Stages of Hypergrowth
The 3 Stages of HypergrowthThe 3 Stages of Hypergrowth
The 3 Stages of Hypergrowth
 
How to Make the Switch to Conversation-Driven Sales
How to Make the Switch to Conversation-Driven SalesHow to Make the Switch to Conversation-Driven Sales
How to Make the Switch to Conversation-Driven Sales
 
Lean Startup Day - Atelier - Ce que veulent vraiment vos clients - Les probl...
Lean Startup Day  - Atelier - Ce que veulent vraiment vos clients - Les probl...Lean Startup Day  - Atelier - Ce que veulent vraiment vos clients - Les probl...
Lean Startup Day - Atelier - Ce que veulent vraiment vos clients - Les probl...
 
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait)
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
 
Relation achat grands groupes / startups : explication du projet de Deal Memo
Relation achat grands groupes / startups : explication du projet de Deal MemoRelation achat grands groupes / startups : explication du projet de Deal Memo
Relation achat grands groupes / startups : explication du projet de Deal Memo
 
4CAD Startup
4CAD Startup4CAD Startup
4CAD Startup
 
UX Fundamentals for Startups
UX Fundamentals for StartupsUX Fundamentals for Startups
UX Fundamentals for Startups
 
Startup 101 : voyage au pays des merveilles
Startup 101 : voyage au pays des merveillesStartup 101 : voyage au pays des merveilles
Startup 101 : voyage au pays des merveilles
 
#1 Startups Seminar
#1 Startups Seminar#1 Startups Seminar
#1 Startups Seminar
 
Engagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les AppEngagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les App
 
Comment s'articule l'écosystème de l'innovation en France ?
Comment s'articule l'écosystème de l'innovation en France ?Comment s'articule l'écosystème de l'innovation en France ?
Comment s'articule l'écosystème de l'innovation en France ?
 
Retail cops UX guideline
Retail cops UX guidelineRetail cops UX guideline
Retail cops UX guideline
 
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)
 
The Truth About Lead Capture Forms
The Truth About Lead Capture FormsThe Truth About Lead Capture Forms
The Truth About Lead Capture Forms
 

Similaire à 10 méthodes UX appliquées à votre projet Web

Comment analyser les performances de son site Internet ?
Comment analyser les performances de son site Internet ?Comment analyser les performances de son site Internet ?
Comment analyser les performances de son site Internet ?
CYB@RDECHE
 
Introduction aux webanalytiques et KPIs
Introduction aux webanalytiques et KPIsIntroduction aux webanalytiques et KPIs
Introduction aux webanalytiques et KPIs
Mozalami SEO
 
Parisweb 2010 Web Analytics
Parisweb 2010 Web AnalyticsParisweb 2010 Web Analytics
Parisweb 2010 Web Analytics
RESONEO
 
Optimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du reculOptimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du recul
Paul Evans
 
Refonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datasRefonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datas
altima°
 
2015 livre blanc_barometre_experience_client_digitale_cac_40
2015 livre blanc_barometre_experience_client_digitale_cac_402015 livre blanc_barometre_experience_client_digitale_cac_40
2015 livre blanc_barometre_experience_client_digitale_cac_40
Génération Connectée
 
Kpi et outils de tracking + Best Practices Landing Pages
Kpi et outils de tracking + Best Practices Landing PagesKpi et outils de tracking + Best Practices Landing Pages
Kpi et outils de tracking + Best Practices Landing Pages
Karim BAHAJI
 
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
La-Fabrique-du-Net
 
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UXTesting & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
AT Internet
 
seo mesures audience (outils, KPI, tableaux)
seo  mesures audience (outils, KPI, tableaux)seo  mesures audience (outils, KPI, tableaux)
seo mesures audience (outils, KPI, tableaux)
JCDomenget
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site web
COMPETITIC
 
Conférence Welcom : la web analyse
Conférence Welcom  : la web analyseConférence Welcom  : la web analyse
Conférence Welcom : la web analyse
Brigitte Marandon
 
ESM-A - Web Analytics - 2010-2011
ESM-A - Web Analytics - 2010-2011ESM-A - Web Analytics - 2010-2011
ESM-A - Web Analytics - 2010-2011
legayv
 
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentationRentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
:ratio
 
Analytics - présentation
Analytics - présentationAnalytics - présentation
Analytics - présentation
Oguzseo
 
Analyse du Trafic sur Google Analytics - Agence Web-analytics.fr
Analyse du Trafic sur Google Analytics - Agence Web-analytics.frAnalyse du Trafic sur Google Analytics - Agence Web-analytics.fr
Analyse du Trafic sur Google Analytics - Agence Web-analytics.fr
Web-Analytics.fr
 
Analytics - Présentation
Analytics - PrésentationAnalytics - Présentation
Analytics - Présentation
Oguzseo
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
Claire Bourget, MBA
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
Claire Bourget, MBA
 

Similaire à 10 méthodes UX appliquées à votre projet Web (20)

Comment analyser les performances de son site Internet ?
Comment analyser les performances de son site Internet ?Comment analyser les performances de son site Internet ?
Comment analyser les performances de son site Internet ?
 
Introduction aux webanalytiques et KPIs
Introduction aux webanalytiques et KPIsIntroduction aux webanalytiques et KPIs
Introduction aux webanalytiques et KPIs
 
Jfbelisle caroy
Jfbelisle caroyJfbelisle caroy
Jfbelisle caroy
 
Parisweb 2010 Web Analytics
Parisweb 2010 Web AnalyticsParisweb 2010 Web Analytics
Parisweb 2010 Web Analytics
 
Optimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du reculOptimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du recul
 
Refonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datasRefonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datas
 
2015 livre blanc_barometre_experience_client_digitale_cac_40
2015 livre blanc_barometre_experience_client_digitale_cac_402015 livre blanc_barometre_experience_client_digitale_cac_40
2015 livre blanc_barometre_experience_client_digitale_cac_40
 
Kpi et outils de tracking + Best Practices Landing Pages
Kpi et outils de tracking + Best Practices Landing PagesKpi et outils de tracking + Best Practices Landing Pages
Kpi et outils de tracking + Best Practices Landing Pages
 
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
 
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UXTesting & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
Testing & Optimisation : adopter une approche Test and Learn pour optimiser l'UX
 
seo mesures audience (outils, KPI, tableaux)
seo  mesures audience (outils, KPI, tableaux)seo  mesures audience (outils, KPI, tableaux)
seo mesures audience (outils, KPI, tableaux)
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site web
 
Conférence Welcom : la web analyse
Conférence Welcom  : la web analyseConférence Welcom  : la web analyse
Conférence Welcom : la web analyse
 
ESM-A - Web Analytics - 2010-2011
ESM-A - Web Analytics - 2010-2011ESM-A - Web Analytics - 2010-2011
ESM-A - Web Analytics - 2010-2011
 
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentationRentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
 
Analytics - présentation
Analytics - présentationAnalytics - présentation
Analytics - présentation
 
Analyse du Trafic sur Google Analytics - Agence Web-analytics.fr
Analyse du Trafic sur Google Analytics - Agence Web-analytics.frAnalyse du Trafic sur Google Analytics - Agence Web-analytics.fr
Analyse du Trafic sur Google Analytics - Agence Web-analytics.fr
 
Analytics - Présentation
Analytics - PrésentationAnalytics - Présentation
Analytics - Présentation
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
 

Plus de Core-Techs

Usine à site
Usine à siteUsine à site
Usine à site
Core-Techs
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de recherche
Core-Techs
 
Les moteurs de recherche pour Drupal
Les moteurs de recherche pour DrupalLes moteurs de recherche pour Drupal
Les moteurs de recherche pour Drupal
Core-Techs
 
Le clés d'une stratégie éditoriale réussie
Le clés d'une stratégie éditoriale réussieLe clés d'une stratégie éditoriale réussie
Le clés d'une stratégie éditoriale réussie
Core-Techs
 
Retour d'experience sur drupal 8
Retour d'experience sur drupal 8Retour d'experience sur drupal 8
Retour d'experience sur drupal 8
Core-Techs
 
Content marketing : l'importance du contenu 2
Content marketing : l'importance du contenu 2Content marketing : l'importance du contenu 2
Content marketing : l'importance du contenu 2
Core-Techs
 
Trucs & astuces drupal
Trucs & astuces drupalTrucs & astuces drupal
Trucs & astuces drupal
Core-Techs
 
Keynote drupagora 2015 7
Keynote drupagora 2015 7Keynote drupagora 2015 7
Keynote drupagora 2015 7
Core-Techs
 
Cahier des charges avril 2015
Cahier des charges   avril 2015Cahier des charges   avril 2015
Cahier des charges avril 2015
Core-Techs
 
Les 10 erreurs d'un projet web déc 2014
Les 10 erreurs d'un projet web   déc 2014Les 10 erreurs d'un projet web   déc 2014
Les 10 erreurs d'un projet web déc 2014
Core-Techs
 
Conférence Gestion de projet digital
Conférence Gestion de projet digitalConférence Gestion de projet digital
Conférence Gestion de projet digital
Core-Techs
 
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
Core-Techs
 
Introduction à Drupal 8
Introduction à Drupal 8Introduction à Drupal 8
Introduction à Drupal 8
Core-Techs
 
Cms ecosystème etat des lieux et tendances
Cms ecosystème   etat des lieux et tendancesCms ecosystème   etat des lieux et tendances
Cms ecosystème etat des lieux et tendances
Core-Techs
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche Drupal
Core-Techs
 
Reprise projet Drupal Drupagora2013
Reprise projet Drupal Drupagora2013Reprise projet Drupal Drupagora2013
Reprise projet Drupal Drupagora2013
Core-Techs
 
Drupal Ecommerce - fonctionnalités et atouts
Drupal Ecommerce - fonctionnalités et atoutsDrupal Ecommerce - fonctionnalités et atouts
Drupal Ecommerce - fonctionnalités et atouts
Core-Techs
 
Démonstration Drupal Commons !
Démonstration Drupal Commons ! Démonstration Drupal Commons !
Démonstration Drupal Commons !
Core-Techs
 
Wordpress Ecommerce - Core-Techs
Wordpress Ecommerce - Core-TechsWordpress Ecommerce - Core-Techs
Wordpress Ecommerce - Core-Techs
Core-Techs
 
Drupagora 2012 - Votre application cartographique avec Drupal
Drupagora 2012 - Votre application cartographique avec DrupalDrupagora 2012 - Votre application cartographique avec Drupal
Drupagora 2012 - Votre application cartographique avec Drupal
Core-Techs
 

Plus de Core-Techs (20)

Usine à site
Usine à siteUsine à site
Usine à site
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de recherche
 
Les moteurs de recherche pour Drupal
Les moteurs de recherche pour DrupalLes moteurs de recherche pour Drupal
Les moteurs de recherche pour Drupal
 
Le clés d'une stratégie éditoriale réussie
Le clés d'une stratégie éditoriale réussieLe clés d'une stratégie éditoriale réussie
Le clés d'une stratégie éditoriale réussie
 
Retour d'experience sur drupal 8
Retour d'experience sur drupal 8Retour d'experience sur drupal 8
Retour d'experience sur drupal 8
 
Content marketing : l'importance du contenu 2
Content marketing : l'importance du contenu 2Content marketing : l'importance du contenu 2
Content marketing : l'importance du contenu 2
 
Trucs & astuces drupal
Trucs & astuces drupalTrucs & astuces drupal
Trucs & astuces drupal
 
Keynote drupagora 2015 7
Keynote drupagora 2015 7Keynote drupagora 2015 7
Keynote drupagora 2015 7
 
Cahier des charges avril 2015
Cahier des charges   avril 2015Cahier des charges   avril 2015
Cahier des charges avril 2015
 
Les 10 erreurs d'un projet web déc 2014
Les 10 erreurs d'un projet web   déc 2014Les 10 erreurs d'un projet web   déc 2014
Les 10 erreurs d'un projet web déc 2014
 
Conférence Gestion de projet digital
Conférence Gestion de projet digitalConférence Gestion de projet digital
Conférence Gestion de projet digital
 
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
 
Introduction à Drupal 8
Introduction à Drupal 8Introduction à Drupal 8
Introduction à Drupal 8
 
Cms ecosystème etat des lieux et tendances
Cms ecosystème   etat des lieux et tendancesCms ecosystème   etat des lieux et tendances
Cms ecosystème etat des lieux et tendances
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche Drupal
 
Reprise projet Drupal Drupagora2013
Reprise projet Drupal Drupagora2013Reprise projet Drupal Drupagora2013
Reprise projet Drupal Drupagora2013
 
Drupal Ecommerce - fonctionnalités et atouts
Drupal Ecommerce - fonctionnalités et atoutsDrupal Ecommerce - fonctionnalités et atouts
Drupal Ecommerce - fonctionnalités et atouts
 
Démonstration Drupal Commons !
Démonstration Drupal Commons ! Démonstration Drupal Commons !
Démonstration Drupal Commons !
 
Wordpress Ecommerce - Core-Techs
Wordpress Ecommerce - Core-TechsWordpress Ecommerce - Core-Techs
Wordpress Ecommerce - Core-Techs
 
Drupagora 2012 - Votre application cartographique avec Drupal
Drupagora 2012 - Votre application cartographique avec DrupalDrupagora 2012 - Votre application cartographique avec Drupal
Drupagora 2012 - Votre application cartographique avec Drupal
 

10 méthodes UX appliquées à votre projet Web

  • 1. 1 10 méthodes UX appliquées à votre projet Web
  • 2. 2 Core-Techs – Nos métiers Formation & coaching ConseilIntégration, développement, expertise technique Web et UX design
  • 3. 3 68% des utilisateurs quittent un site à cause d’une mauvaise UX http://uxtraining.uxchamps.com/ A savoir !
  • 4. 4 44% des acheteurs en ligne racontent à un ami une mauvaise expérience en ligne
  • 5. 5 50% du temps des développeurs est consacré à corriger des problèmes d’UX Avoir une bonne démarche UX dès le début du projet est vital pour éviter des coûts non prévus d’optimisation UX après mise en ligne.
  • 6. 6 62% des clients basent leurs prochains achats sur leurs expériences passées
  • 7. 7 1 € investi en UX rapporte plus de 100 € C’est l’histoire simple d’Amazon, qui, avec un simple test utilisateur, a découvert que positionner un bouton « Continuer » plutôt que « S’enregistrer » a fait décoller ses achats de 45%. Le résultat net de cette opération est de 300 millions de dollars gagnés en 1 an.
  • 8. 8 Les composantes de l’UX EMOTION TECHNIQUE ERGONOMIE ANALYSE Véhiculer une expérience Site performant, accessible, rapide… Confort, navigation facile Des réactions utilisateur L’UX n’est pas seulement du design ! C’est également : Ensemble de méthodologies et de processus centrés utilisateur permettant d’imaginer, de concevoir, de développer et d’améliorer un service ou un produit numérique.
  • 10. 10 Quand traiter l’UX ? Erreur souvent commise: on traite l’UX seulement au moment de la conception. Or l’UX c’est…
  • 12. 12 Les étapes Découverte Concept Organisation & Design Production Connaissance de l’utilisateur Pendant toutes les phases d’un projet :
  • 13. 13 Les étapes et méthodes Découverte Concept Organisation & Design Production & suivi • Etudes & Etat de l’art • Benchmarks • Analyse des usages et de l’activité • Audit ergonomique • Entretiens & focus group • Personas • Tri de cartes • Lean prototyping • Maquettes • Tests utilisateurs • Tests utilisateurs • Tests A/B • Analyse quantitative • Carte de chaleur
  • 14. 14 1. Benchmark (analyse de la concurrence) Ne sert pas que à évaluer l’esthétisme d’un site Il a d’autres fonctions, on parle alors de: • Benchmark éditorial (discours utilisateur), • Benchmark ergonomique (fonctionnel), • Benchmark de référencement, …
  • 15. 15 2. Analyse statistique Mesurer AnalyserAméliorer • Quantifier le ROI (retour sur investissement) • Identifier les blocages (par ex : fort taux de rebond) • Comparer avec les ratios type • Formuler des hypothèses (par ex : si mon taux de transformation est faible c’est parce que mon tunnel de commande n’est pas optimisé)
  • 16. 16 2. Analyse statistique – les KPI par cible Nbe total de visite Pages vues par session Durée moyenne de visite Taux de rebond Taux de nouvelles sessions Taux de remplissage formulaire Taux de téléchargement Taux de transformation … Les outils de statistique fournissent souvent trop d’indicateurs, desquels il est complexe d’extraire des données signifiante. Il faut définir des KPI (indicateurs clés) utiles selon son secteur d’activité… Sélectionner au max 5 à 6 KPI !
  • 17. 17 3. Audit ergonomique Critères de Bastien & Sca Jacob Nielsen AFNOR Z67 Essentiel, car il apporte un regard externe de professionnel qui permet d’identifier les principales erreurs et les points positifs du site.
  • 18. 18 4. Personas • Synthétiser des idées • Communiquer et partager une vision commune • Générer de l’empathie Le spontané Le compétiteur L’humaniste Le méthodique Personas = personnes fictives qui représentent les archétypes des utilisateurs de son site. 4 familles de personas:
  • 19. 19 4. Personas Personas Scénarios d’utilisation Parcours utilisateur Expérience map Recrutement des tests utilisateurs Chaque persona a des caractéristiques propres. De ces personas pourront être définis différents scénarios, parcours, cartographies d’expériences et serviront pour recruter les utilisateurs test.
  • 20. 20 5. Tri de cartes Différentes méthodes: • Ouvert/fermé • Utilisateurs finaux / client • Physique / A distance Immersion Définition des contenus Groupement Labellisation Outil indispensable afin de construire l’architecture de l’information.
  • 21. 21 6. Lean prototyping Autres noms: • Croquis / Sketch • Wireframe • Prototype Outil de conception prioritaire. Support essentiel pour tous les acteurs du projet. Retravaillé en permanence.
  • 22. 22 7. Tests A/B QUELLE VERSION GENERE LE PLUS DE CONVERSIONS ? Les tests A/B permettent d’identifier la version, le parcours le plus efficace par rapport à un ou plusieurs objectifs prédéterminés. Les tests A/B doivent toujours se faire sur un seul critère de comparaison, au risque de fausser l’analyse. 15-25% de conversion en + pour des sites ecommerce 30 - 40% de conversion en + pour des sites BtoB
  • 23. 23 Industrialisation des tests A/B au Washington post Lorsque les journalistes du WashingtonPost.com postent un article, ils doivent renseigner 2 titres. Leur système A/B teste automatiquement les 2 propositions et choisit ensuite le titre qui a les meilleurs taux de conversions dans les premières heures d’exposition de l’article.
  • 24. 24 Personnaliser les tests A/B selon vos cibles Nouveaux visiteurs Visiteurs connus Checkout one page -5% +5% Checkout en trois étapes +25% -10% L’enjeu de la réussite d’un projet Web réside dans la personnalisation des réponses en fonction des utilisateurs. Il est intéressant d’exploiter les tests A/B selon différentes catégories de visiteurs. Exemple de ROI différent selon des visiteurs récurrents et des nouveaux visiteurs
  • 25. 25 8. Tests utilisateur 85% des problèmes pourraient être résolus par des tests avec 5 utilisateurs. (Nielsen)
  • 26. 26 Quand faire des tests utilisateur ? A tout moment…
  • 27. 27 Quand faire des tests utilisateur ? Pendant toute la vie du site Avant une refonte Pendant la conception Lors d’une démarche d’amélioration continue, démarche agile, lancement d’une refonte ou d’une optimisation… Permet d’éviter la suppression d’éléments utiles, mais qu’il faut repenser autrement Permet de recueillir les impressions des utilisateurs avant la phase de développement
  • 28. 28 9. Heatmap, scrollmap, confettimap, taux de clic Scrollmap Confettimap Heatmap Taux de clic Ces outils permettent de faire des réajustements par rapport aux clics des utilisateurs.
  • 29. 29 10. Lean UX : la clé de l’efficacité MVP Un projet web est toujours dans une situation d’état.
  • 30. 30 Les autres méthodes Style tile Eye tracking Questionnaires Cartographie UX System Usability Scale Mind map
  • 31. 31

Notes de l'éditeur

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31