Les parcours clés et le test d'arborescence

Un plan de site montre les pages, mais pas le chemin que suit le visiteur. Le parcours, lui, raconte ce chemin : d'où il arrive, sur quoi il appuie, ce qu'il voit, jusqu'à la tâche accomplie. Dans cette leçon, tu vas dessiner les parcours des tâches principales de ton site. Tu vas aussi apprendre à vérifier ton arborescence avec un test très simple, avant de dessiner la moindre maquette. Corriger un plan sur papier ne coûte presque rien ; le corriger quand le site est monté coûte des jours.

Prends la tâche « réserver une table pour ce soir » et écris chaque étape. Leïla voit une publication de Dar Yasmine sur Instagram et touche le lien. Elle arrive sur l'accueil et voit le bouton « Réserver ». Elle choisit la date, l'heure et le nombre de personnes, laisse son nom et son numéro, puis valide. Un message lui confirme la demande, et un SMS suit. Note aussi les issues : si l'heure est complète, que lui propose-t-on ? Un autre créneau, ou le numéro du restaurant ? Un parcours sans issue de secours, c'est un client perdu.

Le visiteur n'arrive pas toujours par la page d'accueil. Un parent de Kinshasa reçoit sur WhatsApp le lien direct vers la page des inscriptions. Une cliente du cabinet tape « liste documents impôts comptable Québec » dans un moteur de recherche et tombe sur la page des documents. Chaque page doit donc fonctionner seule : un titre clair qui dit où l'on est, le menu, le logo qui ramène à l'accueil, et un lien vers l'étape suivante logique. Dessine tes parcours à partir de deux ou trois portes d'entrée différentes.

Chaque étape ajoutée fait partir une partie des visiteurs. Regarde ton parcours et demande-toi, pour chaque étape, si elle est indispensable. Pour réserver une table, faut-il créer un compte ? Non. Faut-il l'adresse postale ? Non plus. Le nom, le numéro de téléphone, la date, l'heure et le nombre de personnes suffisent. Pour l'inscription chez Mwinda, le formulaire est passé de quatorze champs à six, et le reste est demandé lors de la première rencontre. Prévois aussi une solution de secours, comme un bouton d'appel, pour ceux qui préfèrent parler.

Pour vérifier ton plan, utilise le test d'arborescence. On présente au participant le menu sous forme de texte, rubrique par rubrique, sans aucun graphisme. Puis on lui donne une tâche : tu veux savoir quels papiers apporter pour ta déclaration, où cliques-tu ? On note où il clique d'abord, s'il va droit au but ou s'il hésite, et s'il trouve. Nielsen Norman Group présente cette méthode comme le complément du tri par cartes : le tri aide à créer la structure, le test d'arborescence permet de l'évaluer.

La qualité du test dépend de la manière dont tu écris les tâches. Décris une situation concrète : ta tante arrive à Tunis jeudi avec cinq amis et veut dîner chez Dar Yasmine, que fais-tu ? Évite de reprendre les mots exacts du menu. Si ta tâche dit « repas de groupe » et que la rubrique s'appelle « Repas de groupe », le participant n'a qu'à repérer le mot. Décide à l'avance quelle page est la bonne réponse. Avec cinq ou six tâches et quelques participants, tu repères déjà les rubriques mal nommées.

Retiens qu'un parcours décrit chaque étape entre l'arrivée du visiteur et sa tâche accomplie, avec une solution de secours en cas de problème. Le visiteur peut arriver par n'importe quelle page, donc chaque page doit dire où il se trouve. Supprime les étapes et les champs inutiles. Et vérifie ton plan avec un test d'arborescence, en texte seul, avant de dessiner. Dans le lab, tu vas produire l'arborescence et trois parcours pour ton projet. Puis la simulation te place dans une agence d'excursions, à Labé.