card sorting workshop by g. barrère and e. mazzone
DESCRIPTION
TRANSCRIPT
Ne perdez plus vos internautes : faites du “Card sorting”
Eric Mazzone – Gautier Barrère
Petit déj' de l'ergonomie FLUPA
Introduction
• Qui sommes-nous ?
• Pourquoi sommes-nous là ?
2Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
3Petit déj' de l'ergonomie FLUPA
Petit déj' de l'ergonomie FLUPA 4
• Vous souhaitez acheter du vin : sur quels critères faîtes-vous votre recherche ?
Question
1. Card sorting ?
• Définition
• Objectif
• Principe
5Petit déj' de l'ergonomie FLUPA
Hypothèse de classement
Petit déj' de l'ergonomie FLUPA 6
1. Card sorting ?
• Types de tri :– Ouvert
– Fermé
– « Q sort »
– « Inverse Card sort »
7Petit déj' de l'ergonomie FLUPA
Ouvert ou fermé ?
Ouvert Fermé
Vous disposez d’une architecture bien définie X
Vous disposez d’une architecture bien définie et vous souhaitez l’enrichir des quelques contenus très ponctuels
X
Vous disposez d’une architecture que vous souhaitez remettre totalement en cause
X
Vous n’avez que des contenus identifiés et pas d’architecture établie
X (dans un premier temps)
X (dans un
second temps)
8Petit déj' de l'ergonomie FLUPA
1. Card sorting ?
• Papier / A distance
• Individuel / En groupe
9Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
10Petit déj' de l'ergonomie FLUPA
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 »
11Petit déj' de l'ergonomie FLUPA
2. Contexte initial
• Mettre en place un protocole de tri de cartes :– Démarche scientifique
• Métriques ? / Analyse visée ? / Quantitatif ou qualitatif ?
• Ouvert / fermé / à distance / in situ / nombre d’étapes ?
• La réponse est dans vos objectifs et hypothèses
Petit déj' de l'ergonomie FLUPA 12
2. Contexte initial
Les bases pour l’évaluation
• Evaluateur : pas impliqué dans la conception
• Représentativité : – Utilisateurs
– Tâches
• Consignes…
13Petit déj' de l'ergonomie FLUPA
Le participant se met sur son 31
• Biais d’évaluation, effet d’hawthorne et désirabilité sociale…
14Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
15Petit déj' de l'ergonomie FLUPA
3. Choisir les utilisateurs
L’utilisateur = diversité
16Petit déj' de l'ergonomie FLUPA
3. Choisir les utilisateurs
L’utilisateur = diversité
17Petit déj' de l'ergonomie FLUPA
3. Choisir les utilisateurs
18Petit déj' de l'ergonomie FLUPA
• Découle des besoins
• Personas ?
• Nombre d’utilisateurs ?
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 »
19Petit déj' de l'ergonomie FLUPA
3. Choisir les utilisateurs
Le patron :
« Mais voyons, je connais du monde, prenez ma mère tiens ! »
20Petit déj' de l'ergonomie FLUPA
3. Choisir les utilisateurs
Exemple : projet www.gouvernement.lu
• Grand public
• « Cible avertie » :– Fonctionnaires
– Ambassadeurs
– Journalistes (Presse)
21Petit déj' de l'ergonomie FLUPA
On ne remet pas en cause les profils utilisateurs sur base du coût de recrutement…
3. Choisir les utilisateurs
22Petit déj' de l'ergonomie FLUPA
Exemple : projet Dotclear
• Grand public
• Différentes variables notamment : – Niveau d’expérience
– Attentes
– Niveau de droits
3. Choisir les utilisateurs
Exemple : site Paris Web 2010
• A distance :– 60 participants
• Sur place : – 6 groupes
• Personnes inscrites à la conférence Paris Web 2010
• Personnes avaient déjà visité le site Paris Web 2010
23Petit déj' de l'ergonomie FLUPA
24Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
25Petit déj' de l'ergonomie FLUPA
4. Le contenu / les cartes
• En moyenne 50 - 60 cartes
26Petit déj' de l'ergonomie FLUPA
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 »
27Petit déj' de l'ergonomie FLUPA
Accueil
......
Page 2
... ... ... ...
......
Page 2
... ... ... ...
... ... ...... ... ... ... ...
4. Le contenu / les cartes
Pensez à procéder par étape
28Petit déj' de l'ergonomie FLUPA
Accueil
......
Page 2
... ... ... ...
......
Page 2
... ... ... ...
... ... ...... ... ... ... ...
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é ?
29Petit déj' de l'ergonomie FLUPA
Ne guidez pas l’utilisateur dans les intitulés
30Petit déj' de l'ergonomie FLUPA
4. Le contenu / les cartes
• Granularité des contenus de cartes
31Petit déj' de l'ergonomie FLUPA
Les gouvernements de 1848 à nos joursLes 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
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 !
4. Le contenu / les cartes
32Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
33Petit déj' de l'ergonomie FLUPA
5. Plan de test
• Exemple : projet Dotclear
Novices
Tri ouvert
Etape 1 Etape 2
Tri fermé
Etape 1 Etape 2
Experts
Tri ouvert
Etape 1 Etape 2
Tri fermé
Etape 1 Etape 2
• Minimum 80 utilisateurs exigés !
34Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
35Petit déj' de l'ergonomie FLUPA
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)
36Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
37Petit déj' de l'ergonomie FLUPA
7. Préparer le matériel – Vive le Green IT
• Consignes
• Matériel (in situ) :– Cartes :
• Recyclez votre matériel de bureau
– Posts-it
– Élastiques
– Stylos
– Table assez grande
38Petit déj' de l'ergonomie FLUPA
Prévoir des cartes vierges (pour laisser la possibilité de dupliquer des contenus)
39Petit déj' de l'ergonomie FLUPA
40Petit déj' de l'ergonomie FLUPA
41Petit déj' de l'ergonomie FLUPA
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)
42Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
43Petit déj' de l'ergonomie FLUPA
8. Déroulement du tri
• Phase 1 : Accueil et consignes
• Phase 2 : Regrouper
• Phase 3 : Nommer
• Phase 4 : Debriefing
44Petit déj' de l'ergonomie FLUPA
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 »
45Petit déj' de l'ergonomie FLUPA
Méfiez-vous de vous-même !
Phase 2 : Regrouper
46Petit déj' de l'ergonomie FLUPA
Tout trier avant de nommer
Phase 3 : Nommer
47Petit déj' de l'ergonomie FLUPA
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
48Petit déj' de l'ergonomie FLUPA
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 (10 minutes)
49Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
50Petit déj' de l'ergonomie FLUPA
9. Résultats et analyse
Données brutes
• Données brutes = illisibles
• Analyse experte indispensable
• Consolidez les données
51Petit déj' de l'ergonomie FLUPA
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 ? »
52Petit déj' de l'ergonomie FLUPA
Analysez sans le client !
9. Résultats et analyse
Analyse statistique : matrices de co-occurences
53Petit déj' de l'ergonomie FLUPA
http://websort.net/manager/
9. Résultats et analyse
Analyse statistique : les dendrogrammes ...
54Petit déj' de l'ergonomie FLUPA
Cartes Résultats
N° Intitulé Experts Novices
1 Dossiers dans lesquels on peut classer des textes/articles/billets
OK OK
88% 85%
17% - Billets 15% - Billets
10% - Pages
Actions à entreprendre RAS
2 Catégories Dotclear contenant tous les textes/articles/billets relatifs à Dotclear
OK OK
75% 70%
12% - Autre
10% - Billets
10% - Tags
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 novices55Petit déj' de l'ergonomie FLUPA
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
56Petit déj' de l'ergonomie FLUPA
Tirez profit des commentaires des utilisateurs
9. Résultats et analyse
• Analyse « Tri ouvert » : bienvenue aux portes ouvertes
57Petit déj' de l'ergonomie FLUPA
Actualités
Annonces
News
Actualités orateurs
Association PW
A propos de PW
Les fondateurs
Equipe PW
Editions précédentes
Archives
Goodies
Boutique
9. Résultats et analyse
58Petit déj' de l'ergonomie FLUPA
Exemple : Site Paris Web 2010
• Tri ouvert : analyse des titres de regroupements
9. Résultats et analyse
Exemple : Tri de cartes sur les vins
• 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)
59Petit déj' de l'ergonomie FLUPA
Plan de la présentation
1. Card sorting ?
2. Contexte initial
3. Choisir 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
60Petit déj' de l'ergonomie FLUPA
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 !
61Petit déj' de l'ergonomie FLUPA
Le client est nécessaire ! (besoins orga, marketing etc.)
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.
62Petit déj' de l'ergonomie FLUPA
10. Solutions proposées
63Petit déj' de l'ergonomie FLUPA
Utilisez des visuels (p.ex. cartographie) pour communiquer
10. Solutions proposées
Exemple : Site Paris Web 2010
64Petit déj' de l'ergonomie FLUPA
10. Solutions proposées
65Petit déj' de l'ergonomie FLUPA
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
10. Solutions proposées
Exemple : projet Dotclear
66Petit déj' de l'ergonomie FLUPA
On est jamais sûr de rien…
Sans impliquer les utilisateurs !
67Petit déj' de l'ergonomie FLUPA
Nous restons en contact
Gautier Barrère – Eric Mazzone
www.gargarismes-ergonomiques.comLa qualité aussi simple qu’un bain de bouche
www.ergo-stretto.comLe condensé des nouvelles tendances de l’ergonomie