Phase 2 — Card Sorting
Principe clé
« Les utilisateurs n'ont pas la même logique que vous. »
Le Card Sorting (tri par cartes) permet de structurer l'information selon la logique de vos utilisateurs, pas selon la vôtre.
Qu'est-ce que le Card Sorting ?
Le Card Sorting est une méthode utilisée en UX design pour :
- Organiser le contenu d'un site de manière intuitive
- Créer une architecture de l'information efficace
- Concevoir une navigation compréhensible
- Valider vos hypothèses avec de vrais utilisateurs
Cette méthode est recommandée par le Nielsen Norman Group et fait partie des pratiques standard en conception centrée utilisateur (ISO 9241-210).
Le principe : une carte = une information
Les 3 types de Card Sorting
1. Card Sorting ouvert
L'utilisateur crée lui-même les catégories.
| Avantages | Inconvénients |
|---|---|
| Découvre la logique des utilisateurs | Plus long à analyser |
| Révèle des regroupements inattendus | Peut donner des résultats très variés |
| Idéal en début de projet | Nécessite plus de participants |
Quand l'utiliser : Au début du projet, pour découvrir comment les utilisateurs pensent.
2. Card Sorting fermé
L'utilisateur classe les cartes dans des catégories prédéfinies.
| Avantages | Inconvénients |
|---|---|
| Résultats faciles à analyser | Peut influencer les utilisateurs |
| Valide une structure existante | Moins de découvertes |
| Rapide à réaliser | Risque de biais |
Quand l'utiliser : Pour valider une architecture que vous avez déjà imaginée.
3. Card Sorting hybride
Les catégories principales sont définies, mais l'utilisateur peut en créer de nouvelles.
| Avantages | Inconvénients |
|---|---|
| Équilibre entre structure et liberté | Plus complexe à mettre en place |
| Permet de découvrir des manques | Analyse intermédiaire |
Quand l'utiliser : Pour affiner une structure existante.
Comment réaliser un Card Sorting ?
Étape 1 : Préparer les cartes
- Listez tous les contenus de votre site (pages, fonctionnalités, informations)
- Écrivez chaque élément sur une carte (papier ou numérique)
- Utilisez des termes clairs que les utilisateurs comprennent
- Évitez le jargon technique ou interne
Conseils
- Entre 30 et 60 cartes maximum
- Un concept par carte
- Termes compréhensibles par tous
Exemple de cartes pour un site e-commerce :
| Carte | Description |
|---|---|
| Accueil | Page principale du site |
| Produits | Liste des articles |
| Détail produit | Fiche d'un article |
| Panier | Articles sélectionnés |
| Paiement | Finaliser l'achat |
| Mon compte | Espace personnel |
| Historique commandes | Commandes passées |
| Nous contacter | Formulaire de contact |
| FAQ | Questions fréquentes |
| Conditions générales | CGV et mentions légales |
| Livraison | Informations de livraison |
| Retours | Politique de retour |
Étape 2 : Choisir les participants
Pour des résultats fiables :
| Minimum | Recommandé | Optimal |
|---|---|---|
| 5 personnes | 10-15 personnes | 20-30 personnes |
Types de participants :
- 🎯 Cible principale : Vos futurs utilisateurs (prioritaire)
- 👥 Camarades : Autres étudiants de votre classe
- 👨👩👧 Proches : Famille, amis (perspectives différentes)
Diversifiez !
Faites participer des personnes différentes de vous : âges variés, niveaux techniques différents, contextes d'usage divers.
Étape 3 : Animer la session
Instructions à donner aux participants :
« Voici des cartes représentant les différentes parties d'un site web.
1. Lisez toutes les cartes
2. Regroupez celles qui vont ensemble selon vous
3. Donnez un nom à chaque groupe
4. Il n'y a pas de bonne ou mauvaise réponse
Pensez à haute voix pendant que vous triez. »Pendant la session :
- ⏱️ Prévoyez 15-30 minutes par participant
- 📝 Notez les commentaires et hésitations
- 🤫 N'influencez pas les choix
- ❓ Posez des questions ouvertes : « Pourquoi ce regroupement ? »
Étape 4 : Analyser les résultats
Après les sessions, compilez les résultats :
Matrice de similarité — Comptez combien de fois deux cartes sont regroupées ensemble :
| Produits | Panier | Mon compte | FAQ | |
|---|---|---|---|---|
| Produits | - | 12 | 3 | 2 |
| Panier | 12 | - | 8 | 1 |
| Mon compte | 3 | 8 | - | 4 |
| FAQ | 2 | 1 | 4 | - |
Plus le nombre est élevé, plus les cartes doivent être proches dans votre navigation.
Dendrogramme — Représentation visuelle des regroupements :
Étape 5 : Créer l'architecture finale
À partir des résultats, créez la structure de navigation :
📁 Navigation principale
├── 🏠 Accueil
├── 🛍️ Boutique
│ ├── Tous les produits
│ ├── Nouveautés
│ └── Promotions
├── 👤 Mon compte
│ ├── Profil
│ ├── Commandes
│ └── Favoris
└── ❓ Aide
├── FAQ
├── Contact
└── LivraisonExercice pratique
Matériel nécessaire
- Post-it ou cartes en papier
- Un stylo
- Une surface plane (table, mur)
- Optionnel : un outil en ligne (voir ci-dessous)
Déroulement
- Listez 20-40 éléments de votre projet sur des cartes
- Triez vous-même les cartes et photographiez le résultat
- Faites trier par 3 camarades — notez les différences
- Faites trier par 2 proches — observez les logiques différentes
- Comparez tous les résultats — identifiez les constantes
- Créez votre architecture finale
Questions à se poser après l'exercice
- Quels regroupements reviennent systématiquement ?
- Quelles cartes posent problème (placées différemment selon les personnes) ?
- Quels noms de catégories sont les plus compris ?
- Votre structure initiale correspondait-elle aux résultats ?
Outils de Card Sorting en ligne
| Outil | Type | Prix | URL |
|---|---|---|---|
| OptimalSort | Pro | Payant (essai gratuit) | optimalworkshop.com |
| Maze | Pro | Freemium | maze.co |
| UXtweak | Pro | Freemium | uxtweak.com |
| Miro | Tableau blanc | Freemium | miro.com |
| Figma/FigJam | Design | Freemium | figma.com |
Conseil pratique
Pour un projet scolaire, les cartes papier suffisent et offrent une meilleure interaction en face-à-face.
Confronter son raisonnement
L'intérêt majeur du Card Sorting est de sortir de votre propre logique.
| Votre logique | Logique utilisateur |
|---|---|
| Organisée par technologie | Organisée par objectif |
| « C'est évident pour moi » | « Je ne comprends pas ce terme » |
| Structure complexe | Préférence pour la simplicité |
Exemple concret :
Vous pensez : « La FAQ va dans "Informations légales" »
Les utilisateurs : « La FAQ va dans "Aide" ou "Support" »
➡️ La logique des utilisateurs prime toujours.
Bonnes pratiques
À faire ✅
- Tester avec des utilisateurs variés
- Observer sans influencer
- Accepter que votre structure initiale soit remise en question
- Itérer si nécessaire (refaire un tri après modifications)
- Documenter les résultats et les décisions prises
À éviter ❌
- Tester uniquement avec des développeurs
- Influencer les participants (« tu ne mettrais pas ça là ? »)
- Ignorer les résultats qui contredisent vos idées
- Faire un seul tri avec une seule personne
- Oublier de noter les commentaires des participants
Checklist de la Phase 2
Avant de passer à la phase suivante, vérifiez :
- [ ] Les cartes sont préparées (une carte = un contenu/fonctionnalité)
- [ ] Les termes utilisés sont compréhensibles (pas de jargon)
- [ ] Au moins 5 personnes ont participé au tri
- [ ] Les participants incluent des profils variés
- [ ] Les résultats sont compilés et analysés
- [ ] Les regroupements récurrents sont identifiés
- [ ] L'architecture de l'information est définie
- [ ] La structure de navigation est documentée
Prochaine étape
L'architecture de votre site est définie. Passez à la Phase 3 — Design et identité visuelle pour créer l'aspect graphique.