Toutes les étapes de la technique décortiquée à partir des notions théoriques. Puis mises en pratique à partir du contenu d’un site web. Et enfin, analyse commune des résultats autour d’un café.
3. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 3
4. 1. Card sorting ?
• Définition
• Objectif
• Principe
Petit déj' de l'ergonomie FLUPA 4
5. 1. Card sorting ?
• Types de tri :
– Ouvert
– Fermé
– In situ
– A distance
Petit déj' de l'ergonomie FLUPA 5
6. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 6
7. 2. Contexte initial
• Analysez le quoi et pas le comment !
• Vos objectifs ?
• Votre cœur de cible ?
• « On veut un test utilisateur ! »
– « Euh il vous faut un tri de cartes »
Petit déj' de l'ergonomie FLUPA 7
8. 2. Contexte initial
• Mettre en place un protocole de tri de cartes
– Démarche scientifique
– Hypothèses
– Métriques ? / Analyse visée ? / Quantitatif ou qualitatif ?
– Tri de carte ouvert / fermé / à distance / in situ / nombre d’étapes ?
Petit déj' de l'ergonomie FLUPA 8
8
9. 2. Contexte initial
Les bases pour l’évaluation
• Evaluateur : pas impliqué dans la conception
• Représentativité :
– Utilisateurs
– Tâches
Petit déj' de l'ergonomie FLUPA 9
10. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Plan de test
5. Le contenu / les cartes
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 10
11. 3. Choisir les utilisateurs
L’utilisateur = diversité
Petit déj' de l'ergonomie FLUPA 11
12. 3. Choisir les utilisateurs
L’utilisateur = diversité
Petit déj' de l'ergonomie FLUPA 12
13. 3. Choisir les utilisateurs
• Découle des besoins
• Personas ?
• Nombre d’utilisateurs ?
Petit déj' de l'ergonomie FLUPA 13
14. 3. Choisir les utilisateurs
Un collègue :
« Oui moi je suis aussi un utilisateur du web, en plus j’ai de
l’expérience en XHTML »…
Petit déj' de l'ergonomie FLUPA 14
15. 3. Choisir les utilisateurs
Le patron :
« Mais voyons, je connais du monde, prenez ma mère tiens ! »…
Petit déj' de l'ergonomie FLUPA 15
16. 3. Choisir les utilisateurs
Exemple : projet www.gouvernement.lu
• Grand public
• « Cible avertie » :
– Fonctionnaires
– Ambassadeurs
– Journalistes (Presse)
On ne remet pas en cause les profils utilisateurs sur base du
coût de recrutement…
Petit déj' de l'ergonomie FLUPA 16
17. 3. Choisir les utilisateurs
Exemple : projet Dotclear
• Grand public
• Trois variables :
• Niveau d’expérience
• Attentes
• Niveau de droits
Petit déj' de l'ergonomie FLUPA 17
18. 3. Choisir les utilisateurs
Exemple : site Paris Web 2010
• A distance :
– 60 participants
• Sur place :
– 6 groupes
• Uniquement des personnes inscrites à la conférence Paris
Web 2010
• Les personnes avaient déjà visité le site Paris Web 2010
Petit déj' de l'ergonomie FLUPA 18
20. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 20
21. 4. Le contenu / les cartes
• En moyenne 50 – 60
cartes
Petit déj' de l'ergonomie FLUPA 21
22. 4. Le contenu / les cartes
• Trop de cartes ?
• Sur beaucoup de projets, arbo de 5 niveaux :
– On considère les niveaux « n », « n-1 » et « n-2 »
• Prioritisation du niveau « n » si possible
• Fonction « random » au niveau « n-1 » et « n-2 »
Petit déj' de l'ergonomie FLUPA 22
23. 4. Le contenu / les cartes
Pensez à procéder par étape
Petit déj' de l'ergonomie FLUPA 23
24. 4. Le contenu / les cartes
• Contenu adapté :
– Objectifs du site
– Tâches utilisateurs
• Compréhensibles
• Même niveau dans l’arborescence
• Testables :
– Organigramme ?
– Une fonctionnalité ?
Ne guidez pas l’utilisateur dans les intitulés
Petit déj' de l'ergonomie FLUPA 24
26. 4. Le contenu / les cartes
• Granularité des contenus de cartes
Les gouvernements de 1848 à
nos jours
Dir Dammen an Dir Hären,
Den Nationalfeierdag ass all Joer
anescht. Kuerz virum Krich an an
deene schlëmme Joren am Krich
hu mer en a gedréckter
Stëmmung gefeiert
Adoptez une même granularité pour les contenus !
Petit déj' de l'ergonomie FLUPA 26
27. 4. Le contenu / les cartes
Petit déj' de l'ergonomie FLUPA 27
28. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 28
29. 5. Plan de test
• Exemple : projet Dotclear
Tri ouvert
Etape 1 Etape 2
Novices
Tri fermé
Etape 1 Etape 2
Tri ouvert
Etape 1 Etape 2
Experts • Minimum 80
Tri fermé
utilisateurs
Etape 1 Etape 2
exigés !
Petit déj' de l'ergonomie FLUPA 29
30. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 30
31. 6. Organiser la séance
• Nombre d’utilisateurs :
– In situ : entre 5 et 8 par séances
– A distance : pas de limite
• Durée des séances
• Respectez le protocole à chaque séance
In situ : Prévoir 2 personnes lors des séances (l’animateur se
consacre intégralement aux participants)
Petit déj' de l'ergonomie FLUPA 31
32. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 32
33. 7. Préparer le matériel – Vive le Green IT
• Consignes
• Matériel (in situ) :
– Cartes :
• Recyclez votre matériel de bureau
– Post-it
– Élastiques
– Stylos
– Table assez grande (sans rire…)
Prévoir des cartes vierges (pour laisser la possibilité de
dupliquer des contenus)
Petit déj' de l'ergonomie FLUPA 33
37. 7. Préparer le matériel
Quelques outils :
• Websort (www.websort.net)
• Optimalsort (www.optimalworkshop.com/)
• Opensort
• Xsort - MacOS (www.xsortapp.com/)
• Cardzort (www.cardzort.com)
• uzCardSort (uzilla.mozdev.org/cardsort.html)
Petit déj' de l'ergonomie FLUPA 37
38. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 38
39. 8. Déroulement du tri
• Phase 1 : Accueil et consignes
• Phase 2 : Regrouper
• Phase 3 : Nommer
• Phase 4 : Debriefing
Petit déj' de l'ergonomie FLUPA 39
40. Phase 1 : Accueil et consignes
• Mettez les gens en condition
• Expliquez l’objectif pour obtenir ce que vous souhaitez, mais
sans en dire trop pour ne pas biaiser les résultats :
– Objectif global du site
– Contenus des cartes
• « Faites des regroupements qui ont du sens pour VOUS »
Méfiez-vous de vous-même !
Petit déj' de l'ergonomie FLUPA 40
41. Phase 2 : Regrouper
Tout trier avant de nommer
Petit déj' de l'ergonomie FLUPA 41
42. Phase 3 : Nommer
Petit déj' de l'ergonomie FLUPA 42
43. Phase 4 : Debriefing
• A la fin du tri, expliquez la finalité du tri aux participants
• Minimisez le travail de saisie par après :
– Une personne pour diriger, une personne pour noter
– Intégrez les résultats directement dans le logiciel pour gagner du temps
Petit déj' de l'ergonomie FLUPA 43
44. Mise en pratique en groupe dans la salle
• Phase 1 : Accueil et consignes
• Phase 2 : Regrouper (20 minutes)
• Phase 3 : Nommer (10 minutes)
• Phase 4 : Debriefing
Petit déj' de l'ergonomie FLUPA 44
45. Mise en pratique en ligne
• Un volontaire ?
Petit déj' de l'ergonomie FLUPA 45
46. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 46
47. 9. Résultats et analyse
Données brutes
• Données brutes = illisibles
• Analyse experte indispensable
• Consolidez les données
Petit déj' de l'ergonomie FLUPA 47
48. 9. Résultats et analyse
Analyse
• Deux alternatives :
– Qualitatif versus quantitatif ?
– Analyse statistique
– Analyse exploratoire
• « On fait quoi chef ? »
– « On combine »
• « Dans quel ordre ? »
– « Ca suffit ces questions oui ? »
Analysez sans le client !
Petit déj' de l'ergonomie FLUPA 48
49. 9. Résultats et analyse
Analyse statistique : matrices de co-occurences
http://websort.net/manager/
Petit déj' de l'ergonomie FLUPA 49
50. 9. Résultats et analyse
Analyse statistique : les Dendogrammes ... « Les quoi ? »
Petit déj' de l'ergonomie FLUPA 50
51. Cartes Résultats
N° Intitulé Experts Novices
1 Dossiers dans lesquels on peut OK OK
classer des textes/articles/billets 88% 85%
17% - Billets 15% - Billets
10% - Pages
Actions à entreprendre RAS
2 Catégories Dotclear contenant tous OK OK
les textes/articles/billets relatifs à 75% 70%
Dotclear
12% - Autre 10% - Tags
10% - Billets
Actions à entreprendre RAS
Analyse globale et 1ères recommandations
Pas de grand problème pour cette rubrique
Lorsque l’utilisateur crée un billet, mettre clairement en avant la possibilité de lui assigner une
catégorie
Mettre en évidence la culture blog pour les novices (billets / commentaires / catégories / tags / pages)
Lorsque l’utilisateur crée un billet, mettre clairement en avant la possibilité de lui assigner une
catégorie
Mettre en évidence la culture blog pour les novices
Petit déj' de l'ergonomie FLUPA 51
52. 9. Résultats et analyse
Analyse exploratoire
• Qualitatif
• Démarche / Approche / Logique de classement
• Déduction de nouvelles hypothèses
• In situ :
– Lors du debriefing (gros avantage de l’in situ)
• A distance :
– Check personne par personne
– Regarder les personnes qui se détachent de la tendance
Tirez profit des commentaires des utilisateurs
Petit déj' de l'ergonomie FLUPA 52
53. 9. Résultats et analyse
• Analyse « Tri ouvert » : bienvenue aux portes ouvertes
Petit déj' de l'ergonomie FLUPA 53
54. 9. Résultats et analyse
Exemple : Site Paris Web 2010
• Tri ouvert : analyse des titres de regroupements
Association PW
A propos de PW Equipe PW
Actualités
News Les fondateurs
Annonces
Actualités orateurs
Editions précédentes
Archives
Goodies
Boutique
Petit déj' de l'ergonomie FLUPA 54
55. 9. Résultats et analyse
Exemple : Tri de cartes sur les vin
• Novices – Généraliste
– Par couleurs
– Plus grossier (« bulles », « sucré »)
– Moins de rubriques (une 20aine au total)
• Experts - Précis et détaillé
– Par région (alors qu’elles n’étaient pas indiquées)
– Par cépage
– Par domaine
– Par plat culinaire
– Plus de rubriques (une 40aine au total)
Petit déj' de l'ergonomie FLUPA 55
56. Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir (et recruter) les utilisateurs
4. Le contenu / les cartes
5. Plan de test
6. Organiser la séance
7. Préparer le matériel
8. Déroulement du tri
9. Résultats et analyse
10. Solutions proposées
Petit déj' de l'ergonomie FLUPA 56
57. 10. Solutions proposées
• On décèle :
– Catégorie ou contenu mal intitulés
– Contenu pas à la bonne place
– Besoin d’une nouvelle catégorie
– Besoin de liens réciproques
– Différences selon les profils … ou pas
• Le tri permet parfois d’identifier :
– Un contenu inutile
– Un contenu manquant
Mais ce n’est pas son objectif premier !
Le client est nécessaire ! (besoins orga, marketing etc.)
Petit déj' de l'ergonomie FLUPA 57
58. 10. Solutions proposées
• N’oubliez pas les fondamentaux :
– Approche thématique :
• Pas organisationnelle
– Largeur versus profondeur
– Arborescence régulière
– Une page est présente à un seul endroit :
• Faites ensuite des liens transversaux
– Etc.
Petit déj' de l'ergonomie FLUPA 58
59. 10. Solutions proposées
Utilisez des visuels (p.ex. cartographie) pour communiquer
Petit déj' de l'ergonomie FLUPA 59
62. 10. Solutions proposées
Exemple : projet Dotclear
Dotclear
Avant Après
Blog Mon blog
- Billets (+ Nouveau billet)
- Catégories
- Tags
- Médiathèque (comportera un lien vers la sauvegarde de la médiathèque)
- Commentaires (comportera un lien vers la gestion des spams et le paramétrage de l'antispam)
- Pages
- Liens / Blogroll
- Paramètres du blog (comportera chemins des thèmes et de la médiathèque)
- Apparence du blog (comportera un lien vers l'installation de thèmes)
Système Réglages système
- Gestion des blogs (id + Import ; comportera un lien vers Sauvegarde)
- Gestion des utilisateurs
- Gestion des langues
- Maintenance (id + Mise à jour de Dotclear ; comportera un lien vers l'antispam et vers Gestion des
modules)
- Sauvegarde (Export du blog - Export de tous les blogs - Export de la médiathèque)
Extensions Modules complémentaires
- Gestion des modules (Installation - Suppression - Mise à jour ; comportera un lien vers
Maintenance)
- Plugin 1 (Activation - Paramétrages)
- Plugin 2
Petit déj' de l'ergonomie FLUPA 62
63. On est jamais sûr de rien…
• Sans impliquer les utilisateurs !
Petit déj' de l'ergonomie FLUPA 63
64. Merci de votre attention !
Des questions ?
Eric Mazzone – Gautier Barrère
www.gargarismes-ergonomiques.com
La qualité aussi simple qu’un bain de bouche
www.ergo-stretto.com
Le condensé des nouvelles tendances de l’ergonomie