Card Sorting Technique - Planning a website

Creating a website sitemap in my opinion is the first crucial step to defining the requirements of a website project. The technique I use is an oldie but a goodie and using a simple mindmapping technique that we've called the "card sorting technique".

Bonjour à tous, ceci est une technique de tri par cartes

Vous aurez simplement besoin de papier, des feuilles A4 coupées en cartes

Lorsque vous avez terminé de faire ce travail initial, ces séances de questions/réponses

ou de stratégie sur quels sont vos clients, vos produits, votre image...

Alors vous pouvez vous assoir autour d’une table et vous distribuez 15 cartes à chacune des personnes qui vous aident

et ensuite vous leur présentez le concept appelé Technique de tri par cartes

Maintenant la première chose que vous devez faire est de donner un exemple de ce que vous voulez faire

et ensuite les laisser écrire les réponses.

Bonjour à tous, ce que nous allons faire aujourd’hui est un brainstorming

pour permettre d’identifier tous les éléments que vous souhaitez avoir sur votre site Web

Par exemple sur votre site Web c’est une bonne idée d’avoir un formulaire de contact

Donc vous écrivez les mots “Formulaire de contact”...

Donc vous écrivez les mots “Formulaire de contact”...

Bien, peut-être que vous pourriez vouloir un plan d’accès… et vous l’écrivez également.

Donc ce que je voudrais que chacun fasse maintenant de trouver 10 ou 15 éléments que vous voudriez sur le site.

Et laissez les s’exprimer avec leurs propres mots et donner leurs propres idées.

Alors, une astuce pendant qu’ils écrivent leurs idées est de réaliser un audit de leurs sites Web...

...je l’ai fait avant l’arrivée des clients et j’ai noté quelques idées. Vous pouvez ainsi les ajouter aux autres.

Après deux ou trois minutes, peut-être plus en fonction de la taille de l’entreprise ou de l’organisation

vous demandez aux participants de vous donner leurs cartes

et les rassemblez dans une pile, ou s’ils y a beaucoup de personnes vous leur demander d’aligner les cartes

Vous demandez d’aligner les cartes de façon à ce qu’elles soient lisibles dans le même sens.

Vous pouvez également demandez à un autre participant de vous aider à les aligner toutes sur la table.

Donc une fois que vous avez toutes les cartes alignées vous pouvez commencer à résoudre le puzzle en formant des piles logiques.

Donc ici nous avons “Formulaire de contact” et nous avons ici “s’enregistrer”.

Donc ces deux-là vont ensemble.

En regardant vous voyez que vous avez “Logo de sponsors”, peut-être y-a-t-il d’autres cartes proches, et ainsi de suite.

Ici “Partenaires” avec “logos des sponsors”.

Vous aurez probablement une pile “Design”, donc “Logo”, “Slogan au-dessus” peuvent aller ensemble.

Ensuite vous vous mettez en retrait et vous les laissez trier les cartes eux-mêmes au sein de l’équipe.

Alors au bout d’un moment, vous aurez plusieurs piles que vous alignez à nouveau.

Ensuite vous ajoutez des morceaux de papier que vous placez au-dessus des piles et vous invitez vos clients à vous donner un nom pour chaque pile.

Si vous deviez mettre ceci dans un dossier, comment appeleriez-vous ce dossier ? ou pourquoi avez-vous constitué cette pile ?

Donc vous prenez chaque pile et vous regardez ce que vous avez : carrés en bas, slogans, images, logos. Je pense que nous avons cette pile pour l’ensemble des aspects design.

Donc vous écrivez le mot “design”.

Et cette pile est faite. Vous en faites une ou deux juste pour initier le mouvement.

”Contact”, “Informations de contact”... Celle-ci pourrait s’appeler “Contact”.

A ce moment vous pouvez commencer à écrire des choses comme “Contactez-nous” et amener l’idée que cela pourrait être une page sur le site Web qui contienne ces informations.

C’est à vous de voir, vous n’êtes pas obligés de guider tout le déroulement.

A ce moment gardez les choses simples et amenez-les à organiser tous ces morceaux de papier.

Là vous les laissez proposer leurs propres noms.

”Sponsors”, “actionnaires”, “partenaires”... celle-ci peut simplement être appelée “Partenaires”.

Parfois il y a une carte dans la pile qui correspond, vous pouvez créer une nouvelle carte ou conserver celle-ci.

Ici nous avons une autre pile “Que vais-je tirer de cela ?”, “Qu’est-ce que l’économie numérique ?”,

“Qu’est-ce que le programme WIIN ?”, “Pourquoi devrais-je participer ?”, ce pourrait être “Pourquoi ?”

Ici nous en avons une autre. “Dates-clés”, “agenda”, “consultation", “séminaires”...

...“ateliers”, “ateliers”, “séminaires”... Celle-ci pourrait être appelée “Programme”.

Elle rassemble des ateliers, des séminaires et d’autres choses du même type donc on peut l’appeler comme ça pour le moment.

”S’enregistrer maintenant”, “S’enregistrer”... “S’enregistrer”

Et continuez ainsi pour toutes les piles.

”Modalités et conditions” “cartes acceptées”...

Celle-ci je vais l’appeler “Bas de page”, car je sais que je vais placer tout cela dans le bas de page du site Web

donc vous pouvez l’appeler comme ça, ce n’est pas une obligation mais c’est ce que je recommande.

Après cela vous pouvez les inviter à ajouter une carte “Accueil”

que je place toujours sur le côté gauche et je prends la pile “Contact”

et je la place sur la droite.

Là nous avons “s’abonner à la letter d’information” qui peut aller sur la page d’accueil.

Nous avons le bas de page qui peut aller dans le bas de la page d’accueil.

Nous avons ici “programme” et “planning” qui peuvent aller dans la même pile.

Nous pouvons placer “Pourquoi ?” ici.

Nous en avons un autre ici appelé “Qui ?”

Donc “Comment s’inscrire ?”, “Pourquoi s’inscrire ?”, “Pourquoi vous enregistrer ?”, “Partenaires”, “Liens”.

Alors peut-être que “Liens” vient en dernier, “Partenaires”.

Peut-être que qu’une fois qu’ils savent pourquoi, comment, ce qu’ils vont avoir, ils voudront s’inscrire.

Vous pouvez tester un peu cette proposition.

Par exemple jetons un oeil à “Programme”. Nous avons “Programme”, “Programme”, nous pouvons placer celui-ci ici.

Planning...

Séminaires...

Dates des ateliers, ateliers...

Consultations...

A ce moment vous pouvez réellement faire une liste déroulante.

Vous entourez les mots pour marquer la différence, souligner deux fois ou un autre signe distinctif de votre choix.

Vous pouvez voir ainsi que “Programme” est le premier point de navigation et ensuite nous avons “Planning”, “Séminaires”, “Ateliers” et “consultation en face à face”.

Après tout cela vous avez une navigation principale en haut,

mais vous pouvez aussi promouvoir des rubriques sur la page d’accueil

pour inviter les gens à aller dans d’autres parties importantes du site Web.

Donc vous considérez cette proposition sous un autre angle et
essayez de considérer ce que vous souhaitez réellement que ce site fasse.

La première chose que vous souhaitez obtenir c’est des inscriptions.

Donc vous regardez ici et vous avez une carte “s’inscrire maintenant”.

Vous la placez sur la page d’accueil.

La deuxième chose que vous souhaitez mettre en avant est le programme, avec la date des ateliers.

Ici vous avez les dates importantes… ou programme.

Celui-ci, nous allons le placer également sur la page d’accueil.

Vous pouvez écrire deux fois la même carte, comme ça vous pouvez la placer sur la page d’accueil mais également dans la rubrique.

La dernière chose est… nous avons “inscription en ligne”, “programme”... et peut-être juste quelques faits et chiffres expliquant pourquoi ils devraient suivre ce programme.

Donc, “faits et chiffres”, “pourquoi ?” s’inscrire à ce programme spécifiquement.

Je fais un carré autour de ceci comme une porte d’entrée, vous pouvez ajouter une poignée...

A votre convenance.

Souvenez vous simplement que ceci sont des portes d’entrées pour votre site, des rubriques mises en avant.

Vous pouvez placer “inscription à la lettre d’information” en bas de la pile pour les organiser selon un ordre précis.

Une fois que vous avez terminé l’organisation générale, vous pouvez échanger avec votre client pour valider le type de site obtenu.

Nous avons un, deux, trois, quatre, cinq, six, sept, huit… Nous avons huit pages.

Nous avons un programme ici et des rubriques à promouvoir

Ceci est le site que nous allons coder, voici à quoi il ressemblera.

A ce niveau, ils peuvent visualiser le site Web et son organisation, ils peuvent voir le plan du site.

Une fois que vous avez obtenu une validation, après d’eventuelles modifications, vous pouvez rassembler les cartes dans l’ordre.

Là je viens de rassembler l’organisation de la page d’accueil… le “pourquoi ?”, le “qui ?”...

Rassembler les menus déroulants dans l’ordre.

Vos clients connaissent bien leur activité et vous avez ainsi pu en tirer de façon interactive les informations nécessaires

pour que leur site Web puisse atteindre les bons objectifs.

C’est une étape importante de l’ensemble de votre processus commercial.

N’oubliez pas les critères de design, on y trouve des éléments tels que “fun”, “images éclatantes”, “logo”...

Je les rassemble dans une pile, j’ajoute un clip… et voila, c’était la technique de tri par cartes.

C’était une super session, nous avons utilisé cette technique plusieurs centaines de fois, même sur des projets complexes.

J’espère que cette session vous a intéressé et je proposerai bientôt l’étape suivante pour passer du papier à l’ordinateur.