SlideShare une entreprise Scribd logo
1  sur  64
Télécharger pour lire hors ligne
Ne perdez plus vos internautes : faites du
             “Card sorting”


           Eric Mazzone – Gautier Barrère
Introduction

•  Qui sommes-nous ?

•  Pourquoi sommes-nous là ?




Petit déj' de l'ergonomie FLUPA            2
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
1. Card sorting ?

•  Définition
•  Objectif
•  Principe




Petit déj' de l'ergonomie FLUPA                 4
1. Card sorting ?

•  Types de tri :
      –    Ouvert
      –    Fermé
      –    In situ
      –    A distance




Petit déj' de l'ergonomie FLUPA                 5
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
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
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
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
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
3. Choisir les utilisateurs

L’utilisateur = diversité




Petit déj' de l'ergonomie FLUPA                           11
3. Choisir les utilisateurs

L’utilisateur = diversité




Petit déj' de l'ergonomie FLUPA                           12
3. Choisir les utilisateurs


•  Découle des besoins

•  Personas ?

•  Nombre d’utilisateurs ?




Petit déj' de l'ergonomie FLUPA                           13
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
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
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
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
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
Petit déj' de l'ergonomie FLUPA   19
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
4. Le contenu / les cartes


•  En moyenne 50 – 60
   cartes




Petit déj' de l'ergonomie FLUPA                          21
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
4. Le contenu / les cartes

Pensez à procéder par étape




Petit déj' de l'ergonomie FLUPA                          23
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
Petit déj' de l'ergonomie FLUPA   25
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
4. Le contenu / les cartes




Petit déj' de l'ergonomie FLUPA                          27
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
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
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
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
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
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
Petit déj' de l'ergonomie FLUPA   34
Petit déj' de l'ergonomie FLUPA   35
Petit déj' de l'ergonomie FLUPA   36
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
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
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
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
Phase 2 : Regrouper




              Tout trier avant de nommer

Petit déj' de l'ergonomie FLUPA                   41
Phase 3 : Nommer




Petit déj' de l'ergonomie FLUPA                42
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
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
Mise en pratique en ligne

•  Un volontaire ?




Petit déj' de l'ergonomie FLUPA                         45
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
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
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
9. Résultats et analyse

Analyse statistique : matrices de co-occurences
                                                      http://websort.net/manager/




Petit déj' de l'ergonomie FLUPA                                              49
9. Résultats et analyse

Analyse statistique : les Dendogrammes ... « Les quoi ? »




Petit déj' de l'ergonomie FLUPA                             50
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
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
9. Résultats et analyse

•  Analyse « Tri ouvert » : bienvenue aux portes ouvertes




Petit déj' de l'ergonomie FLUPA                             53
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
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
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
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
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
10. Solutions proposées




              Utilisez des visuels (p.ex. cartographie) pour communiquer

Petit déj' de l'ergonomie FLUPA                                            59
10. Solutions proposées

Exemple : Site Paris Web 2010




Petit déj' de l'ergonomie FLUPA                       60
10. Solutions proposées




Petit déj' de l'ergonomie FLUPA                       61
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
On est jamais sûr de rien…

•  Sans impliquer les utilisateurs !




Petit déj' de l'ergonomie FLUPA                          63
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

Contenu connexe

En vedette

FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo Labonde
FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo LabondeFLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo Labonde
FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo LabondeFlupa
 
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle Garcet
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle GarcetFLUPA UX-Days 2016 - "L’UX – made in China" par Estelle Garcet
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle GarcetFlupa
 
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...Flupa
 
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...Flupa
 
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...Flupa
 
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...Flupa
 
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...Flupa
 
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène Lizé
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène LizéFLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène Lizé
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène LizéFlupa
 
Le mobile, bientôt incontournable dans le recrutement ?
Le mobile, bientôt incontournable dans le recrutement ?Le mobile, bientôt incontournable dans le recrutement ?
Le mobile, bientôt incontournable dans le recrutement ?OpenSourcing
 

En vedette (9)

FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo Labonde
FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo LabondeFLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo Labonde
FLUPA UX-Days 2016 - "Enjeux et outils de l'UX multi-écran" par Hugo Labonde
 
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle Garcet
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle GarcetFLUPA UX-Days 2016 - "L’UX – made in China" par Estelle Garcet
FLUPA UX-Days 2016 - "L’UX – made in China" par Estelle Garcet
 
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...
FLUPA UX-Days 2016 - "Méthodes de Design UX. Révolutionnez votre toolbox !" p...
 
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...
FLUPA UX-Days 2016 - "Construire de vrais personas à partir de données réelle...
 
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
 
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...
FLUPA UX-Days 2016 - "Pitch l'UX Design à ta grand-mère... et sois convaincan...
 
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...
FLUPA UX-Days 2016 - "Mutation des usages, mutation des métiers UX UI" par Ch...
 
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène Lizé
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène LizéFLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène Lizé
FLUPA UX-Days 2016 - "L'Open Innovation" par Anne-Hélène Lizé
 
Le mobile, bientôt incontournable dans le recrutement ?
Le mobile, bientôt incontournable dans le recrutement ?Le mobile, bientôt incontournable dans le recrutement ?
Le mobile, bientôt incontournable dans le recrutement ?
 

Similaire à FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Barrère

FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie BaudyFLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie BaudyFlupa
 
Atelier FLUPA sur le CardSorting
Atelier FLUPA sur le CardSorting Atelier FLUPA sur le CardSorting
Atelier FLUPA sur le CardSorting Maxime Fortelle
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxKediViking
 
Presentation Action Ti 2009 04 21
Presentation Action Ti 2009 04 21Presentation Action Ti 2009 04 21
Presentation Action Ti 2009 04 21canadadri
 
Tab st hilaire
Tab st hilaireTab st hilaire
Tab st hilaireMATICE_CDP
 
python-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdfpython-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdftrendingv83
 
Jeu communication projet 2019
Jeu communication projet  2019Jeu communication projet  2019
Jeu communication projet 2019CIPE
 
Suivi evaluation participatif
Suivi evaluation participatifSuivi evaluation participatif
Suivi evaluation participatifSACKO LANSINE
 
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Institut de l'Elevage - Idele
 
Préparer un exposé scientifique
Préparer un exposé scientifiquePréparer un exposé scientifique
Préparer un exposé scientifiqueMido Ahmed
 
Collaborer avec le numérique en classe
Collaborer avec le numérique en classeCollaborer avec le numérique en classe
Collaborer avec le numérique en classeFormaka
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications webmadsgraphics
 
Nouvellesorganisationdesateliers scratch
Nouvellesorganisationdesateliers scratchNouvellesorganisationdesateliers scratch
Nouvellesorganisationdesateliers scratchZakka Bakka
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads France
 
ALD_ISTQB Fondation_Introduction_V1.0.pdf
ALD_ISTQB Fondation_Introduction_V1.0.pdfALD_ISTQB Fondation_Introduction_V1.0.pdf
ALD_ISTQB Fondation_Introduction_V1.0.pdfSamyBouzrara
 
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartes
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartesCours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartes
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartesElodieDescharmes
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioEric Giraudin
 
Flupa 2011 - Atelier Pratique Maquettage
Flupa 2011 - Atelier Pratique MaquettageFlupa 2011 - Atelier Pratique Maquettage
Flupa 2011 - Atelier Pratique MaquettageFlupa
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintNewflux UX/UI News
 

Similaire à FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Barrère (20)

FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie BaudyFLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
 
Atelier FLUPA sur le CardSorting
Atelier FLUPA sur le CardSorting Atelier FLUPA sur le CardSorting
Atelier FLUPA sur le CardSorting
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptx
 
Presentation Action Ti 2009 04 21
Presentation Action Ti 2009 04 21Presentation Action Ti 2009 04 21
Presentation Action Ti 2009 04 21
 
Tab st hilaire
Tab st hilaireTab st hilaire
Tab st hilaire
 
python-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdfpython-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdf
 
Jeu communication projet 2019
Jeu communication projet  2019Jeu communication projet  2019
Jeu communication projet 2019
 
Suivi evaluation participatif
Suivi evaluation participatifSuivi evaluation participatif
Suivi evaluation participatif
 
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
 
Préparer un exposé scientifique
Préparer un exposé scientifiquePréparer un exposé scientifique
Préparer un exposé scientifique
 
Collaborer avec le numérique en classe
Collaborer avec le numérique en classeCollaborer avec le numérique en classe
Collaborer avec le numérique en classe
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications web
 
Formations PAO & 3D
Formations PAO & 3DFormations PAO & 3D
Formations PAO & 3D
 
Nouvellesorganisationdesateliers scratch
Nouvellesorganisationdesateliers scratchNouvellesorganisationdesateliers scratch
Nouvellesorganisationdesateliers scratch
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
 
ALD_ISTQB Fondation_Introduction_V1.0.pdf
ALD_ISTQB Fondation_Introduction_V1.0.pdfALD_ISTQB Fondation_Introduction_V1.0.pdf
ALD_ISTQB Fondation_Introduction_V1.0.pdf
 
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartes
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartesCours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartes
Cours ergonomie des IHM web - Chapitre 10 - Méthode du tri des cartes
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolio
 
Flupa 2011 - Atelier Pratique Maquettage
Flupa 2011 - Atelier Pratique MaquettageFlupa 2011 - Atelier Pratique Maquettage
Flupa 2011 - Atelier Pratique Maquettage
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprint
 

Plus de Flupa

UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerUX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerFlupa
 
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardUX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardFlupa
 
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsUX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsFlupa
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasFlupa
 
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduUX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduFlupa
 
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornUX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornFlupa
 
UX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineUX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineFlupa
 
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...Flupa
 
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinUX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinFlupa
 
UX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengUX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengFlupa
 
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalUX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalFlupa
 
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...Flupa
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonFlupa
 
UX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletUX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletFlupa
 
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorUX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorFlupa
 
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryUX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryFlupa
 
Flupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa
 
Flupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa
 
Flupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa
 
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa
 

Plus de Flupa (20)

UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerUX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
 
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardUX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
 
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsUX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline Thomas
 
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduUX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
 
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornUX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
 
UX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineUX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan Twine
 
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
 
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinUX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
 
UX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengUX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane Peng
 
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalUX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
 
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie Baton
 
UX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletUX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia Buclet
 
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorUX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
 
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryUX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
 
Flupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin Lefevre
 
Flupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège Bide
 
Flupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-Serpos
 
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
 

FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Barrère

  • 1. Ne perdez plus vos internautes : faites du “Card sorting” Eric Mazzone – Gautier Barrère
  • 2. Introduction •  Qui sommes-nous ? •  Pourquoi sommes-nous là ? Petit déj' de l'ergonomie FLUPA 2
  • 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
  • 19. Petit déj' de l'ergonomie FLUPA 19
  • 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
  • 25. Petit déj' de l'ergonomie FLUPA 25
  • 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
  • 34. Petit déj' de l'ergonomie FLUPA 34
  • 35. Petit déj' de l'ergonomie FLUPA 35
  • 36. Petit déj' de l'ergonomie FLUPA 36
  • 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
  • 60. 10. Solutions proposées Exemple : Site Paris Web 2010 Petit déj' de l'ergonomie FLUPA 60
  • 61. 10. Solutions proposées Petit déj' de l'ergonomie FLUPA 61
  • 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