User Testing, sans les galères

Talk @ Sud Web 2017, Aix en Provence

Transcript

1. UX Testing Sans les galères @lucascerdan Product & UX @
2. Un petit jeu
3. Un petit jeu
4. Un petit jeu Retour à l’écran précédent
5. Un petit jeu Retour à l’écran précédent
6. Un petit jeu Retour à l’écran précédent Menu
7. Un petit jeu Retour à l’écran précédent Menu
8. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?)
9. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?)
10. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier
11. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier
12. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche
13. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche
14. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche
15. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche
16. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente
17. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente
18. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente Oublier / Supprimer la suggestion
19. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente Oublier / Supprimer la suggestion
20. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente Oublier / Supprimer la suggestion Lien vers page de résultats
21. Un petit jeu Retour à l’écran précédent Menu Logo (cliquable?) Panier Barre de recherche Annuler la recherche Suggestion de recherche précédente Oublier / Supprimer la suggestion Lien vers page de résultats
22. Tap-ahead pattern
23. ...
24. 80% de professionnels du web interrogés ignoraient l’existence de ce pattern
25. Tester vos suppositions
26. • Stage 1: Hostility Toward Usability • Stage 2: Developer-Centered User Experience • Stage 3: Skunkworks User Experience • Stage 4: Dedicated UX Budget • Stage 5: Managed Usability • Stage 6: Systematic User-Centered Design Process • Stage 7: Integrated User-Centered Design • Stage 8: User-Driven Corporation Corporate UX Maturity Source: Norman Nielsen Group - http://tiny.cc/ux-maturity Dès Lundi matin
27. Card Sorting Cognitive Walkthroughs Contextual Task Analysis Facilitated Brainstorming Focus Groups Heuristic Evaluation One-on-One Interviews Participatory Design Surveys Usability Testing Quality Assurance Testing HCI Design Approaches User Experience Modeling ... Une panoplie de méthodes
28. Des méthodes complémentaires Qualitatif Quantitatif Utilisateurs 4 à 20 > 20 Méthode Observation Expérience contrôlée But Itération Preuve scientifique
29. “ What people say, what people do, and what they say they do are entirely different things. - Margaret Mead
30. Un processus itératif Session 1 Session 2 Session 3 Session 4
31. Etapes d’un processus solide 1. Déterminer le sujet du test 2. Recruter les participants 3. Écrire les tâches 4. Établir le lieu et la matériel nécessaire 5. Effectuer les tests 6. Analyser les résultats 7. Communiquer les résultats 8. Améliorer votre design
32. 1. Déterminer le sujet du test • Etablir le plan de test (objectifs, metrics, …) • Sélectionner le profil des participants • Inclure l’équipe dès le début du processus
33. 2. Recruter les participants • Le plus chronophage et/ou le plus cher • Critique de bien filtrer le profil recherché • Plateformes en ligne: Attention aux testeurs professionnels Êtes-vous un développeur? Oui Non Quelle est votre profession? Marketing Sales Développeur Ressources humaines
34. 3. Ecrire les tâches • Élément clé entre un test utile et un test raté • Toujours faire un pilote en interne • Utiliser un framework pour vérifier la qualité ◦ Réaliste ◦ Actionable ◦ Sans indice Task: Sign up for this company's weekly newsletter. Task: Find a way to get information on upcoming events sent to your email on a regular basis.
35. 4. Etablir le lieu En personne A distance Modéré User testing classique User testing via vidéoconf Skype, Zoom, GoToMeeting, ... Automatisé Utile si projet secret Exercice créé sur des plateformes de tests (Usertesting, whatuserdo, Validately, …)
36. 4. Un kit complet pour $200 Desktop Mobile Tous les détails sur: https://medium.com/@lucascerdan
37. 4. Exemple de rendu Tous les détails sur: https://medium.com/@lucascerdan • Screenflow • Reflector
38. 5. Effectuer les tests • Préparer votre checklist • “Set up and forget” • Inviter les membres de votre équipe, mais modérer
39. 6. Analyser les résultats
40. 7. Prenez le temps de communiquer en interne • Mentionner les points positifs ET négatifs • Eviter les opinions, évoquer uniquement les faits • Ne pas présenter les résultats comme représentatif d’un échantillon statistique
41. 8. Ce que ça a changé Le ROI direct est compliqué à calculer mais: • Toutes les sessions, sans exception, nous ont permis d’apprendre quelque chose • Motivant de découvrir ces moments “wow” • Utile pour déterminer comment parler de votre produit • Bonus facultatif: Certains participants sont devenus des clients "We'll play with it, probably try some searches, and if I like it, haha, I could whip out the Amex card and it may happen. Very cool"
42. A vous de jouer! @lucascerdan