Devenons architectes voulez-vous

En décembre dernier, un client m’a confié la refonte de son site web, aux côtés d’un webdesigner. 
Après plusieurs phases de recherches et d’ateliers pour bien cerner l’entreprise, le produit, l’offre globale et les clients cibles, l’heure est venue de construire l’arborescence du site internet.

Pourquoi s’y attarder ? 

• Pour faciliter la navigation de l’utilisateur

• Pour qu’il comprenne ce que l’entreprise propose

• Pour qu’il ait accès aux informations dont il a besoin

• Pour l’encourager à passer à l’action

Je ne pouvais pas construire cette arborescence seule. 
J’ai donc organisé un atelier avec le groupe projet, composé de 12 personnes.

C’est bien joli l’atelier, mais comment je fais pour réaliser l’architecture d’un site à 12 personnes ? 

Je dois t’avouer un truc : j’ai la chance d’avoir un UX designer chez moi.
Qui supporte mes entrées spontanées dans son bureau, mes questions et mes remises en question. Et qui m’apprend donc énormément de choses autour du design.
J’avais déjà une petite idée de méthodo en tête, mais il m’a permis de l’organiser et de la formuler. 

Objectif de l’atelier :
👉Définir le menu principal et le menu du footer (bas de page)

Voici la méthodologie, telle que je l’ai écrite et appliquée :

1. Définir les objectifs du site
Pourquoi faisons-nous ce site internet ?
Notoriété ? Conversion ? Marque employeur ? Information ?...
➡️ À définir tous ensemble - 10 min

2. Lister tous les éléments de contenu qui doivent figurer dans le site internet
Que doit contenir le site ? 
➡️ Travail individuel : chacun écrit des contenus sous forme de post-its sur Miro - 20 min

3. Faire un debrief de ces éléments
Lorsque le contenu n’est pas clair, demander à la personne qui l’a noté de l’expliquer.
Rassembler les post-its similaires, mettre de côté ceux qui ne sont pas des contenus textuels.
➡️ Debrief tous ensemble en 20 min

4. Définir les pages du site
Quelles seront les pages du site ?
➡️ En 3 groupes de 4 personnes
➡️ Regrouper les post-its en catégories sur Miro, pour former des pages - 20 min
➡️ Debrief : présentation par les groupes et définition des pages - 20 min

5. Définir l'arborescence
➡️ Définir, tous ensemble, le menu principal et le menu footer - 20 min

Globalement, nous avons réussi à élaborer le menu et les éléments du footer.

Mais, le champ d’amélioration est grand ! 

• En 2 heures, c’était tendu ! Ça a plutôt duré 2h20.

• En étape 2, je n’avais pas précisé que les participants devaient lister les éléments textuels (et non visuels). 

• Pour l’étape 4, j’ai dû remettre les post-its au propre et dupliquer l’ensemble pour les 3 groupes. Ça m’a pris du temps (un peu plus de 10 minutes). Mais j’ai proposé au groupe de faire une pause. 

• J’ai fait l’atelier à distance, et n’ayant pas de compte de visio professionnel, j’ai dû créer 3 Google Meets pour les 3 groupes, en étape 4. Un vrai bordel. Ma connexion ramait, et je n’avais pas anticipé que tel groupe allait sur telle visio.

• L’arborescence a légèrement changé en call avec le CEO, et lors du point équipe le lendemain.

À faire la prochaine fois : 

• Prévoir 2 ateliers.

• Définir les cibles du site, et pour chacune d’elles :

  • Leurs objectifs

  • Certains parcours sur le site pour atteindre ces objectifs

• Lister les contenus du site, en fonction de ces parcours et de ces objectifs.

• Préciser au groupe qu’il s’agit de définir les contenus textuels.

• Prévoir une pause pour organiser la suite de l’atelier.

• Régler ce problème de visio, pour créer des groupes dans plusieurs ‘salles’. D’ailleurs, si tu as une solution en tête, je suis preneuse !

• Trancher sur une arborescence : dans tous les cas, elle évoluera selon l’analyse du trafic et d’autres contenus s’ajouteront au fil du temps.

Aujourd’hui, je suis en pleine phase de structuration de chaque page, avant de passer à l’écriture. 
Je t’en dirai des nouvelles !