Etape 1 : Tri de cartes Julien Da Costa Alexandre Rocca Introduction : Ce document décrit la méthodologie et la passation du tri de carte. Une méthodologie centré utilisateur utilisé en ergonomie pour obtenir des informations sur la structuration de contenu d un site internet. Nous avons effectué le tri de carte avec deux utilisatrices agées de 24 ans adeptes d internet et utilisant les services de salons de coiffures. Methodologie : La méthodologie utilisée dans notre travail consiste en une conception qui ce centre sur l utilisateur. Cette méthode est appelée tri de carte. Utilisée dans le domaine de l ergonomie de sites web, elle a pour but de faire ressortir aux chercheurs l architecture de l information d un site web. En effet, ces informations doivent, pour l utilisateur, être pertinentes, accessibles et pour cela doivent être organisée d une manière claire et logique pour lui. Cette méthodologie tente de faire ressortir le schéma mental de structuration d informations des utilisateurs. Pour ce faire, la méthode consiste à présenter tout le contenu d un site web sous formes de cartes que l utilisateur devra regrouper, suivant les liens logiques qu il perçoit. La procédure se déroule en quatre étapes : Etape 1. Immersion Il s agit de présenter le contexte, ce qu il va devoir réaliser et de présenter les cartes à l utilisateur qui peuvent être placées de manière aléatoire avec en plus des cartes vierges permettant des rajouts d information. Nous avons spécifié à l utilisateur que les cartes contenaient des informations relatives au site internet d un salon de coiffure et nous l avons enjoins à en prendre connaissance. Etape 2. Définition des contenus Tout d abord, il faut dans cette étape valider les contenus (par leur utilité ou appellation) des cartes par le participant. Cette étape n est pas obligatoire dans le cas ou l information n est pas négociable. Dans notre cas il était pertinent de rester ouvert. Ensuite, un premier début d organisation des contenus (cartes conservés, cartes enlevée et carte rajoutés), sans faire de catégorie est effectué par le sujet en ce demandant si les informations sont utiles ou si il manque des informations (rajout via les cartes vierges). Le nom des cartes peuvent être clarifié et/ou modifié.
Etape 3. Groupement Cette étape est le démarrage du regroupement des cartes en catégories. nos sujets ont été informé qu il pouvait à tout moment dupliquer des cartes si il estime avoir besoin de mettre une même carte dans plusieurs catégories. De même Il est nécessaire de rappeler à l utilisateur qu il peut supprimer une carte à tout moment. nous avons tout au long de la procédure discuté avec le sujet et pris des notes pour cerner son schéma mental, comprendre les liens qu elle percevait entre les contenus et finalement comprendre les regroupement effectué. Etape 4. Labélisation Une fois que l utilisateur a effectuer ses regroupements, nous lui avons demandé de nommer ces groupes. Il n est pas nécessaire de nommer le groupe par un mot court et claire. Une phrase peut aussi fonctionner. Il arrive que vouloir donner le mot exact de ce qui nous faire ressentir le lien commun entre les carte d un groupe, n est pas possible. Il est aussi indiqué au sujet que le nom donné au groupe n est pas le nom qui figurera sur la site. Il s agit vraiment de nommer le groupe pour la raison du regroupement des cartes, le dénominateur commun qui existe entre elles. Passation : Réalisation des cartes : Nous ne possédions pas de contenu se rapportant réellement au salon (photo du salon, texte de présentation rédigé par la patronne du salon etc..) nous avons donc réalisé un contenu fictif se rapprochant au plus près du contenu réelle du salon tel que nous l avons décrit dans les travaux d analyse de la période précédente. Pour ce faire nous nous sommes inspirés, où avons repris tels quel des images ou contenu textuelle des sites de notre analyse concurentielle ou d autres. de contenu se trouvant sur les sites Nous avons tenté d être le plus complet possible. Les cartes contiennent des photos, des textes, des adresses web ou mail, la représentation d un diaporama photo etc.. au final nous avons obtenu 42 cartes. Lien vers les cartes Choix utilisateurs : Nous avons suivi la même démarche que pour les travaux de la période précédente. Nous avons choisi des femmes, car se sont elles sont les cibles prioritaires d un salon de coiffure, et qui utilisent toute la palette de services proposés. Si nous avions choisi un plus grand nombre d utilisateur nous aurions éventuellement intégrer des homme. Contexte de passation : Nous avons effectué la passation à Genève, une personne était présente physiquement et communiquait avec le second via skype sur un iphone en haut parleur, ce qui permettait de se déplacer dans la salle, de zoomer sur les cartes et de communiquer correctement. De plus la vidéo était enregistré ce qui permettait de la visualiser à nouveau. Ce fut très efficace. Nous n avons pas rencontré de difficulté. Le sujet N puis le sujet S. Julien s est occupé de diriger le premier entretien et Alexandre était le preneur de notes. L inverse a été effectué pour le second
sujet. Chaque entretien a duré une quarantaine de minute, et les sujets n étaient pas présent ensemble au même moment. Prise de notes lors de la passation : Sujet N. (Alexandre) Le sujet a disposé les cartes afin de les voir clairement et en prendre connaissance. En verbalisant énormément ce qu elle faisait, le sujet a indiqué qu elle observait la proximité flagrante entre certaines cartes. Une logique se crée. Cependant, ce faisant une idée toute faite, elle imaginait au départ une catégorisation par pages web (page 1 je veux voir ça, page 2, etc.) au lieu de se concentrer sur la tâche. Elle semblait réfléchir directement à un produit fini. Peut être de nature perfectionniste, nous la rassurons sur le fait qu il n y a pas de juste ou faux. Son premier mouvement, la première carte prise (cela me paraissait intéressant sur le plan réflexif) est la carte avec le plan google map qu elle relie avec la carte moyen d accès. Très intéressant aussi, elle prend la carte avec le numéro de téléphone mais la repose. Elle prend la carte notre page facebook et met à ce moment le numéro de téléphone. Nous lui demandons pourquoi cette hésitation. Elle répond je vois un ensemble accès et un ensemble moyen de nous contacter. Triant les carte, elle bute sur «info/news» qui lui semble clair et abstrait en même temps. C est autant l information sur les contacts mais news je le ciblerais plus sur ce qu ils font dans le salon. Elle y reviendra plus tard. Le groupe effectué de manière rapide est les coupes et tout ce qui concerne les prestations avec les tarifs. Donc un rassemblement d une catégorie paiement avec prestations selon ses dires. Nous ne sommes pas encore à la l étape 4 : labélisation. Ensuite, remettant en question ce groupe (il n est pas encore nommé), elle crée un groupe service annexe, avec les produits et service onglerie tatoo. En fait, je pense que de manière involontaire, elle nomme ses groupes mais en fait elle nomme la raison de son action. Elle supprime une carte qui dérange «envoyer par sms». Celle-ci ne lui inspire rien et ne sait pas du tout quoi en faire depuis un moment. Elle ne l a pas supprimée durant l étape de validation (elle en a parlé : je sais pas à quoi ça sert mais on verra ) mais durant le regroupement. Une catégorie se crée sous l apparence d une page d accueil (jugement personnel). Son organisation est «comme je voie dans ma tête le site internet». Les cartes avec des images de coupes vont sont reliées à noms de coupes et prestations. Cependant elle distingue pour sa catégorie de type page d accueil elle note clairement le fait que les visages de type portrait avec un nom dessous évoquent clairement la présentation des personnes travaillant dans le salon, groupe assemblé avec une présentation du salon (diaporama photo, historique...). Livre d or et journée à thèmes sont supprimées. Tout comme envoyer par sms, ces cartes n ont rien à faire dans une entrerprise selon moi, je ne voie pas leur l utilité ou du moins je ne les utiliserais pas sur le site. Elle revient sur la carte info/news. Elle aurait aimé une carte info et une carte news. Nous
lui rappelons qu elle peut modifier la carte. Elle fini par placer la carte info/news avec les recherches d emploi ou nouvelle coupe de cheveux, nouvelles prestations (ce ne sont pas des cartes crées par l utilisatrice mais ces informations peuvent avoir une certaine pertinence pour notre site). Nous passons ensuite sur la finalité des groupes. Elle cherche impérativement a utiliser le nom du groupe pensé depuis le départ. Selon la méthode du tri de cartes vu en cours, nous lui rappelons qu elle n est pas obligée de donner un nom mais une phrase explicative peut aussi fonctionner. Elle écrit, pose et nous prenons la photo. Lien vers la catégorisation finale Sujet S. (Julien) Départ : Le sujet a pris toutes les cartes dans sa main et a pris connaissance des cartes une par une en les reposant aussitôt sur le sol. Nous remarquons que le sujet contrairement au précédent, commence déjà a effectué un pré-regroupement, non par sens du contenu mais par type de contenu elle a directement mis les photos ensembles, les textes long ensembles, les phrase courte ensembles, le numéro et adresse mail ensemble etc.. Une manière de se repérer plus rapidement pour la suite. Durant l étape de validation de contenu le sujet à très rapidement enlever la carte envoyer par sms, nous posant la question C est pour prendre rendez vous par sms?. Le sujet ne rajoute aucune carte. Regroupement : L utilisatrice au final obtient les 7 groupe suivants : 1 Acceuil du site: présentation salon et photo. 2 Lien : facebook : 3 Offre d'emploi : 4 Livre d'or : 5 Autres services + produits. 6 Contact horaire 7 Tarif prestation photo. Je ne relaterais pas chronologiquement les actions de l utilisatrice mais ce qui m a paru intéressant, pertinent de relater Très rapidement les cartes prestations, les nom de type de coiffure et la carte -20% étudiants sont mis ensemble. Puis un autre groupe avec adresse mail, info/news téléphone, moyen d'accès, horaire d'ouverture est créer. Peu d hésitation. Une des photos que nous avions placé en tant qu illustration d un type de coiffure a été placé dans autre services + produit car le modèle féminin portait un tatouage sur la nuque.. L utilisatrice a d abord réalisé 10 catégorie avant de revenir à 7. Ainsi Onglerie et produit coiffure était séparés puis remis ensemble sous l'appellation autres services et produits. Les cartes représentant l équipe de coiffure et les cartes de présentation du salon formait deux groupes distinct avant d être remis ensemble sous l'appellation Accueil présentation salon
Enfin l utilisatrice avait contrairement au sujet précédent séparer les cartes relative à des tarifs et les cartes relatives aux prestations avant de raviser à la fin.
L utilisatrice hésite sur la carte diaporama et la place d abord à l accueil puis finalement décide de la placer dans son groupe Tarif prestation photo. La difficulté de placer cette carte était dans le fait qu il est impossible de voir le contenu du diaporama sur une image fixe. Lien vers la catégorisation finale Conclusion : Points communs : De manière général nos deux utilisatrice ont opéré des catégorisation très ressemblante. On peut constater que les deux utilisatrices ont créer des catégories Tarifs et prestations regroupant les mêmes cartes ( différences simplement aux niveau du diaporama et de la carte où un des modèle porte un tatouage). Les utilisatrice veulent pouvoir voir les prestation et le prix correspondant simultanément (pouvoir comparer, être sur de ne pas se tromper etc..). Les utilisatrices n ont fait aucune sous catégories concernant les prestations ( pas de séparation par type de coupe, par longueur de cheveux, par genre etc.). Les utilisatrices nous ont dit qu il n est pas forcément pertinent de le faire car ensuite il faut connaître la terminologie des catégorisations. On constate chez les deux utilisatrice une volonté de séparer les prestations de coiffure des produits de coiffure, voir de certains services annexes (tatouage, onglerie). Même si elle réalise la manoeuvre de façon différentes (voir différence). Les utilisatrices sont très attentives à ce que les information de contact, d horaire et de situation géographique se retrouve en un seul et même endroit. Ainsi les cartes de plan, d adresse, numéro de téléphone, horaire d ouverture, fermeture jours férié etc. doivent être facilement accessible et ne pas avoir à les chercher sur différentes pages du site. La demande de stage, l offre d emploi sont sans aucune hésitation pour les sujet des carte relative au secteur de l emploi du salon et doivent être dans une catégorie appart. On remarque enfin que les utilisatrices ont une vision assez claire de ce qu elles comptent trouver dans une présentation de salon. Les catégories accueil présentation et notre entreprise sont identiques et regroupe un historique, une présentation du parcours de la patronne, l équipe de coiffure, photo du salon etc. Différences : Chez l une des utilisatrices, la catégorie livre d or a été constitué alors que pour l autre, la carte livre d or n avait aucun sens et/ou aucune utilité. La journée à thème semble aussi être une carte intéressante. L une l a supprimée, l autre l a mise dans le groupe contact horaire. La suppression de cette carte peut être expliqué par le fait que les journées à thèmes sont une spécificité propre au salon de coiffure sur lequel nous travaillons et donc pouvant être inconnu aux utilisatrices cliente d autre salon de coiffure. Dans la catégorie de contact (chez le sujet S.), il y a la carte info/news, carte qui nous semble être une référence à l actualité pour les sujets. Il est intéressant de voir que le sujet N. a mis la carte info/news dans une catégorie emploi (catégorie existante chez le sujet S.). La catégorie lien n existe pas chez le sujet N. car les cartes de cette catégories sont réparties dans d autres catégories chez N. Pour le sujet S. il semble que cela soit une catégorie dirigée vers quelque chose d extérieur au site. La carte diaporama a la même fonction mais est utilisée pour des usages différents.
Les utilisatrices voient l utilisation d un diaporama soit pour la présentation d un salon soit pour un aperçu des prestations possibles. Partie Réflexive Cette méthode est intéressante au niveau des besoins et des contraintes en ce qui concerne l ergonomie de site web. D une part parce qu elle permet d obtenir des données importantes liées à l utilisateur. D autre part parce qu elle assure que l utilité, l appellation et l organisation des contenus soient concrets pour l ensemble des utilisateurs. Nous appréhendions un peu l efficacité et la pertinence de la méthode en l utilisant seulement sur deux utilisateurs. nous avions peur d obtenir deux catégorisations totalement différentes, et de ce fait, ne pas savoir quoi en tirer. Finalement nous nous sommes aperçus que les utilisateurs ont parfois une vision claire de ce qu ils attendent et que de nombreuses similitudes peuvent être relevées. Enfin, nous sommes assez satisfait du déroulement des passations et de la méthode via skype et smartphone employée. Bibliographie Méthode du tri de carte selon l article du site ErgoLab http://www.ergolab.net/articles/tri-cartesergonomie-web.php