Académique Documents
Professionnel Documents
Culture Documents
DE L’INFORMATION RÉUSSIE !
Card
du gouvernement luxembourgeois,
Card Sorting
utiliser le Card Sorting ?
mais aussi, entre autres, fondateur
⍟ Tri de cartes ouvert ou fermé ? de l’antenne franco-luxembourgeoise
de l’association des professionnels
⍟ Tri de cartes papier ou en ligne ?
en utilisabilité (FLUPA) et membre
Sorting
⍟ Préparation et déroulement d’OpenWeb. Avec Éric Mazzone,
consultant BPM et démarche centrée
des séances
utilisateur, également impliqué
⍟ Analyser les résultats dans de nombreux réseaux
professionnels, ils font la promotion
⍟ Proposer des solutions des approches UX à travers
leurs missions et séminaires,
ainsi que sur leurs blogs Ergo-stretto
et Gargarismes ergonomiques.
NE PERDEZ PLUS VOS UTILISATEURS !
ISBN 978-2-212-13448-3
DESIGN
15 €
Card
du gouvernement luxembourgeois,
Card Sorting
utiliser le Card Sorting ?
mais aussi, entre autres, fondateur
⍟ Tri de cartes ouvert ou fermé ? de l’antenne franco-luxembourgeoise
de l’association des professionnels
⍟ Tri de cartes papier ou en ligne ?
en utilisabilité (FLUPA) et membre
Sorting
⍟ Préparation et déroulement d’OpenWeb. Avec Éric Mazzone,
consultant BPM et démarche centrée
des séances
utilisateur, également impliqué
⍟ Analyser les résultats dans de nombreux réseaux
professionnels, ils font la promotion
⍟ Proposer des solutions des approches UX à travers
leurs missions et séminaires,
ainsi que sur leurs blogs Ergo-stretto
et Gargarismes ergonomiques.
NE PERDEZ PLUS VOS UTILISATEURS !
ISBN 978-2-212-13448-3
DESIGN
Ergonomie web. Pour des sites web CSS 2. Pratique du design web.
efficaces. Amélie Boucher. Raphaël Goetter.
N°13215, 3e édition, 2011, 356 pages. N°13257, 3e édition, 2011, 318 pages.
Bien rédiger pour le Web. Stratégie Bien développer pour le Web 2.0.
de contenu pour améliorer son Christophe Porteneuve.
référencement naturel. Isabelle Canivet. N°12391, 2e édition, 2008, 694 pages.
N°12883, 2e édition, 2011, 535 pages.
Lisibilité des sites web. Des choix Réussir son référencement web.
typographiques au design d’information. Olivier Andrieu.
M.-V. Blond, O. Marcellin, M. Zerbib. N°13396, édition 2012, 672 pages.
N°12426, 2009, 313 pages. Web Analytics 2.0. Avinash Kaushik.
N°12801, 2011, 486 pages.
Ergonomie web illustrée. 60 sites à la
loupe. Amélie Boucher. Mémento Ergonomie web. Amélie
N°12695, 2010, 336 pages. Boucher.
N°12698, 2e édition, 2011, 14 pages.
CSS avancées. Vers HTML 5 et CSS 3. Mémento Sites web : les bonnes
Raphaël Goetter. pratiques. Élie Sloïm.
N°13405, 2e édition, 2012, 385 pages. N°12802, 3e édition, 2010, 18 pages.
HTML 5. Une référence pour le Mémento CSS 3. Raphaël Goetter.
développeur web. Rodolphe Rimelé. N°13281, 2011, 14 pages.
N°12982, 2011, 604 pages. Mémento CSS 2. Raphaël Goetter.
Relever le défi du Web mobile. N°13272, 3e édition, 2011, 14 pages.
Bonnes pratiques de conception et de Mémento XHTML. Raphaël Goetter.
développement. François Daoust et N°12541, 2e édition, 2009, 14 pages.
Dominique Hazaël-Massieux. Mémento HTML 5. Raphaël Goetter,
N°12828, 2011, 300 pages. Rodolphe Rimelé.
N°13420, à paraître 2012, 14 pages.
Design émotionnel. Aarron Walter. CSS3 pour les Web designers. Dan
N°13398, 2011, 110 pages. Cederholm.
Responsive Web Design. Ethan N°12987, 2011, 132 pages.
Marcotte. HTML5 pour les Web designers.
N°13331, 2011, 160 pages. Jeremy Keith.
Stratégie de contenu web. Erin N°12861, 2010, 98 pages.
Kissane. Mobile first. Luke Wroblewski.
N°13279, 2011, 96 pages. N°13406, 2012, 144 pages.
Card
Sorting
N E p e r d e z p l u s v o s Uti l i s ate u r s !
Mihai Eminescu
Tous ceux qui ont été confrontés à cette lourde tâche trouveront,
dans l’ouvrage de Gautier Barrère et Éric Mazzone, de précieux
conseils. Le tri de cartes que ces praticiens présentent est une
technique qui n’est pas suffisamment utilisée pour concevoir et
évaluer les structures d’information qui nous entourent. Cette
technique, qui fait partie des méthodes ergonomiques pour
la conception centrée utilisateur, est ici décrite sur la base de
nombreuses années d’expérience. Ces ergonomes de formation
ont en effet su tirer profit de ces années pour nous présenter
une démarche éprouvée dans un langage clair. Si la préoccupa-
tion de ces auteurs a été de rendre accessible cette technique,
cette préoccupation n’a cédé en rien à la rigueur et à la connais-
sance scientifique. Ils démontrent d’ailleurs, page après page,
que la prise en compte de l’utilisateur dans le processus de
conception d’un produit est un métier qui ne s’improvise pas.
p r é fa c e s ix
J. M. Christian Bastien
x card sorting
p r é fa c e s xi
Le livre que vous avez entre les mains a, quant à lui, décidé de se
pencher très en profondeur sur une de ces techniques. Il nous
propose un focus très détaillé sur le tri de cartes (card sorting, en
anglais), une approche qui possède une valeur ajoutée considé-
rable en conception puisqu’elle conduit à travailler sur la façon
dont les utilisateurs classent, se représentent et peuvent même
être amenés à verbaliser leur perception de l’information.
Élie Sloïm
P r é fa c e S xiii
xvii Avant-propos
chapitre 1
1 Le tri de cartes : une technique UX
1 L’approche UX ou centrée utilisateur
8 Coûts et bénéfices de l’UX
9 Évaluer auprès d’un utilisateur
chapitre 2
17 Principes de base
17 Les origines du tri de cartes
18 Principe
20 Avantages et limites
20 Quand l’utiliser ?
21 Quels bénéfices en tirer ?
22 Les différents types de tri de cartes
25 Les différents modes de réalisation
28 Le résultat d’un tri de cartes
29 Retours d’expérience
chapitre 3
31 Préparation des séances
31 Définir ses objectifs
32 Sélectionner ses participants
38 Sélectionner ses contenus
42 Tri de cartes ouvert ou fermé ?
42 Tri de cartes papier ou en ligne ?
46 Nombre de phases
47 Matériel
49 Consignes
51 Retours d’expérience
chapitre 5
69 Analyse des résultats
69 Étape n° 1 : saisir les données
72 Étape n° 2 : rassembler les données
74 Étape n° 3 : analyse quantitative
81 Étape n° 4 : analyse qualitative
84 Retours d’expérience
chapitre 6
87 Proposer des solutions
88 Une solution qui respecte la logique métier du client
88 Une solution qui respecte les règles UX
89 Adopter une approche visuelle
93 Établir des tendances par profil
93 Retours d’expérience
ava n t- p r o p o s xvii
Pourquoi ce livre ?
Ce qui nous a incité à rédiger ce livre, c’est l’intérêt porté par
les personnes que nous rencontrons lors des différentes forma-
tions et ateliers de tri de cartes que nous dispensons.
À qui s’adresse-t-il ?
Ce livre s’adresse à toutes les personnes qui se questionnent sur
la façon la plus pertinente de structurer de l’information pour
leurs utilisateurs : chefs de projet, développeurs, concepteurs,
designers, ergonomes…
Mode d’emploi
Chaque chapitre correspond à une étape d’un tri de cartes. Sont
donc abordés tour à tour les bases du tri de cartes (avantages,
limites, quand l’utiliser, les différents types de tri, les différents
modes de réalisation), la préparation d’une séance (définition
des objectifs, sélection des participants, sélection des contenus,
le matériel, les consignes), son déroulement complet (accueil,
classement des cartes, nommage des groupes, débriefing), l’ana-
lyse des résultats (saisie et rassemblement des données, analyse
quantitative, analyse qualitative), la présentation des résultats et
la proposition de solutions efficaces.
ava n t- p r o p o s xix
Qualité
Un produit de qualité n’existe pas en soi. Un produit est de
qualité parce qu’il répond au profil des utilisateurs qu’il cible,
à leurs objectifs et au contexte dans lequel ils vont utiliser le
produit.
L’utilisateur
Les reproches faits à l’utilisateur
2 card sorting
Qui plus est, l’utilisateur est résolument complexe (il a des carac-
téristiques propres, une culture, des hobbies, une expérience
personnelle et professionnelle, il appartient à une commu-
nauté, etc.), cognitif (il perçoit de l’information, la traite, la
mémorise, la stocke, la récupère, etc.) et social (il gravite parmi
d’autres personnes).
Approche anthropocentrée
C’est l’utilisateur qui doit guider la technique, pas l’inverse. Il
faut développer une approche anthropocentrée (centrée sur
l’homme).
Les fondations UX
La boîte à outils UX
4 card sorting
6 card sorting
8 card sorting
Les constats d’échec des projets sont très souvent dus au fait
que les objectifs utilisateurs sont mal identifiés : les équipes
projet déploient ainsi de nombreux efforts à proposer des
produits très peu utiles et qui ne répondent pas à la logique de
l’utilisateur.
10 card sorting
Combien d’utilisateurs ?
Le nombre d’utilisateurs dépend bien évidemment de vos objec-
tifs et des techniques mises en œuvre. Il est tout à fait différent
de vouloir identifier les problèmes d’utilisabilité d’une interface
(en général, cinq à huit utilisateurs suffisent) ou d’identifier les
fonctionnalités utiles pour votre cible (dans ce cas, vous aurez
besoin de nettement plus de participants).
L’importance de l’échantillonnage
La nécessaire représentativité des utilisateurs, des tâches
et des contextes d’utilisation nous amène à des questions
d’échantillonnage.
Pendant le test
Les personnes qui participent à des tests pour la première fois
vivent la situation avec appréhension, parfois avec un grand
stress. Il est souvent nécessaire de les rassurer. Il est important
de répéter que l’objectif du test est d’évaluer le produit et non
les participants. Les problèmes relevés sont uniquement attri-
buables au produit.
• M
ême si vous pouvez donner des indices sur la façon dont
va se dérouler la séance, ne révélez pas les objectifs des
tests, à savoir ce que vous cherchez à montrer ou tester.
12 card sorting
Avantages limites
14 card sorting
En conclusion
L’utilisateur est une denrée rare, pressez-le, dans le bon sens du
terme, pour en extraire un maximum d’informations.
Principes de base 17
Principe
Le principe de base du tri de cartes est simple (fig. 2-1) :
18 card sorting
Un reproche fréquent fait par les équipes projet est que cette
technique ne semble pas adaptée pour évaluer une architecture
de l’information : à aucun moment, on ne confronte l’utilisateur
avec une architecture. Et pourtant, lorsqu’un utilisateur arrive
sur une page d’accueil, il a face à lui des rubriques de premier
niveau, il cherche une information, fait des hypothèses de
classement pour l’atteindre. La logique est la même dans un tri
de cartes.
Principes de base 19
Avantages Limites
Rapide à réaliser.
Quand l’utiliser ?
Vous avez identifié toute une panoplie de contenus et de
services que vous souhaitez organiser de manière logique pour
vos utilisateurs. C’est le cas de figure qui est ciblé dans ce livre.
20 card sorting
Principes de base 21
• d
e savoir plus facilement où rechercher une information
dans une structure d’information ;
• de trouver plus rapidement ce qu’ils recherchent ;
• d’atteindre plus rapidement leurs objectifs.
22 card sorting
Principes de base 23
Avantages Limites
24 card sorting
Avantages Limites
Principes de base 25
• d
e cartes épaisses et suffisamment grandes pour représen-
ter vos contenus ;
• d’élastiques pour constituer les groupes ;
• d’étiquettes pour nommer les groupes ;
• de stylos, marqueurs, etc.
26 card sorting
Avantages Limites
Déroulement en ligne
Le déroulement du tri de cartes en ligne permet aux partici-
pants de réaliser le test de chez eux via Internet. Il s’agit donc
de manipulations individuelles.
Avantages Limites
Principes de base 27
28 card sorting
retours d’expérience
Gestionnaire de blogs Dotclear
Les bénéfices apportés par le tri de cartes
Principes de base 29
30 card sorting
• À
quelle cible s’adresse l’architecture, la cible visée est-elle
directement accessible, est-elle uniquement mobilisable à
distance ?
P r é pa r at i o n d e s s é a n c e s 31
Mauvaise cible ?
Impliquer des utilisateurs qui ne correspondent pas à votre
cible anéantira toutes vos chances d’obtenir des résultats
exploitables.
32 card sorting
P r é pa r at i o n d e s s é a n c e s 33
34 card sorting
Même si votre cible est très diverse, vous devrez faire des choix.
Essayez de limiter le nombre de personas à deux ou trois par
tri de cartes.
Combien de participants ?
Les études scientifiques indiquent que 20 à 30 utilisateurs par
persona identifié suffisent pour obtenir des résultats fiables
(fig. 3-2, page suivante). Au-delà de ce nombre, l’apport est trop
infime et peu justifiable par rapport aux coûts que cela génère.
P r é pa r at i o n d e s s é a n c e s 35
Comment recruter ?
Faire appel à une société de recrutement
36 card sorting
P r é pa r at i o n d e s s é a n c e s 37
38 card sorting
Fig. 3-3 : Exemple d’une carte utilisée lors d’un tri de cartes sur le vin
P r é pa r at i o n d e s s é a n c e s 39
40 card sorting
P r é pa r at i o n d e s s é a n c e s 41
Ouvert Fermé
42 card sorting
Papier En ligne
La séance papier
P r é pa r at i o n d e s s é a n c e s 43
44 card sorting
p r é pa r at i o n d e s s é a n c e s 45
Nombre de phases
Il existe deux cas de figure principaux pour lesquels vous aurez
besoin d’organiser votre tri de cartes en plusieurs phases :
46 card sorting
Matériel
Quel équipement prévoir pour le déroulement des séances ?
Seules les séances papier requièrent du matériel physique. Les
tris de cartes en ligne nécessitent, quant à eux, l’utilisation de
logiciels tels que WebSort.net ou OptimalSort, qui permet-
tront à vos participants de classer les contenus en utilisant leur
connexion Internet.
Les cartes
La carte est le principal matériel à prévoir pour les séances
papier. Chaque carte représente un élément que le participant
devra trier. Il faut accorder de l’importance à leur conception
car leur qualité participe à la mise en condition de l’utilisateur.
P r é pa r at i o n d e s s é a n c e s 47
48 card sorting
• présenter le contexte ;
• décrire de manière précise chaque étape de la séance ;
• rappeler que l’anonymat sera conservé ;
• rassurer les participants sur le fait qu’ils ne sont pas éva-
lués, mais que leur intervention est indispensable pour
leur proposer un produit qui réponde à leurs attentes.
P r é pa r at i o n d e s s é a n c e s 49
50 card sorting
P r é pa r at i o n d e s s é a n c e s 51
52 card sorting
P r é pa r at i o n d e s s é a n c e s 53
déroulement de la séance 55
1. Accueil et consignes.
2. Classement des cartes par les participants.
3. Nommage des groupes créés par les participants
(uniquement lors d’un tri de cartes ouvert).
4. Présentation par chaque participant de leur classement.
5. Clôture de la séance.
Avec tous les « petits à-côtés » (accueil, mise en condition,
débriefing, etc.), il n’est pas rare de voir une séance atteindre
1 heure 30 pour 45 minutes de manipulation (fig. 4-1). La durée
de la séance va bien évidemment augmenter en fonction du
nombre d’éléments à classer, de la complexité des contenus, de
l’expertise des participants par rapport aux contenus, etc.
56 card sorting
déroulement de la séance 57
58 card sorting
Dans le cas d’un tri de cartes ouvert, les participants sont invités
à créer autant de groupes qu’ils estiment nécessaires.
déroulement de la séance 59
60 card sorting
déroulement de la séance 61
62 card sorting
Étape n° 4 : débriefing
Le débriefing est une étape importante, car très riche en
enseignements. Elle offre aux participants l’opportunité de
justifier leurs choix. Cet apport qualitatif est indéniable pour
comprendre les logiques de catégorisation. Cette étape est
malheureusement très difficile, voire impossible, pour un tri
de cartes en ligne.
déroulement de la séance 63
Papier En ligne
Accueil X X X X
Classement X X X X
Nommage X X
Débriefing X X
64 card sorting
Retours d'expérience
Gestionnaire de blogs Dotclear
Déroulement d’une séance en ligne
déroulement de la séance 65
Les participants ont été invités à lire les cartes puis à les
organiser en groupes ayant du sens pour eux. Certains parti-
cipants ont exprimé le souhait de faire des sous-groupes.
66 card sorting
déroulement de la séance 67
A n a ly s e d e s r é s u ltat s 69
70 card sorting
A n a ly s e d e s r é s u ltat s 71
72 card sorting
A n a ly s e d e s r é s u ltat s 73
74 card sorting
A n a ly s e d e s r é s u ltat s 75
Fig. 5-3 : Propagation des cartes dans les groupes : les pourcentages
représentent le nombre de fois où chaque carte a été placée dans
chaque groupe.
76 card sorting
A n a ly s e d e s r é s u ltat s 77
Le dendrogramme
Le dendrogramme (fig. 5-5) propose une vue encore complé-
mentaire, en illustrant la distance entre les cartes.
78 card sorting
A n a ly s e d e s r é s u ltat s 79
80 card sorting
Analyser la dispersion
À l’issue de l’analyse statistique, il est fort probable que certaines
cartes soient très dispersées sans que vous en connaissiez la
raison (voir l’exemple, fig. 5-7). C’est l’analyse qualitative qui va
vous apporter des pistes pour en comprendre les raisons.
A n a ly s e d e s r é s u ltat s 81
82 card sorting
A n a ly s e d e s r é s u ltat s 83
84 card sorting
A n a ly s e d e s r é s u ltat s 85
P r o p o s e r d e s s o lu t i o n s 87
88 card sorting
P r o p o s e r d e s s o lu t i o n s 89
90 card sorting
Ouvert Fermé
Liste des catégories définies par les Liste des catégories à reformuler ou
utilisateurs à créer
Liste des liens réciproques (entre Liste des liens réciproques (entre
deux contenus placés dans des deux contenus placés dans des
catégories différentes) catégories différentes)
P r o p o s e r d e s s o lu t i o n s 91
92 card sorting
retours d’expérience
Gestionnaire de blogs Dotclear
Comment homogénéiser les tendances par profil ?
Les analyses par profil nous ont permis de déceler des préfé-
rences utilisateurs qui pourront être prises en compte lors
de la refonte fonctionnelle et graphique, par exemple en
prêtant une attention particulière à la facilité d’apprentissage
de l’interface par les novices et à la rapidité d’exécution pour
les experts (cela peut se traduire notamment par un système
d’aide contextuelle adapté, une possibilité de personnalisa-
tion du « Tableau de bord », un système de raccourcis vers
les options favorites, un filtrage des informations en fonc-
tion des profils, etc.).
P r o p o s e r d e s s o lu t i o n s 93
94 card sorting
Mieux encore, vous êtes paré pour faire passer un message qui
semble désormais tellement banal : on ne construit pas une
architecture seul dans son coin. L’utilisateur est indispensable.
Et l’impliquer efficacement, cela ne s’improvise pas, c’est un
métier.
p e t i t m ot d e c o n c lu s i o n 95
96 card sorting
références 97
Tudor, L.G., Muller, M.J., Dayton, T., & Root, R.W. (1993).
“A Participatory Design Technique for High-Level Task
Analysis, Critique, and Redesign: The CARD Method”.
Proceedings of Human Factors and Ergonomics Society Annual
Meetings (p. 295-299), Human Factors and Ergonomics Society.
98 card sorting
références 99
Spécialités :
À p r o p o s d e s au t e u r s 101
Spécialités :
• Gestion de projet
• Assurance qualité
• A nalyse business, BPM (Business Process
Management)
• Démarches centrées utilisateur
À p r o p o s d e s au t e u r s 103
C R
ROI (Return On Investment)
Card Sorting
Voir bénéfice
Voir tri de cartes
carte 47
classement 58 S
contenu 38 séance en ligne 27, 45, 65
cartographie 89 planning 57
consignes 49, 57 séance papier 26, 43, 66
contenu 38, 52 planning 56
cooccurrence 77 solution 87
storyboarding 6
D
T
débriefing 63
dendrogramme 78 thinking aloud 6
dispersion 82 tri de cartes 17
données
recueil 69 U
regroupement 72 User eXperience
Voir UX (User eXperience)
E utilisabilité 7
utilisateur 2, 51
échantillonnage 11
UX (User eXperience) 1, 88
évaluation heuristique 6
expérience utilisateur
Voir UX (User eXperience) V
eyetracking 6 verbalisation 64, 82
F W
focus group 6 WebSort 28, 65
index 105