Atelier treejack FLUPA UX day 2016

410 vues

Publié le

Slides de l'atelier du Flupa UX Day 2016 animé par Cornelia Laros sur les tests d'arborescence pour optimiser la structuration de l'information. Au cours de cet atelier, nous avons réalisé des tests d'arborescences en groupes de 5 ou 6 personnes sur papier et comparé les résultats des tests papiers avec des tests en ligne en utilisant la plateforme optimal workshop.

Publié dans : Design
1 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
410
Sur SlideShare
0
Issues des intégrations
0
Intégrations
33
Actions
Partages
0
Téléchargements
17
Commentaires
1
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier treejack FLUPA UX day 2016

  1. 1. Optimiser la navigation en testant l’arborescence de son site Cornelia Laros - @Orsoral - realites-paralleles.com
  2. 2. Atelier Test d’arborescence 2 Cornelia Laros - @Orsoral - realites-paralleles.com Cornelia Laros 5 ans chez Smile 6 mois Freelance Prof et conférencière en herbe 20+ Tests d’arborescences @orsoral www.realites-paralleles.com http://www.slideshare.net/orsoral/atelier-treejack-flupa-ux-day-2016
  3. 3. Cornelia Laros Atelier Test d’arborescence Qu’est-ce qu’un test d’arborescence ? 3 • Une méthode d’optimisation de la structure de contenus (logique de classement et terminologie) indépendante de sa présentation et de son formatage • Une façon de confronter le modèle mental du concepteur à celui de l’utilisateur pour mieux s’y adapter et faciliter l’apprentissage et la navigation • Une approche permettant d’impliquer les utilisateurs avant d’avoir un prototype (et donc, de gagner du temps, de l’argent…)
  4. 4. Cornelia Laros Atelier Test d’arborescence Exemple de ROI 4 V1 V2 V3 V4 Succès 44% 60% 77% 100% Certitude 85% 100% 100% 100% Temps 4min30 3min36 3min23 3min05 Site vitrine d’un produit technologique (présentation, achat et support) des participants des participants
  5. 5. Cornelia Laros Atelier Test d’arborescence Comment fonctionne un test d’arborescence ? 5 1. Partir d’une (piste d’)arborescence existante 2. Identifier les contenus les plus important à trouver - pour le client et pour l’utilisateur et leur position réelle dans l’arborescence 3. Formuler des hypothèses sur la facilité d’accès au contenu 4. Rédiger une question pour inciter l’utilisateur à vous dire où il pense trouver cette information 5. Recueillir les données et les analyser • 10 à 2000 participants, 30 c’est bien • 10 à 20 tâches par participant
  6. 6. Cornelia Laros Atelier Test d’arborescence Bien rédiger les questions du test 6 Couvrir de façon homogène les différentes branches de l’arborescence, ou pas… Formuler la question pour demander le moins d’effort de lecture au participant Donner suffisamment de contexte, mais pas trop Faire attention aux mots clés dans la question. Exemple: • Vous cherchez les plans du concentrateur solaire conçu par l’association, où trouvez- vous cela? • Vous voulez faire une demande de visa en ligne, où trouvez-vous cette fonctionnalité? • Vous aimeriez connaitre le nombre de livres blancs publiés par l’auteur, où trouvez- vous cette information?
  7. 7. Test d’arborescence low tech Réalisez un test d’arborescence low-tech 7 Cornelia Laros
  8. 8. Cornelia Laros Test d’arborescence low tech A vos stylos ! 8 1. Faites 6 groupes de 5 et prenez une arborescence par groupe 2. Identifiez ensemble 3 /4 contenus à tester, important pour le « client » factice ou l’utilisateur. 3. Rédigez sur une feuille les 3 /4 questions à poser aux utilisateurs finaux avec la ou les « bonnes réponses »
 
 (10 minutes) 4. Recueil des données
  9. 9. Cornelia Laros Test d’arborescence low tech Recueil de données 9 Répartissez vous les rôles d’animateur et d’observateur et alternez les rôles dans l’équipe pour que tout le monde passe + jouez les participants pour les autres groupes en attendant (pendant ce temps, je passe noter vos questions) (40 minutes) Animateur 1. Présentez le test comme si le participant ne connaissait pas. 2. Posez vos questions au participant en lui indiquant de pointer / toucher la rubrique qu’il souhaite choisir. 3. Montrez l’arborescence papier et pliez / dépliez la pour montrer les bonnes rubriques selon les choix du participant, jusqu’à ce qu’il dise qu’il pense que « C’est là ». Observateur, notez 1. Les étapes suivies par le participant en face de chaque question, les retours en arrière et hésitations… 2. La réponse finale du participant (et les erreurs éventuelles) 3. Vos observations concernant le test et son déroulement
  10. 10. Optimal Workshop Treejack La même chose mais en high-tech 10 Cornelia Laros
  11. 11. Cornelia Laros Optimal Workshop Treejack Optimal workshop : Treejack 11 • C’est grosso modo ce que nous venons de faire, mais via un formulaire sur internet • Cet outil plutôt qu’un autre car la plateforme est fiable, adaptée à nos besoins, parfois même adapté sur mesure, le support est réactif et leur statisticien est compétent et pédagogue Pour l’atelier, nous allons nous concentrer sur deux phases du test • Créer le test (non vu en atelier car besoin de créer un compte, limitations des comptes gratuits, pas suffisamment compliqué pour justifier d’y passer beaucoup de temps… mais didacticiel pour essayer ce soir chez vous !) • Participer aux tests des autres groupes • Analyser vos résultats et comparer aux test papiers
  12. 12. Cornelia Laros Optimal Workshop Treejack - Comment ça fonctionne? 12
  13. 13. Cornelia Laros Optimal Workshop Treejack - Comment ça fonctionne? 13
  14. 14. Cornelia Laros Optimal Workshop Treejack - Comment ça fonctionne? 14
  15. 15. Cornelia Laros Optimal Workshop Treejack - Comment ça fonctionne? 15
  16. 16. Cornelia Laros Optimal Workshop Treejack - Comment ça fonctionne? Une petite fée a crée vos tests Prenez 10 minutes pour en compléter un maximum 16 Groupe 1 : https:// claros.optimalworkshop.com/treejack/flupa- g1 Groupe 2 : https:// claros.optimalworkshop.com/treejack/flupa- g2 Groupe 3 : https:// claros.optimalworkshop.com/treejack/flupa- g3 Groupe 6 : https:// claros.optimalworkshop.com/treejack/flupa- g6 Groupe 7 : https:// claros.optimalworkshop.com/treejack/flupa- g7 Groupe 9 : https:// claros.optimalworkshop.com/treejack/flupa- g9 Groupe 11 : https:// claros.optimalworkshop.com/treejack/flupa- g11 Groupe 12 : https:// claros.optimalworkshop.com/treejack/flupa- g12 Groupe 14 : https:// claros.optimalworkshop.com/treejack/flupa- g14 Groupe 15 : https:// claros.optimalworkshop.com/treejack/flupa- g15
  17. 17. Cornelia Laros Interpréter les résultats Optimal Workshop Treejack : interpréter les résultats 17
  18. 18. Cornelia Laros Optimal Workshop Treejack : interpréter les résultats 18 Pour chaque tâche • 1er clic • Chemin parcouru • Taux de succès • Hésitations (retours arrière) • Temps de complétion
  19. 19. Cornelia Laros Optimal Workshop Treejack : interpréter les résultats 19
  20. 20. Cornelia Laros Optimal Workshop Treejack : interpréter les résultats 20
  21. 21. Cornelia Laros Optimal Workshop Treejack : interpréter les résultats Interpréter les résultats 21 Objectifs : Accéder aux résultats de votre test, comparez les aux résultats papiers. (15 min) puis venez présenter vos constats et comment vous améliorerez l’arborescence testée au vu des résultats. Chaque groupe viendra présenter brièvement ce qu’il a appris. Groupe 1 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g1/shared-results Groupe 2 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g2/shared-results Groupe 3 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g3/shared-results Groupe 6 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g6/shared-results Groupe 7 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g7/shared-results Groupe 9 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g9/shared-results Groupe 11 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g11/shared-results Groupe 12 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g12/shared-results Groupe 14 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g14/shared-results Groupe 15 : https:// www.optimalworkshop.com/treejack/claros/ flupa-g15/shared-results
  22. 22. Cornelia Laros Conclusions Présentations 22 • Ce qui a bien fonctionné • Ce qui peut être amélioré • Les différences entre le test papier et le test en ligne • Ce que vous avez appris
  23. 23. Cornelia Laros Conclusions Conclusion 23 • Vous avez vu comment ça peut marcher sur papier et en ligne • Si vous voulez reproduire l’expérience en ligne sur vos projets, à titre d’info : tests gratuits sur 3 questions / 10 participants • Pour l’atelier, nous avons utilisé mon compte : abonnement 100 euros / mois hors recrutement, nombre de tests et participants illimité • Pour aller plus loin : créez vous-même le test grâce aux didacticiels dans la suite de la présentation
  24. 24. Atelier Test d’arborescence Bon tests d’arborescences Merci 24 Cornelia Laros
  25. 25. Cornelia Laros Pour créer un test d’arborescence sur Optimal Workshop Créez un compte Comment configurer un Treejack sur Optmial Workshop 25
  26. 26. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 26 Créez 󰇻󰇳 󰈡󰈣uv󰇪󰈜u 󰇹󰇪󰈤t Don󰇳󰇪󰈄-lu󰇮 󰇼󰇳 󰈡om Pu󰇮s 󰈛󰇱󰇯qu󰇪󰈃 󰈤󰇼r « Tre󰇪 »
  27. 27. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 27 Vo󰇻s 󰇴󰈣u󰇾󰇪z 󰈛󰈣󰇱le󰇶 󰇱 󰇪 p󰇰 󰈜 󰈡 du 󰇷󰇮 󰇺 󰈥 en 󰇪󰇳󰇺󰇯er 󰈧’un 󰈛󰈢󰇼󰇵 Col󰇰 󰇪 󰈦 d󰈥󰇴u󰇮 󰈤 󰇼n 󰇹e󰈁t󰇪 󰈥󰇳 u󰇺󰇮l󰇯 󰇷a󰈡t 󰈧󰇪󰈤 t󰈜󰇨u󰇱 󰇧t󰇯o 󰇳󰈤, pu󰇮 󰇷 󰇾󰈜li󰈧󰇪󰈄
  28. 28. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 28 Dan󰇷 󰇱’on󰇫󰇱 󰇪t 󰇹âc󰇬e󰈤 Sa󰇮s󰇯 󰇷 󰈤ez 󰇽󰈢󰈤 q󰇼e󰇷󰇺󰇮 󰈣n󰇷 e󰇺 séle󰈛󰇺󰇮 󰈣n󰇳e󰈄 l󰇧 󰇶épo󰇳󰈤󰇪 󰈜t󰇹e󰈡d󰇻󰈥
  29. 29. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 29 Les 󰈛󰈢󰈡s󰇯 󰇫 󰈡es 󰇷󰈢󰈡t 󰈥󰇳 a󰈡g󰇰 󰇧󰇯 󰈤 pa󰇶 󰈨éfa󰇻󰇹, ma󰇮 󰇷 󰇱’in󰇹󰇪󰈦f󰈜󰈛e 󰇪󰈁󰇯s 󰇹e 󰇪󰈡 f󰇶󰈜󰈡ça󰇮s
  30. 30. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 30 Per󰇷󰈢󰈡n󰈜󰇰i 󰈤󰇪z 󰈧󰈥󰈤 qu󰇪󰇷󰇺󰇯on󰇷 󰇵ré et 󰇴󰈢󰈤t-te󰇷󰇺 󰇮c󰇯 Po󰇻r 󰈜󰈅o󰇻󰇺󰈥r u󰇳󰇪 󰈚󰇼es󰇹󰇮 󰈣 󰈡
  31. 31. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop 31 Par󰇹󰇧󰈪󰈥z 󰈛e󰇺t󰇪 󰇼󰇶󰇱 Qu󰇧n󰈧 󰇾󰈣us ête󰇷 󰇵rêt󰇷, la󰇳󰈝󰇪z 󰇰 󰈥 󰇺es󰇹 (at󰇹󰇪󰈡t󰇯o 󰇳, c’es󰇹 󰈨éfini󰇹󰇮󰈆, vo󰇻󰇷 󰈡󰈥 po󰇻󰇶󰈦󰈥z 󰇴󰇱us 󰇰 󰇪 󰈩󰈣difi󰇪󰇶 󰈥󰈡su󰇮 󰇹 󰈥)
  32. 32. Cornelia Laros Comment configurer un Treejack sur Optmial Workshop Didacticiels complet 32 http://realites-paralleles.com/2015/11/creer-un-test-darborescence- avec-optimal-workshops-treejack/ http://realites-paralleles.com/2016/05/preparer-efficacement-un- treejack/ http://realites-paralleles.com/2016/06/bien-preparer-ses-scenarii- en-vue-dun-test-darborescence/

×