SlideShare une entreprise Scribd logo
1  sur  41
Télécharger pour lire hors ligne
TESTS UTILISATEURS
PHYSIQUE VS À DISTANCE
―
De l’art d’intégrer les utilisateurs au sein du
processus de conception et d’optimisation
Sébastien TANGUY
34 ans - Ingénieur
Co-Fondateur de
www.testapic.com
Pionnier du test utilisateur distant
en France depuis 2011
@sebtanguy @testapic
TEST UTILISATEUR ?
―
OBSERVATION, MESURE & COMPRÉHENSION
DES UTILISATEURS RÉELS OU CIBLES
AU PLUS PROCHE DE LEURS CONDITIONS D’USAGE
AVEC UN PRODUIT OU UNE INTERFACE
POURQUOI LES INTÉGRER AU
PROCESSUS DE CONCEPTION ?
―
PARCE QUE VOUS N’ÊTES PAS
L’UTILISATEUR FINAL…
IL FAUT DONC TESTER POUR :
VALIDER - CORRIGER - OPTIMISER
QUAND LES RÉALISER ?
―
— EXPRESSION DU BESOIN
— SPÉCIFICATIONS
— WIREFRAMES
— MAQUETTES
— INTÉGRATION
— DÉVELOPPEMENT
— RECETTE
— MISE EN PRODUCTION
— BENCHMARK
— SONDAGES BESOINS UTILISATEURS
— ANALYSE DES FONCTIONS EXISTANTES
— TESTS PROTOTYPES FIL DE FER
— QUESTIONNAIRE CIBLE EXPERT
— TESTS MAQUETTES GRAPHIQUES
— 5 SECONDS TESTS
— TESTS ANIMÉS : AXURE / INVISION / ETC.
— TESTS VIDÉOS
— TESTS FONCTIONNELS ITÉRATIFS
— MÉTHODE AGILE
COMMENT LES MENER ?
―
ANALYSER & RECOMMANDERTESTER
1
―
Protocole
Plan de test
› 2
―
Réalisation
des tests
› 3
―
Compilation
des données
› 4
―
Résultats /
Analyses
› 5
―
Actions /
Optimisations
OPTIMISER
ITÉRATION
PROTOCOLE
-
Préparer
Anticiper
Accepter
d’être surpris
PROTOCOLE
-
Plage optimale de tâches
UTILISATEURS - Qui sont-ils ?
-
UTILISATEURS - Où sont-ils ?
-
Échelle locale ? Nationale ? Internationale ?
UTILISATEURS - Combien en faut-il ?
-
Travailler par groupes de 15-20 utilisateurs (par type de profil / par device)
OUTILS - Tests
-
Commentaires vocaux
(“think aloud”)
Commentaires écrits
Capture continue
de l’écran (vidéo)
Questionnaire
Capture d’écran
URL
La collecte de données qualitatives abondantes et détaillées permet d’identifier
et d’illustrer clairement les problèmes d’utilisabilité (Castillo, 2007)
OUTILS - Données
-
La collecte de métriques analytiques & quantitatives multiples doit compléter
l’analyse des données qualitatives
(Paganelli & Paterno, 2002 ; West & Lehman, 2006 ; Vargas et al., 2010 ; Akers et al., 2012)
Temps moyen
07:02 min
2
zones
de clic
principale sur
le menu
1
zone d’
attention de
plus de 15 sec.
3
URL
redondantes
parcours
principal
Métriques
Web
(Analytics)
Réussite
82%
Échec
18%
ANALYSE
-
Identifier et caractériser les problèmes de l’interface
Maximisation de détection => étude utilisateur couplée à une analyse experte
Caractériser les typologies de retours
Contextualiser les problèmes
identifiés
Spécifier leur nature et déterminer
leur(s) cause(s)
Evaluer leur criticité
Envisager des actions correctrices
LABORATOIRE & DISTANT
-
TESTS EN LABORATOIRE
-
▬ Avantages
• Outils de mesure de précision (type eye tracking)
• Présence possible du client derrière une glace sans tain
• Présence d’un modérateur expert durant le test (relance / adaptabilité)
▬ Limites
• Situation artificielle (environnement non « naturel » / source de stress)
• Faible représentativité (1 seul lieu, 1 seul type d’équipement technique)
• Coût élevé (investissement matériel)
• Influence du modérateur sur le comportement de l’utilisateur
■ biais de « désirabilité sociale » (Bosenick et al., 2007 ; Hartson & Castillo, 1998)
“If you want to
understand how
a lion hunts,
DON’T go to the
zoo.
GO to the jungle.“
(Jim Stengel CMO of P&G)
TESTS DISTANTS
-
▬ Avantages
• Testeur en condition réelle d’utilisation (machine / environnement familier)
• Pas d’interaction avec un tiers (pouvant orienter et modifier le parcours)
• Représentativité de l’échantillon
• Flexibilité et rapidité de mise en œuvre
• Rapport Qualité / Performance / Prix
▬ Limites
• Pas de modération (si test asynchrone)
• Constitution d’un panel
Tests utilisateurs FR
―
Tests d’interfaces & de la navigation
Capture Vidéo + Questionnaire
―
Large panel de testeurs
ciblés, qualifiés et réactifs
―
Analyse experte UX et ergonomie
Plan de recommandations
Pour mieux appréhender les usages des visiteurs (clients ou prospects)
& optimiser l’ergonomie des interfaces (web ou mobile)
PANEL D’UTILISATEURS
-
+35
―
critères
de ciblage
+120K
―
panélistes
requalifiés
Représentativité des
internautes français
Analyse & scoring
comportemental
TEST QUESTIONNAIRE
-
TEST QUESTIONNAIRE BENCHMARK
-
TEST VIDÉO
-
TEST VIDÉO MOBILE
-
TEST VIDÉO - EXEMPLES
-
VOIR EN LIGNE― OU ―
DONNÉES COLLECTÉES
-
Verbatims écrits Commentaires vocaux Vidéo de la navigation
Donnéesbrutes
Zones d’
attention
Temps
passés
Succès /
échec tâche
Donnéescompilées
Analyse de
parcours
Analyse par
personas
Clics position
(Heatmap)
BACK OFFICE - Data visualisation
-
Verbatims testeurs
filtrés sur le problème
correspondant
PréconisationsSynthèse
Problématique
Hypothèses
Objectifs
Données sources
EXEMPLES
RECHERCHE UTILISATEUR
« Si vous deviez rechercher un bien à acheter ou à louer sur un site de petites annonces immobilières,
quels seraient les critères que vous aimeriez avoir à disposition sur le moteur de recherche du site ? »
1784 utilisateurs
en 48h
Top 10 des critères et filtres les plus sollicités
(en dehors du type de transaction)
● Type de bien
● Localité
● Annonces avec plusieurs photos
● Type de chauffage (électrique / fioul / gaz /
bois)
● Prix maximum
● Surface habitable minimum
● ...
=> Regroupement par top catégories attendues
CONCEPTION APPLICATION
CONTEXTE OBJECTIFS
10% des parcours utilisateurs
animés lors du test
Tester 2 modes de navigation et
identifier le plus efficient
Proposition TestapicVersion actuelle
NOUVELLE FONCTIONNALITÉ
CONTEXTE OBJECTIFS
Nouveau moteur de recherche
Étudier l’impact d’une nouvelle fonctionnalité
sur l’usage :
Recherche Adresse >> Adresse VS Gare >> Gare
OPTIMISATION PARCOURS D’ACHAT
OPTIMISATION PARCOURS D’ACHAT
+15%DE CONVERSION
grâce à la 1ère reco
TEST VIDÉO - Webaquebec.org
-
VOIR EN LIGNE― OU ―
DES QUESTIONS ?
@sebtanguy @testapic
SÉBASTIEN TANGUY
―
Co-fondateur
Responsable Opérationnel Testing
sebastien@testapic.com
+33 1 47 00 92 86 ― +33 6 48 14 55 74
30 Rue de Charonne
75011 PARIS - FRANCE
@sebtanguy @testapic

Contenu connexe

Similaire à Testapic WAQ 2016

Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionJulien Roland
 
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 digitauxIdean France
 
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...Matyas Gabor
 
Altics Tests Utilisateurs
Altics Tests UtilisateursAltics Tests Utilisateurs
Altics Tests UtilisateursALTICS
 
Altics eyetracking
Altics eyetrackingAltics eyetracking
Altics eyetrackingALTICS
 
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324Annick Rimbod-Pethiod, CBAP
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)Julien Roland
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonOlivier Lorrain
 
Découvrez enfin ce qui est réellement vu !
Découvrez enfin ce qui est réellement vu !Découvrez enfin ce qui est réellement vu !
Découvrez enfin ce qui est réellement vu !ALTICS
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence BackeliteIdean France
 
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...Julie DULOT
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site webCOMPETITIC
 
Workshop YUX Dakar - May 27th - 20 tests to improve your UX Design
Workshop YUX Dakar - May 27th - 20 tests to improve your UX DesignWorkshop YUX Dakar - May 27th - 20 tests to improve your UX Design
Workshop YUX Dakar - May 27th - 20 tests to improve your UX DesignYUX Dakar
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Raphael De Robiano
 
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 Un exemple de méthodologie de conception orientée utilisateur de produits in... Un exemple de méthodologie de conception orientée utilisateur de produits in...
Un exemple de méthodologie de conception orientée utilisateur de produits in...M@rsouin
 
Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)vincent aniort
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Wax Interactive
 
Management Des Performances
Management Des PerformancesManagement Des Performances
Management Des Performancesaharti
 

Similaire à Testapic WAQ 2016 (20)

Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
 
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
 
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
 
StarDust @SHAKE 2014
StarDust @SHAKE 2014StarDust @SHAKE 2014
StarDust @SHAKE 2014
 
Altics Tests Utilisateurs
Altics Tests UtilisateursAltics Tests Utilisateurs
Altics Tests Utilisateurs
 
Altics eyetracking
Altics eyetrackingAltics eyetracking
Altics eyetracking
 
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324
Groupe Business Analysis de l'ADIRA, ingénierie des exigences 20170324
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction (Mobile)
 
Challenge Café
Challenge CaféChallenge Café
Challenge Café
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
Découvrez enfin ce qui est réellement vu !
Découvrez enfin ce qui est réellement vu !Découvrez enfin ce qui est réellement vu !
Découvrez enfin ce qui est réellement vu !
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence Backelite
 
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site web
 
Workshop YUX Dakar - May 27th - 20 tests to improve your UX Design
Workshop YUX Dakar - May 27th - 20 tests to improve your UX DesignWorkshop YUX Dakar - May 27th - 20 tests to improve your UX Design
Workshop YUX Dakar - May 27th - 20 tests to improve your UX Design
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
 
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 Un exemple de méthodologie de conception orientée utilisateur de produits in... Un exemple de méthodologie de conception orientée utilisateur de produits in...
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 
Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI
 
Management Des Performances
Management Des PerformancesManagement Des Performances
Management Des Performances
 

Testapic WAQ 2016

  • 1. TESTS UTILISATEURS PHYSIQUE VS À DISTANCE ― De l’art d’intégrer les utilisateurs au sein du processus de conception et d’optimisation
  • 2. Sébastien TANGUY 34 ans - Ingénieur Co-Fondateur de www.testapic.com Pionnier du test utilisateur distant en France depuis 2011 @sebtanguy @testapic
  • 4. OBSERVATION, MESURE & COMPRÉHENSION DES UTILISATEURS RÉELS OU CIBLES AU PLUS PROCHE DE LEURS CONDITIONS D’USAGE AVEC UN PRODUIT OU UNE INTERFACE
  • 5. POURQUOI LES INTÉGRER AU PROCESSUS DE CONCEPTION ? ―
  • 6. PARCE QUE VOUS N’ÊTES PAS L’UTILISATEUR FINAL… IL FAUT DONC TESTER POUR : VALIDER - CORRIGER - OPTIMISER
  • 8. — EXPRESSION DU BESOIN — SPÉCIFICATIONS — WIREFRAMES — MAQUETTES — INTÉGRATION — DÉVELOPPEMENT — RECETTE — MISE EN PRODUCTION — BENCHMARK — SONDAGES BESOINS UTILISATEURS — ANALYSE DES FONCTIONS EXISTANTES — TESTS PROTOTYPES FIL DE FER — QUESTIONNAIRE CIBLE EXPERT — TESTS MAQUETTES GRAPHIQUES — 5 SECONDS TESTS — TESTS ANIMÉS : AXURE / INVISION / ETC. — TESTS VIDÉOS — TESTS FONCTIONNELS ITÉRATIFS — MÉTHODE AGILE
  • 10. ANALYSER & RECOMMANDERTESTER 1 ― Protocole Plan de test › 2 ― Réalisation des tests › 3 ― Compilation des données › 4 ― Résultats / Analyses › 5 ― Actions / Optimisations OPTIMISER ITÉRATION
  • 13. UTILISATEURS - Qui sont-ils ? -
  • 14. UTILISATEURS - Où sont-ils ? - Échelle locale ? Nationale ? Internationale ?
  • 15. UTILISATEURS - Combien en faut-il ? - Travailler par groupes de 15-20 utilisateurs (par type de profil / par device)
  • 16. OUTILS - Tests - Commentaires vocaux (“think aloud”) Commentaires écrits Capture continue de l’écran (vidéo) Questionnaire Capture d’écran URL La collecte de données qualitatives abondantes et détaillées permet d’identifier et d’illustrer clairement les problèmes d’utilisabilité (Castillo, 2007)
  • 17. OUTILS - Données - La collecte de métriques analytiques & quantitatives multiples doit compléter l’analyse des données qualitatives (Paganelli & Paterno, 2002 ; West & Lehman, 2006 ; Vargas et al., 2010 ; Akers et al., 2012) Temps moyen 07:02 min 2 zones de clic principale sur le menu 1 zone d’ attention de plus de 15 sec. 3 URL redondantes parcours principal Métriques Web (Analytics) Réussite 82% Échec 18%
  • 18. ANALYSE - Identifier et caractériser les problèmes de l’interface Maximisation de détection => étude utilisateur couplée à une analyse experte Caractériser les typologies de retours Contextualiser les problèmes identifiés Spécifier leur nature et déterminer leur(s) cause(s) Evaluer leur criticité Envisager des actions correctrices
  • 20. TESTS EN LABORATOIRE - ▬ Avantages • Outils de mesure de précision (type eye tracking) • Présence possible du client derrière une glace sans tain • Présence d’un modérateur expert durant le test (relance / adaptabilité) ▬ Limites • Situation artificielle (environnement non « naturel » / source de stress) • Faible représentativité (1 seul lieu, 1 seul type d’équipement technique) • Coût élevé (investissement matériel) • Influence du modérateur sur le comportement de l’utilisateur ■ biais de « désirabilité sociale » (Bosenick et al., 2007 ; Hartson & Castillo, 1998)
  • 21. “If you want to understand how a lion hunts, DON’T go to the zoo. GO to the jungle.“ (Jim Stengel CMO of P&G)
  • 22. TESTS DISTANTS - ▬ Avantages • Testeur en condition réelle d’utilisation (machine / environnement familier) • Pas d’interaction avec un tiers (pouvant orienter et modifier le parcours) • Représentativité de l’échantillon • Flexibilité et rapidité de mise en œuvre • Rapport Qualité / Performance / Prix ▬ Limites • Pas de modération (si test asynchrone) • Constitution d’un panel
  • 23. Tests utilisateurs FR ― Tests d’interfaces & de la navigation Capture Vidéo + Questionnaire ― Large panel de testeurs ciblés, qualifiés et réactifs ― Analyse experte UX et ergonomie Plan de recommandations Pour mieux appréhender les usages des visiteurs (clients ou prospects) & optimiser l’ergonomie des interfaces (web ou mobile)
  • 29. TEST VIDÉO - EXEMPLES - VOIR EN LIGNE― OU ―
  • 30. DONNÉES COLLECTÉES - Verbatims écrits Commentaires vocaux Vidéo de la navigation Donnéesbrutes Zones d’ attention Temps passés Succès / échec tâche Donnéescompilées Analyse de parcours Analyse par personas Clics position (Heatmap)
  • 31. BACK OFFICE - Data visualisation - Verbatims testeurs filtrés sur le problème correspondant PréconisationsSynthèse Problématique Hypothèses Objectifs Données sources
  • 33. RECHERCHE UTILISATEUR « Si vous deviez rechercher un bien à acheter ou à louer sur un site de petites annonces immobilières, quels seraient les critères que vous aimeriez avoir à disposition sur le moteur de recherche du site ? » 1784 utilisateurs en 48h Top 10 des critères et filtres les plus sollicités (en dehors du type de transaction) ● Type de bien ● Localité ● Annonces avec plusieurs photos ● Type de chauffage (électrique / fioul / gaz / bois) ● Prix maximum ● Surface habitable minimum ● ... => Regroupement par top catégories attendues
  • 34. CONCEPTION APPLICATION CONTEXTE OBJECTIFS 10% des parcours utilisateurs animés lors du test Tester 2 modes de navigation et identifier le plus efficient
  • 35. Proposition TestapicVersion actuelle NOUVELLE FONCTIONNALITÉ CONTEXTE OBJECTIFS Nouveau moteur de recherche Étudier l’impact d’une nouvelle fonctionnalité sur l’usage : Recherche Adresse >> Adresse VS Gare >> Gare
  • 39. TEST VIDÉO - Webaquebec.org - VOIR EN LIGNE― OU ―
  • 41. SÉBASTIEN TANGUY ― Co-fondateur Responsable Opérationnel Testing sebastien@testapic.com +33 1 47 00 92 86 ― +33 6 48 14 55 74 30 Rue de Charonne 75011 PARIS - FRANCE @sebtanguy @testapic