User Testing, sans les galères

User Testing, sans les galères

Talk @ Sud Web 2017, Aix en Provence

D22527f59190554bc2dc62a96cb25109?s=128

Lucas CERDAN

May 19, 2017
Tweet

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