SlideShare uma empresa Scribd logo
1 de 22
@maximeFF & @MarjorieDelrieu
Atelier Pratique FLUPA
Tri de carte
Grenoble, Mars 2015
Présentation
• Flupa est une association créée en 2008 à but non lucratif :
• Elle rassemble les communautés de professionnels et de
chercheurs afin de partager leurs pratiques de l’Expérience
Utilisateur et de promouvoir l’ergonomie des interactions
Homme-Machine (IHM)
• Elle est constituée de profils variés : psychologues, ergonomes,
designers, informaticiens, spécialistes en communication…
Les antennes Flupa
3
4
Les objectifs
• Les objectifs de Flupa :
• Créer un réseau de professionnels : (acteurs des secteurs privé ou
public, chercheurs, étudiants) afin d’échanger sur les pratiques
touchant à l’utilisabilité, l’Expérience Utilisateur (UX) et la
Conception Centrée sur l’Utilisateur (CCU)
• Promouvoir l’UX design et l’ergonomie des interactions
Homme-Machine (IHM) auprès du grand public et des
professionnels du domaine desTechnologies de l’Information et
de la Communication
FLUPA UX-Day
11-12 juin 2015
6
Moyens de communication
• Site Web : http://flupa.eu
• Conférence : http://uxday.flupa.eu/
• Twitter : http://twitter.com/assoFlupa
• Facebook, Google+
• LinkedIn
• Newsletter (1200 abonnés)
Tri de cartes
Inspiré par Gautier Barrère & Eric Mazzone
#FLUPA-Tri de Cartes
#FLUPA-Tri de Cartes
Inspiré par …..
http://la-minute-ux.com/post/kit-card-sorting/
#FLUPA-Tri de Cartes
Démarche d’UX design
UX HoneyComb par P. Morville
Vous n’êtes pas l’utilisateur.
#FLUPA-Tri de Cartes
#FLUPA-Tri de Cartes
Outils de l’UX design
Évaluation
Analyse
Monitoring
Observations
Persona
Focus Group
Entretiens
UX map
Analyse de la tâche
Études d’usage
Brainstorming
Analyses de logs
Etc.
Design
Tri de cartes
Storyboarding
Focus Group
Conception participative
Prototypage
Brainstorming
Enquête d’usage
Enquête d’appropriation
Analyse des logs
Beta-test
Stratégie Conception Réalisation Déploiement Gestion
Evaluation heuristique Eyetracking Thinking Aloud Test utilisateur
#FLUPA-Tri de Cartes
Architecture de l’information
Three circles par P. Morville
#FLUPA-Tri de Cartes
Permet d’énumérer, de regrouper et de nommer du
contenu.
Ouvert ou Fermé.
In situ ou à distance.
L’étude des modèles mentaux des utilisateurs.
C’est une méthode empirique: hypothèses, panel
d’utilisateur, statistiques.
Tri de cartes
#FLUPA-Tri de Cartes
LogiqueVS Objectifs
Comment préparer une séance ?
Contexte
 Pourquoi faisons nous un tri de cartes ? (hypothèses).
 Quel est la cible ? ( utilisateurs).
 Comment évaluer les résultats? ( Quantitatif/ Qualitatif) ( 20-30 utilisateurs).
 Quel type de tri de cartes ? ( O/ F, à distance ou fermé).
Les cartes
 60-80 cartes en moyenne pour un site web.
 Travailler par niveau.
 Faire des sessions successives n-2 > n-1 > n.
 Permet de tester le vocabulaire.
Les outils en lignes
 OptimalWorkshop ( 109 $/m ou 150 $)
 Xsortapp ( gratuit sous Mac)
 Codify Concept ( gratuit pour le moment)
#FLUPA-Tri de Cartes
Comment organiser une séance ?
Nombre d’utilisateurs
 In situ : 5-8 utilisateurs par séance et deux animateurs.
 A distance : 
Durée
 Entre 1 heure et 2 heures. ( généralement il y a 45 min de tri)
Logistique
 Grande table.
 Cartes avec le contenu et d’autres vierges.
 Élastiques pour regrouper les cartes.
 Post-it.
 Stylo.
 Appareil photo.
#FLUPA-Tri de Cartes
Déroulement > Démo
1- Accueil et consigne
 Décrire l’objectif global.
 Le contenu des cartes.
 Insister sur le fait que c’est l’avis des utilisateurs que l’on veut.
2- Début du tri, les utilisateurs regroupent les contenus
 Il faut trier tous les contenus avant de les nommer !!!
 Possibilité d’ajout de cartes.
3- Milieu du tri, les utilisateurs nomment les catégories.
 Utiliser des post-it.
 Les utilisateurs peuvent modifier leur tri.
4- Fin du tri, débriefing.
 Les utilisateurs justifient leur choix quand c’est possible.
 Préciser la finalité.
 Saisir les cartes dans votre logiciel (prévoir du temps ou une personne
supplémentaire)
#FLUPA-Tri de Cartes
#FLUPA-Tri de Cartes
Comment analyser les données ?
Rassembler les données
 Un tableau à double entrée :
 Rangée : votre contenu
 Colonne : les catégories créées
 Cellule : pourcentage de redondance
 Regrouper des catégories similaires ( Divers, autres, informations, etc.).
Quantitatif
 Matrice de propagation > visualiser les cartes et les groupements les +
signifiants
 Matrice cooccurrence : > fréquence d’association ( + de 75% c’est valide)
 Dendrogramme – Représentation visuelle des distances entre les concepts.
Qualitatif
 Événement ponctuel et dispersion
 Tendance de classement
 Apport sur la vision globale grâce aux commentaires
#FLUPA-Tri de Cartes
Comment analyser les données ?
http://uxpajournal.org/analyzing-card-sorting-data-using-
graph-visualization/
#FLUPA-Tri de Cartes
Quels résultats ?
Identification
 Problème de vocabulaire
 Hypothèses sur la catégorisation
 Ajout ou suppression de catégories
 Différences entre les profils
Structure
 Casser la vision organisationnelle
 Préférer une architecture large à une architecture profonde
 Identifier les liens entre les niveaux N-2 et N-1
 Ne pas oublier le diagramme de flux
#FLUPA-Tri de Cartes
#FLUPA-Tri de Cartes
Merci.
@assoFLUPA
@maximeFF
@marjoriedelrieu

Mais conteúdo relacionado

Destaque

Solutions logicielles pour la gestion des infrastructures municipales
Solutions logicielles pour la gestion des infrastructures municipalesSolutions logicielles pour la gestion des infrastructures municipales
Solutions logicielles pour la gestion des infrastructures municipalesConsortech
 
Présentation Nouveautés Office du Tourisme de Spa 2013
Présentation Nouveautés Office du Tourisme de Spa 2013Présentation Nouveautés Office du Tourisme de Spa 2013
Présentation Nouveautés Office du Tourisme de Spa 2013Isabelle Grégoire
 
Solutions logicielles appuyant les différentes phases de projets en génie civ...
Solutions logicielles appuyant les différentes phases de projets en génie civ...Solutions logicielles appuyant les différentes phases de projets en génie civ...
Solutions logicielles appuyant les différentes phases de projets en génie civ...Consortech
 
Au cœur de la route des vins
Au cœur de la route des vinsAu cœur de la route des vins
Au cœur de la route des vinsCGLpmtde
 
Repérer et accompagner les initiatives liées aux compétences clés
Repérer et accompagner les initiatives liées aux compétences clésRepérer et accompagner les initiatives liées aux compétences clés
Repérer et accompagner les initiatives liées aux compétences clésDavideCavanna
 
Manual bosch frigorífica puerta integrable kir20 v51
Manual bosch   frigorífica puerta integrable kir20 v51Manual bosch   frigorífica puerta integrable kir20 v51
Manual bosch frigorífica puerta integrable kir20 v51Alsako Electrodomésticos
 
Présentation du projet Kiro'o
Présentation du projet Kiro'oPrésentation du projet Kiro'o
Présentation du projet Kiro'oOlivier Madiba
 
Le bulletin (sept 2013)
Le bulletin (sept 2013)Le bulletin (sept 2013)
Le bulletin (sept 2013)AYITIPEYINOU
 
GéNéRation Y Et Recrutement
GéNéRation Y Et RecrutementGéNéRation Y Et Recrutement
GéNéRation Y Et RecrutementEricRolland
 
Etat 2013 de l'offre de Cairn.info
Etat 2013 de l'offre de Cairn.infoEtat 2013 de l'offre de Cairn.info
Etat 2013 de l'offre de Cairn.infoCairn.info
 
DRL Belgium presentation
DRL Belgium presentationDRL Belgium presentation
DRL Belgium presentationdrlimport
 
Manual siemens encimera inducción eh875ml21e
Manual siemens   encimera inducción eh875ml21eManual siemens   encimera inducción eh875ml21e
Manual siemens encimera inducción eh875ml21eAlsako Electrodomésticos
 
35 e portfolio a principes
35 e portfolio a principes35 e portfolio a principes
35 e portfolio a principesjyrtek
 
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...Mourad ZEROUKHI
 
Desclefsdossiers
DesclefsdossiersDesclefsdossiers
DesclefsdossiersIreps
 

Destaque (20)

Solutions logicielles pour la gestion des infrastructures municipales
Solutions logicielles pour la gestion des infrastructures municipalesSolutions logicielles pour la gestion des infrastructures municipales
Solutions logicielles pour la gestion des infrastructures municipales
 
Présentation Nouveautés Office du Tourisme de Spa 2013
Présentation Nouveautés Office du Tourisme de Spa 2013Présentation Nouveautés Office du Tourisme de Spa 2013
Présentation Nouveautés Office du Tourisme de Spa 2013
 
Solutions logicielles appuyant les différentes phases de projets en génie civ...
Solutions logicielles appuyant les différentes phases de projets en génie civ...Solutions logicielles appuyant les différentes phases de projets en génie civ...
Solutions logicielles appuyant les différentes phases de projets en génie civ...
 
Manual siemens combi kg49naw22
Manual siemens   combi kg49naw22Manual siemens   combi kg49naw22
Manual siemens combi kg49naw22
 
Au cœur de la route des vins
Au cœur de la route des vinsAu cœur de la route des vins
Au cœur de la route des vins
 
Repérer et accompagner les initiatives liées aux compétences clés
Repérer et accompagner les initiatives liées aux compétences clésRepérer et accompagner les initiatives liées aux compétences clés
Repérer et accompagner les initiatives liées aux compétences clés
 
Desert magique
Desert magiqueDesert magique
Desert magique
 
Manual bosch frigorífica puerta integrable kir20 v51
Manual bosch   frigorífica puerta integrable kir20 v51Manual bosch   frigorífica puerta integrable kir20 v51
Manual bosch frigorífica puerta integrable kir20 v51
 
Présentation du projet Kiro'o
Présentation du projet Kiro'oPrésentation du projet Kiro'o
Présentation du projet Kiro'o
 
Le bulletin (sept 2013)
Le bulletin (sept 2013)Le bulletin (sept 2013)
Le bulletin (sept 2013)
 
GéNéRation Y Et Recrutement
GéNéRation Y Et RecrutementGéNéRation Y Et Recrutement
GéNéRation Y Et Recrutement
 
DP Vincent
DP VincentDP Vincent
DP Vincent
 
Etat 2013 de l'offre de Cairn.info
Etat 2013 de l'offre de Cairn.infoEtat 2013 de l'offre de Cairn.info
Etat 2013 de l'offre de Cairn.info
 
DRL Belgium presentation
DRL Belgium presentationDRL Belgium presentation
DRL Belgium presentation
 
Manual siemens encimera inducción eh875ml21e
Manual siemens   encimera inducción eh875ml21eManual siemens   encimera inducción eh875ml21e
Manual siemens encimera inducción eh875ml21e
 
35 e portfolio a principes
35 e portfolio a principes35 e portfolio a principes
35 e portfolio a principes
 
Beethoven et la lune
Beethoven et la luneBeethoven et la lune
Beethoven et la lune
 
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...
Place et Enjeux de la Propriété Intellectuelle dans le Modèle d'Innovation Ou...
 
La plage slideshare
La plage slideshareLa plage slideshare
La plage slideshare
 
Desclefsdossiers
DesclefsdossiersDesclefsdossiers
Desclefsdossiers
 

Semelhante a Atelier FLUPA sur le CardSorting

FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...
FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...
FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...Flupa
 
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
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransThomas Gomez de Mercado
 
Card sorting Workshop by G. Barrère and E. Mazzone
Card sorting Workshop by G. Barrère and E. MazzoneCard sorting Workshop by G. Barrère and E. Mazzone
Card sorting Workshop by G. Barrère and E. MazzoneBarrere Gautier
 
Tuto animer demarches participatives
Tuto animer demarches participativesTuto animer demarches participatives
Tuto animer demarches participativesMAQ-AGIR-PACA
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 
Les outils de veille sur internet
Les outils de veille sur internetLes outils de veille sur internet
Les outils de veille sur internetAref Jdey
 
Afterwork de la recherche : structuration de la recherche sur les usages et l...
Afterwork de la recherche : structuration de la recherche sur les usages et l...Afterwork de la recherche : structuration de la recherche sur les usages et l...
Afterwork de la recherche : structuration de la recherche sur les usages et l...La French Tech Rennes St Malo
 
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
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014Loic Nunez
 
Plume Solutions Linux 2009
Plume Solutions Linux 2009Plume Solutions Linux 2009
Plume Solutions Linux 2009Alexis Monville
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonOlivier Lorrain
 
TCAO par éric Lamidieu
TCAO par éric LamidieuTCAO par éric Lamidieu
TCAO par éric LamidieuEric LAMIDIEU
 
Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion ABES
 
Plateformes génériques pour le partage de données et de traitements : exemple...
Plateformes génériques pour le partage de données et de traitements : exemple...Plateformes génériques pour le partage de données et de traitements : exemple...
Plateformes génériques pour le partage de données et de traitements : exemple...Desconnets Jean-Christophe
 
Construire et animer des démarches participatives
Construire et animer des démarches participativesConstruire et animer des démarches participatives
Construire et animer des démarches participativesJezabel Roullee
 
Introduction au Machine Learning
Introduction au Machine Learning Introduction au Machine Learning
Introduction au Machine Learning Novagen Conseil
 
Compte-Rendu rencontre du groupe Culture du Datalab
Compte-Rendu rencontre du groupe Culture du DatalabCompte-Rendu rencontre du groupe Culture du Datalab
Compte-Rendu rencontre du groupe Culture du DatalabDatalab_PDL
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersEmmanuelle Morlock
 

Semelhante a Atelier FLUPA sur le CardSorting (20)

FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...
FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...
FLUPA 2011 - Tri de cartes : Mise en pratique par Eric Mazzone et Gautier Bar...
 
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
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de Moirans
 
Card sorting Workshop by G. Barrère and E. Mazzone
Card sorting Workshop by G. Barrère and E. MazzoneCard sorting Workshop by G. Barrère and E. Mazzone
Card sorting Workshop by G. Barrère and E. Mazzone
 
Tuto animer demarches participatives
Tuto animer demarches participativesTuto animer demarches participatives
Tuto animer demarches participatives
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 
Les outils de veille sur internet
Les outils de veille sur internetLes outils de veille sur internet
Les outils de veille sur internet
 
Afterwork de la recherche : structuration de la recherche sur les usages et l...
Afterwork de la recherche : structuration de la recherche sur les usages et l...Afterwork de la recherche : structuration de la recherche sur les usages et l...
Afterwork de la recherche : structuration de la recherche sur les usages et l...
 
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
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
Plume Solutions Linux 2009
Plume Solutions Linux 2009Plume Solutions Linux 2009
Plume Solutions Linux 2009
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
TCAO par éric Lamidieu
TCAO par éric LamidieuTCAO par éric Lamidieu
TCAO par éric Lamidieu
 
Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion
 
Plateformes génériques pour le partage de données et de traitements : exemple...
Plateformes génériques pour le partage de données et de traitements : exemple...Plateformes génériques pour le partage de données et de traitements : exemple...
Plateformes génériques pour le partage de données et de traitements : exemple...
 
Construire et animer des démarches participatives
Construire et animer des démarches participativesConstruire et animer des démarches participatives
Construire et animer des démarches participatives
 
Introduction au Machine Learning
Introduction au Machine Learning Introduction au Machine Learning
Introduction au Machine Learning
 
Compte-Rendu rencontre du groupe Culture du Datalab
Compte-Rendu rencontre du groupe Culture du DatalabCompte-Rendu rencontre du groupe Culture du Datalab
Compte-Rendu rencontre du groupe Culture du Datalab
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiers
 

Atelier FLUPA sur le CardSorting

  • 1. @maximeFF & @MarjorieDelrieu Atelier Pratique FLUPA Tri de carte Grenoble, Mars 2015
  • 2. Présentation • Flupa est une association créée en 2008 à but non lucratif : • Elle rassemble les communautés de professionnels et de chercheurs afin de partager leurs pratiques de l’Expérience Utilisateur et de promouvoir l’ergonomie des interactions Homme-Machine (IHM) • Elle est constituée de profils variés : psychologues, ergonomes, designers, informaticiens, spécialistes en communication…
  • 4. 4 Les objectifs • Les objectifs de Flupa : • Créer un réseau de professionnels : (acteurs des secteurs privé ou public, chercheurs, étudiants) afin d’échanger sur les pratiques touchant à l’utilisabilité, l’Expérience Utilisateur (UX) et la Conception Centrée sur l’Utilisateur (CCU) • Promouvoir l’UX design et l’ergonomie des interactions Homme-Machine (IHM) auprès du grand public et des professionnels du domaine desTechnologies de l’Information et de la Communication
  • 6. 6 Moyens de communication • Site Web : http://flupa.eu • Conférence : http://uxday.flupa.eu/ • Twitter : http://twitter.com/assoFlupa • Facebook, Google+ • LinkedIn • Newsletter (1200 abonnés)
  • 7. Tri de cartes Inspiré par Gautier Barrère & Eric Mazzone #FLUPA-Tri de Cartes
  • 8. #FLUPA-Tri de Cartes Inspiré par ….. http://la-minute-ux.com/post/kit-card-sorting/
  • 9. #FLUPA-Tri de Cartes Démarche d’UX design UX HoneyComb par P. Morville
  • 10. Vous n’êtes pas l’utilisateur. #FLUPA-Tri de Cartes
  • 11. #FLUPA-Tri de Cartes Outils de l’UX design Évaluation Analyse Monitoring Observations Persona Focus Group Entretiens UX map Analyse de la tâche Études d’usage Brainstorming Analyses de logs Etc. Design Tri de cartes Storyboarding Focus Group Conception participative Prototypage Brainstorming Enquête d’usage Enquête d’appropriation Analyse des logs Beta-test Stratégie Conception Réalisation Déploiement Gestion Evaluation heuristique Eyetracking Thinking Aloud Test utilisateur
  • 12. #FLUPA-Tri de Cartes Architecture de l’information Three circles par P. Morville
  • 13. #FLUPA-Tri de Cartes Permet d’énumérer, de regrouper et de nommer du contenu. Ouvert ou Fermé. In situ ou à distance. L’étude des modèles mentaux des utilisateurs. C’est une méthode empirique: hypothèses, panel d’utilisateur, statistiques. Tri de cartes
  • 15. Comment préparer une séance ? Contexte  Pourquoi faisons nous un tri de cartes ? (hypothèses).  Quel est la cible ? ( utilisateurs).  Comment évaluer les résultats? ( Quantitatif/ Qualitatif) ( 20-30 utilisateurs).  Quel type de tri de cartes ? ( O/ F, à distance ou fermé). Les cartes  60-80 cartes en moyenne pour un site web.  Travailler par niveau.  Faire des sessions successives n-2 > n-1 > n.  Permet de tester le vocabulaire. Les outils en lignes  OptimalWorkshop ( 109 $/m ou 150 $)  Xsortapp ( gratuit sous Mac)  Codify Concept ( gratuit pour le moment) #FLUPA-Tri de Cartes
  • 16. Comment organiser une séance ? Nombre d’utilisateurs  In situ : 5-8 utilisateurs par séance et deux animateurs.  A distance :  Durée  Entre 1 heure et 2 heures. ( généralement il y a 45 min de tri) Logistique  Grande table.  Cartes avec le contenu et d’autres vierges.  Élastiques pour regrouper les cartes.  Post-it.  Stylo.  Appareil photo. #FLUPA-Tri de Cartes
  • 17. Déroulement > Démo 1- Accueil et consigne  Décrire l’objectif global.  Le contenu des cartes.  Insister sur le fait que c’est l’avis des utilisateurs que l’on veut. 2- Début du tri, les utilisateurs regroupent les contenus  Il faut trier tous les contenus avant de les nommer !!!  Possibilité d’ajout de cartes. 3- Milieu du tri, les utilisateurs nomment les catégories.  Utiliser des post-it.  Les utilisateurs peuvent modifier leur tri. 4- Fin du tri, débriefing.  Les utilisateurs justifient leur choix quand c’est possible.  Préciser la finalité.  Saisir les cartes dans votre logiciel (prévoir du temps ou une personne supplémentaire) #FLUPA-Tri de Cartes
  • 19. Comment analyser les données ? Rassembler les données  Un tableau à double entrée :  Rangée : votre contenu  Colonne : les catégories créées  Cellule : pourcentage de redondance  Regrouper des catégories similaires ( Divers, autres, informations, etc.). Quantitatif  Matrice de propagation > visualiser les cartes et les groupements les + signifiants  Matrice cooccurrence : > fréquence d’association ( + de 75% c’est valide)  Dendrogramme – Représentation visuelle des distances entre les concepts. Qualitatif  Événement ponctuel et dispersion  Tendance de classement  Apport sur la vision globale grâce aux commentaires #FLUPA-Tri de Cartes
  • 20. Comment analyser les données ? http://uxpajournal.org/analyzing-card-sorting-data-using- graph-visualization/ #FLUPA-Tri de Cartes
  • 21. Quels résultats ? Identification  Problème de vocabulaire  Hypothèses sur la catégorisation  Ajout ou suppression de catégories  Différences entre les profils Structure  Casser la vision organisationnelle  Préférer une architecture large à une architecture profonde  Identifier les liens entre les niveaux N-2 et N-1  Ne pas oublier le diagramme de flux #FLUPA-Tri de Cartes

Notas do Editor

  1. Merci d’être venu à cet atelier pratique de l’association FLUPA. On est heureux de vous proposer un cet qui va essayer de mettre en lumière cette technique UX. Quel va être le programme : Je vais vous présenter l’association, puis nous ferons un serious game pour permettre à tout les membres de se connaître. Enfin, nous attaquerons avec le Tri de cartes. Un peu de théorie et un peu de pratique, vous vous mettrez dans la peau d’un utilisateur..
  2. - Francis Rowland : Design Studio  - Stephanie Walter : Guérilla Design  - Elie Sloim : Qualité Web a dit oui - Kerstin Bongard  - Julien Champagne
  3. s
  4. Utile. En tant que pratiquants, nous ne pouvons nous contenter de peindre dans les lignes tracées par les gestionnaires. Nous devons avoir le courage et la créativité de se demander si nos produits et systèmes sont utiles, et d'appliquer nos connaissances de l'artisanat + support pour définir des solutions innovantes qui sont plus utiles. Utilisable. Facilité d'utilisation demeure vitale, et pourtant, les méthodes et les perspectives de l'interaction homme-ordinateur d'interface centrée ne aborde pas toutes les dimensions de conception de sites Web. En bref, la convivialité est nécessaire mais pas suffisante. Souhaitable. Notre quête de l'efficacité doit être tempéré par une appréciation de la puissance et la valeur de l'image, l'identité, la marque, et d'autres éléments de design émotionnel. Trouvable. Nous devons nous efforcer de concevoir des sites Web navigables et objets repérables, afin que les utilisateurs peuvent trouver ce dont ils ont besoin. Accessible. Tout comme nos bâtiments ont des ascenseurs et des rampes, nos sites Web doivent être accessibles aux personnes handicapées (plus de 10% de la population). Aujourd'hui, ce est bon pour les affaires et la chose éthique à faire. Finalement, il deviendra la loi. Crédible. Merci au projet de crédibilité Web, nous commençons à comprendre les éléments de conception qui influent si les utilisateurs font confiance et croient ce qu'on leur dit. Précieux. Nos sites doivent offrir de la valeur à nos commanditaires. Pour les non-profits, l'expérience utilisateur doit avancer la mission. Avec à but lucratif, il doit contribuer à la ligne de fond et améliorer la satisfaction client.
  5. Faire un service dédié n’est pas du bon sens, comprendre les usages ne relève pas de vos intuitions. Ils relèvent de votre compréhension du monde. Alors oui, il vous semble peut-être facile de faire une application de messagerie parce que vous utilisez WhatsApp, mais qu’en est-il de l’usage des adolescentes de 14 ans ? Comment proposer un service pour les architectes quand nous ne sommes pas architecte nous-même. Ils est important de comprendre la façon dont pensent, parlent et agissent les utilisateurs du services que vous concevez. Il faut appliquer une certaine éthique à investiguer auprès de l’utilisateur
  6. L'architecture de l'information est aussi définie par l'Information Architecture Institute3 comme : La conception structurelle des environnements d'information partagée. L'art et la science de l'organisation et l'étiquetage des sites web4, intranets, communautés en ligne et logiciels pour leur repérabilité et utilisabilité. Une émergence de pratique axée sur la mise en principe de design et d'architecture dans le paysage numérique.
  7. Optimal Workshop, websort ou codify
  8. Attention le tri de cartes permet de comprendre les modèles mentaux des utilisateurs, il est centrée sur l’organisation du contenu et non sur la tâche. C’est pourquoi, il va être plus facile de préparer un tri de cartes pour un site web que pour une application.
  9. Améliorer un site web, organiser un contenu pour un nouveau projet, réorganiser une bibliothèque Généralement, on fait un tri de cartes ouvert, puis quand on a nos premières catégories qui ressorte, on fait un tri de carte fermé.
  10. Choisir un minimum d’utilisateur Entre 20 30 utilisateurs par cible. ( Tullis & Wood) 2000 Généralement, on fait un tri de cartes ouvert, puis quand on a nos première catégorie qui ressorte, on fait un tri de carte fermé.
  11. La justification porte sur la création de catégorie, sur lé difficulté à placer certains éléments. Ces verbatims sont importantes pour comprendre certains blocages.
  12. 1- Pour tester la méthodologie du tri de cartes, nous allons vous demander de trier les contenus web d’une association prônant le végétarisme. Alors, il n’y a pas de but commercial à ce test, d’ailleurs nous ne récupérons pas vos résultats. Donc, soyez libéré pendant la session. Pour commencer, vous aller vous mettre en groupe ( 3 par tas de cartes). Vous allez commencer par lire toutes les cartes une par une, en groupe, pour que vous ayez une vision commune de chaque cartes, ensuite vous pourrez faire des groupes qui correspondent à ce qui semble logique pour vous. Comme vous êtes en groupes, essayer de faire d’avoir un consensus. Vous pouvez également créer des cartes à tout moment si vous pensez qu’il manque quelques choses. Vous avez 15 minutes pour le faire. 2- Maintenant, que vous avez des groupes. Je vais vous demander de les nommer à l’aide des post-it. ( Prenez 5 minutes). 3- Merci pour ce nommage, maintenant je vais demander à un membre de chaque groupe de me rejoindre, cette personne devra faire le debriefing. Je vais lui expliquer les questions qu’elle devra posé à un groupe qui n’est pas le sien. Bien entendu, vous pouvez prendre des notes au cours de ce test. (15 minutes) Demander aux groupes de présenter leur tri de cartes. Demander quelles cartes ont été les plus difficiles à classer et pourquoi ? Demander pourquoi certaines sont isolées et pourquoi ? Demander quelles cartes ont été les faciles à classer et pourquoi ? ne jugez pas essayer de comprendre Si il y a peu de catégorie, demander aux groupes de fractionner leur groupement. Si il y a beaucoup de catégorie ( + de 8) demander d’en réduire le nombre. Soyez curieux. Est-ce que le groupe a une connaissance du végétarisme ?
  13. Choisir un minimum d’utilisateur Entre 20 30 utilisateurs par cible. ( Tullis & Wood) 2000 Généralement, on fait un tri de cartes ouvert, puis quand on a nos première catégorie qui ressorte, on fait un tri de carte fermé.
  14. Choisir un minimum d’utilisateur Entre 20 30 utilisateurs par cible. ( Tullis & Wood) 2000 Généralement, on fait un tri de cartes ouvert, puis quand on a nos première catégorie qui ressorte, on fait un tri de carte fermé.
  15. Choisir un minimum d’utilisateur Entre 20 30 utilisateurs par cible. ( Tullis & Wood) 2000 Généralement, on fait un tri de cartes ouvert, puis quand on a nos première catégorie qui ressorte, on fait un tri de carte fermé.