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.

1. Optimiser la
navigation
en testant l’arborescence de son site
Cornelia Laros - @Orsoral - realites-paralleles.com

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. 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. 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. 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. 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. Test d’arborescence low tech
Réalisez un test
d’arborescence low-tech
7
Cornelia Laros

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. 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. Optimal Workshop Treejack
La même chose
mais en high-tech
10
Cornelia Laros

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. Cornelia Laros
Optimal Workshop Treejack - Comment ça fonctionne? 12

13. Cornelia Laros
Optimal Workshop Treejack - Comment ça fonctionne? 13

14. Cornelia Laros
Optimal Workshop Treejack - Comment ça fonctionne? 14

15. Cornelia Laros
Optimal Workshop Treejack - Comment ça fonctionne? 15

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. Cornelia Laros
Interpréter les résultats
Optimal Workshop Treejack : interpréter les résultats 17

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. Cornelia Laros
Optimal Workshop Treejack : interpréter les résultats 19

20. Cornelia Laros
Optimal Workshop Treejack : interpréter les résultats 20

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. 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. 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. Atelier Test d’arborescence
Bon tests d’arborescences
Merci
24
Cornelia Laros

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. Cornelia Laros
Comment configurer un Treejack sur Optmial Workshop 26
Créez 󰇻󰇳 󰈡󰈣uv󰇪󰈜u 󰇹󰇪󰈤t
Don󰇳󰇪󰈄-lu󰇮 󰇼󰇳 󰈡om
Pu󰇮s 󰈛󰇱󰇯qu󰇪󰈃
󰈤󰇼r « Tre󰇪 »

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. 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. 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. 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. 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. 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/