Transcript Expérience utilisateur

2
4 avenue Franklin D Roosevelt 75008 Paris FRANCE
Jonathan Cherki - CEO
06.12.64.30.40 - 01.42.25.22.98
[email protected]
http://content-square.fr
Jonathan CHERKI
Qui sommes-nous?
Président Fondateur
3
Etudes:
+ ESSEC
+ Licence de Mathématique et de statistiques
+ Master de Marketing
L’équipe (composée de 20 membres)
+ Chargés de projet Marketing & Conseil
+ Maquettistes & Designer & Ergonomes
+ Analystes statistiques
+ Développeurs informatique
+ Ingénieurs serveur
+ Commerciaux
Des investisseurs de renom
+ CEO de Microsoft Europe et Microsoft France
+ Vice président et CSO de Dassault Systemes
+ CEO de Cegid Group
+ CEO de Sidetrade
+ Autres membres du fond d’investissement Seed4soft
4
Quelques références clients
Activité et objectifs
Réactions
utilisateurs
Mouvements
de souris
Comportement
de surf
Analyse quantitative
de données humaines
Visibilité
Interaction
5
Perception
de marque
Organisation
Ergonomie
Eléments de
réassurance
Facteurs
d’achat
TESTS
DE PERCEPTION
Activité et objectifs
TESTS
DE NAVIGATION
Comprendre
l’expérience
utilisateur
pour améliorer
la rentabilité
de son site Web
TESTS DE PAGES
ET DE CONTENUS
6
Une gamme de solutions
7
Publicitest
Mousetest
Ergotest
Benchmark
Etudes Quali & quanti
sur le web
User Screen
Tracking
A/B
Testing Live
Guide des bonnes
pratiques
Une gamme complète de solutions
de tests et d’optimisations
Mobiletest
Brandingtest
Socialtest
Newstest
Test Quali & Quanti
sur mobile
Mesure de l’efficacité de
campagnes publicitaires
Test des applications
Facebook et pages Fan
Test de
newsletters
Les intervenants
Interviendront sur le sujet :
A/B Testing Home Page et parcours d’achat :
Comment réussir la refonte de son site web
Leslie HALIOUA
Responsable E-commerce
chez Oscaro.com
Numéro 1 de la vente de pièces automobiles sur internet,
avec plus de 10 millions de visiteurs par mois
Comment optimiser le taux de transformation
de son tunnel de conversion ?
Sébastien BAGUET
Responsable E-commerce
chez NRJ mobile
Opérateur de téléphonie mobile avec plus d’1 million de
visiteurs par mois sur nrjmobile.fr
8
A/B Testing
Home Page et
parcours d’achat :
Pièces auto d’origine et accessoires à prix discount
Comment réussir la refonte
de son site web ?
www.oscaro.com
1. Contexte
1
Contexte 1
1 million de clients actifs
400 000 références produits
125 M€ de chiffre d’affaires en 2011
8000 colis expédiés par jour
10M VU / Mois
 Spécificités :
Un site qui a très peu évolué depuis sa création
Marché de besoin
Pure Player
Un catalogue très complexe
Adéquation produit / véhicule obligatoire (navigation complexe)
Best practice difficiles à mettre en œuvre
Centre d’appel très présent
11
1
Contexte 3
Une refonte guidée par l’expérience utilisateur :
 Analyser la perception utilisateur
 Répondre aux attentes et besoins
 Comprendre les difficultés
 Connaître les freins et motivations
 Comprendre la navigation des internautes
12
2. Préparation de la refonte
2
Préparation
de la refonte
Publicitest sur le site web Oscaro Fr
1.
Envoi d’un e-mail
aux panélistes
et clients Oscaro
2.
Explication du
fonctionnement
du test
3.
Questions pré-surf
4.
Surf sur le site
5.
Réponses aux
questions posées
Démonstration
Test Quali/quanti site web
15
Oscaro.com avant
Des recommandations opérationnelles
 Mise en place rapide de premiers éléments d’optimisation : quick win
 Différentes illustrations des recommandations
 3 Maquettes dynamiques proposées au Panel
Faible
Fort
Faible
Fort
Faible
Fort
Maquette après
3. Avant le lancement du test
3
Avant le lancement
du test
Vérification
Tests de différentes résolutions
sur toutes les interfaces
Test temps de
chargement
Test
navigateur
Démonstration
Test temps de chargement et navigateur
21
4. Lancement de l’A/B Testing
Démonstration
A/B Testing
23
4
Lancement
de l’A/B Testing
Lancement
En A/B Testing
Pour minimiser les risques : lancer l’A/B Testing sur un faible pourcentage
Critères observés en temps réel :
Nombre de pages vues & temps passé avant conversion
Taux de transformation 1e et 2e visite
Taux de transformation Client / Nouveau client / New visitor / returning visitor
Taux de transformation par module : carte grise / véhicule / immatriculation
Taux de rebond par type d’utilisateur
Temps moyen passé sur la page
Montant et nombre d’item par Panier / Gain par visiteur
4
Lancement
En A/B Testing
Lancement
de l’A/B Testing
 Taux de revisite
PAGE
FINALISATION
COMMANDE
 Taux d’achat en 2nd visite
 Taux de transformation de chaque outil de recherche
 Taux d’utilisation des modes de recherche
 Performance de la recherche par immatriculation
Une augmentation significative
du taux de transformation
4
Expérience
utilisateur
Lancement
de l’A/B Testing
 Mesurer l’efficacité de la page uniquement sur l’angle de la
performance ne suffit pas pour obtenir le meilleur résultat
possible.
 La version testée, même si elle obtient de meilleurs résultats,
est encore optimisable, grâce à l’analyse du comportement
utilisateur
Objectif : Créer une version optimale
26
4
Expérience
utilisateur
Lancement
de l’A/B Testing
 Vidéo du surf de chaque utilisateur sur les versions testées
Tracking du déplacement de la souris
et du surf des internautes
Y
Réalisation de cartes de chaleur :
•
•
•
•
•
•
Clics
Mouvements
Exposition
Visibilité
Temps
Interaction
X
PIXELS
Les cartes de chaleurs sont fictives ici
Données Mousetest récupérées sur Ergotest :
Tps d'affichage / Tps de chargement / Hauteur de la page / Nb de clics par page vue / Scroll moyen
Taille de la page / Temps de visite moyen / Temps d'interaction moyen
27
Démonstration
Mousetest
28
4
Expérience
utilisateur
Lancement
de l’A/B Testing
Recommandations Mousetest
 Laisser le moteur statique
 Conserver la popup d’explication ouverte
 Mettre des exemples en-dessous des champs à remplir
 Indiquer de façon visuelle l’impossibilité de cliquer sur le deuxième
champ tant que le premier n’est pas rempli.
Comment optimiser
le taux de transformation
de son tunnel de conversion ?
Objectif : Améliorer la transformation
de notre Check Out
Résultats généraux
1 personne sur 5 atteint le TPE
31
1
2
3
Coordoonnées Personnelles
Coordoonnées Bancaires
Paiement
Les cartes
Carte des clics
Mesures
Exposition
Ecran
d’ordinateur
Temps
• Exposition : Zone affichée à l’utilisateur sur son écran.
• Temps : Temps passé par l’internaute.
• Interaction : Zone de temps survolée avec mouvement ou clic.
32
Carte des
mouvements
Analyse du formulaire principal
Qualité de service
33
La checkbox de « Mme » est plus proche du texte
« M. » que du texte « Mme ».
Il arrive que certains internautes cochent la
mauvaise civilité !
- Fil d’Ariane non cliquable:
induit une erreur pour l’internaute
- Menu cliquable:
provoque un taux de sortie plus important
Qualité de service
Ligne de flottaison
% de remplissage par champs
100%
95%
90%
85%
80%
99% 99% 99% 99% 98% 98%
97%
95%
93%
91% 90%
89%
86%
75%
70%
65%
34
68%
Coordonnées personnelles Avant
Coordonnées personnelles V1 après
5. Bonnes pratiques pour réussir sa refonte
Bonnes pratiques
5
Les bonnes recettes
pour réussir sa refonte
1) Savoir quoi tester
2) Adapter la méthode de test à votre infrastructure technique
3) Mesurer le temps de chargement
4) Tester les versions sur différents navigateurs, OS, résolution
5) Vérifier la conformité et la cohérence des données
6) Vérifier la significativité des données dans le temps
38
Bonnes pratiques
5
Les bonnes recettes
pour réussir sa refonte
7) Exclure des groupes qui viendraient fausser les résultats
8) Garder deux sites iso sur toute la durée du test
9) Identifier des objectifs clairs, précis et mesurables
10) Analyser l'expérience utilisateur sur chaque version
11) Analyser les éléments positifs et négatifs de chaque version pour
construire la version optimale
Il ne vous reste plus qu'à vous lancer, sans aucun risque !
39
Merci de votre attention
Avez-vous des questions ?
4 avenue Franklin D Roosevelt 75008 Paris FRANCE
Jonathan Cherki - CEO
06.12.64.30.40 - 01.42.25.22.98
[email protected]
[email protected]
http://content-square.fr