Tri par carte

Le tri par carte peut avoir plusieurs objectifs : vérifier que l’organisation d’éléments dans un site correspond bien au modèle mental des utilisateurs par exemple. Mais on peut aussi s’en servir par exemple simplement pour lister et organiser les différents contenus d’un site que l’on souhaiter réaliser ou refondre.

photo illustrant un exercice de tri par carte

illustration d’un tri par carte

Prenons la vidéo suivante :

Note

Pour résumer cette vidéo (et pour ceux moins à l’aise avec l’anglais), on peut retenir ce qui suit :

  • on utilise des cartes en papier (une quinzaine par personne ici)
  • on réunit différentes personnes pour faire une sorte de brainstorming (habituellement après avoir discuté de la cible, du produit etc.)
  • on essaie de lister ce que l’on souhaiterait voir sur le site internet
  • on peut aussi regarder le site existant et lister les contenus actuels
  • une fois les cartes remplies, on peut les aligner sur la table et commencer à les trier de façon à former des groupes cohérents
  • une fois les groupes formés, les nommer sur une nouvelle carte (ou récupérer une carte existente si adaptée)
  • une fois les groupes nommés, on peut essayer de créer une arborescence du site et des pages

Note

Notez que la forme, de simples cartes en papier, à plusieurs avantages :

  • tout le monde peut participer, inscrire des idées sans que quiquonque ne monopolise la parole
  • tout le monde peut manipuler les idées, contrairement à avec un logiciel ou bien souvent une personne contrôle l’ensemble, ne serait-ce qu’en tenant la souris
  • les cartes sont faciles et rapides à manipuler afin de faire des propositions tout aussi faciles et rapides à corriger

Pourquoi faire ?

Il n’existe pas une unique méthode de tri par carte avec un unique objectif. Dans le cadre de ce cours, on prendra le tri par carte comme un moyen de vous aider à identifier les informations à considérer dans le cadre du projet, et à les structurer en une architecture informationnelle formelle. La description qui en sera faite ici se veut grossière mais efficace.

Comment faire ?

La procédure habituelle (qu’on ne va pas suivre) :

  • Préparer un ensemble de cartes vierges (des rectangles de papier inscriptibles)
  • identifier et nommer sur les cartes les parcelles d’informations pertinente dans le cadre du projet (par exemple : noms des pages, éléments pouvant être « formulaire de contact », « logo », « menu ») jusqu’à épuisement des idées
  • trier et classer les cartes : rassembler les notions similaires ou identiques, établir des catégories, nommer celles-ci…
  • reporter la structure obtenue dans un document

La procédure aujourd’hui :

  • se rendre sur draw.io
  • sur l’écran relatif à la sauvegarde des diagrammes, cliquer sur « device »
  • « create new diagram »
  • indiquer le titre du diagramme (NOM-tri) puis « create » (indice : votre nom n’est pas votre prénom)
  • créer des rectangles et les utiliser comme cartes
  • effectuer l’exercice donné
  • sauvegarder sous forme d’un .svg

Exercices 1

Exercice 1

Dans un premier temps, lister un maximum d’éléments potentiels que vous pourriez vouloir sur un portfolio en ligne, et faites un export au format SVG.

exercice 2

Dans ce second temps, et après revue de l’exercice 1, mettez à jour votre travail et regroupez vos éléments de manière à former des groupes auquels vous apposerez un label, et faites un export au format SVG.