La navigation guidée est une approche de conception d’interface qui conduit l’utilisateur pas à pas vers l’accomplissement d’une tâche, en découpant le parcours en étapes successives et en indiquant à chaque moment où il en est.
Plutôt que de laisser l’utilisateur explorer librement le contenu, elle lui propose un chemin balisé. Chaque écran porte une seule question ou un petit groupe de champs liés. Des boutons permettent d’avancer et de revenir en arrière. Un indicateur de progression annonce le nombre d’étapes et l’étape en cours. Des instructions contextuelles expliquent ce qui est attendu. Un récapitulatif permet de vérifier les informations avant la validation finale. Le parcours peut comporter des embranchements, chaque réponse orientant vers l’étape pertinente.
La navigation guidée se distingue de la navigation libre, organisée par des menus et par l’arborescence du site web. Elle se distingue aussi du fil d’Ariane, qui situe une page dans la hiérarchie du site et non dans un processus. Le tunnel de commande en est une application particulière, dédiée à l’achat. La visite guidée d’une application, qui présente ses fonctions au premier lancement, relève d’une logique voisine mais vise la découverte plutôt que l’accomplissement d’une tâche.
L’approche sert aux tâches complexes, rares ou encadrées : souscription d’un contrat, demande de devis, configuration d’un produit, inscription, prise de rendez-vous, déclaration administrative. Elle mobilise l’ergonomie des formulaires, la rédaction des consignes et le suivi analytique des étapes.
La navigation guidée réduit le nombre de décisions à prendre à chaque écran. Elle aide le visiteur occasionnel face à une tâche qu’il connaît mal. Elle ralentit en revanche l’utilisateur expert, qui sait ce qu’il veut et doit pourtant franchir chaque étape. Notre critère de choix : guidez une tâche rare, à enjeu ou soumise à des règles. Laissez libre une tâche fréquente, que l’utilisateur répète et maîtrise. Pour un public mixte, prévoyez un raccourci vers un écran unique ou une reprise rapide.
Le tutoriel du W3C consacré aux formulaires en plusieurs pages (Web Accessibility Initiative, mis à jour en 2019) fixe des repères concrets. Il recommande de diviser un long formulaire en étapes logiques, de faire figurer la progression dans le titre de la page et d’afficher les étapes sous forme de liste ordonnée. La première étape annonce le nombre d’étapes à venir. Des liens vers les étapes déjà remplies permettent de les relire, et les données saisies sont conservées.
Le critère 3.3.7 des WCAG 2.2, « Saisie redondante », de niveau A, va dans le même sens. Une information déjà fournie dans le même processus doit être préremplie ou proposée au choix, plutôt que ressaisie. Trois exceptions sont prévues : la ressaisie essentielle à l’exercice, la sécurité, comme la confirmation d’un mot de passe, et l’information devenue invalide.
Un parcours guidé se pilote étape par étape, comme un tunnel de conversion. Quatre indicateurs suffisent pour commencer : le taux de passage d’une étape à la suivante, le temps passé par étape, la fréquence des retours en arrière et le nombre d’erreurs de saisie par champ. Le taux de complétion du formulaire donne la vue d’ensemble. Attention à une erreur de lecture fréquente : une étape qui fait fuir n’est pas forcément mal conçue. Elle peut simplement révéler une information décisive, comme un prix ou un délai, que le visiteur découvre trop tard.
Advalians défend vos intérêts de maître d’ouvrage sur vos projets de site : besoin formalisé, prestataires choisis sur des critères explicites, budget tenu et usage réellement mesuré.
Advalians, cabinet de conseil indépendant en marketing et communication, vous aide à clarifier vos choix et à décider.
La navigation guidée est une approche de conception : elle organise l’interface en étapes pour aider l’utilisateur à réussir une tâche. Le tunnel de conversion est une notion d’analyse : il décrit la suite de pages qui mène à un objectif et mesure les pertes entre elles.
Les deux se rejoignent en pratique. Un parcours guidé se suit comme un tunnel, étape par étape. À l’inverse, un tunnel de conversion peut traverser des pages libres sans guidage. Nommez chaque étape dans l’outil de mesure dès la conception.
Autant que de blocs logiques, et pas davantage. Regroupez les champs par thème, par exemple identité, livraison puis paiement, et vérifiez que chaque étape a un sens pour l’utilisateur. Annoncez le total dès la première étape et ne le modifiez plus en cours de route.
À titre indicatif, au-delà de six ou sept étapes, demandez-vous si certaines informations peuvent être reportées après la validation ou préremplies. Testez le découpage avec cinq utilisateurs avant le développement : les hésitations entre deux étapes apparaissent vite.
Suivez le taux de passage d’une étape à la suivante, le temps passé par étape, les retours en arrière et les erreurs de saisie par champ. Ajoutez le taux de réussite global, de la première étape à la validation.
Mesurez d’abord sur quatre semaines pour obtenir une référence, puis comparez après chaque modification. Lisez toujours les chiffres avec le contenu de l’étape : une forte perte au moment où le prix apparaît pose une question d’offre, pas seulement d’ergonomie.
La perte des données saisies est la plus pénalisante : l’utilisateur qui revient en arrière et retrouve des champs vides renonce souvent. Viennent ensuite les ressaisies d’informations déjà fournies, que le critère 3.3.7 des WCAG 2.2 demande d’éviter, et les messages d’erreur affichés seulement à la validation finale.
Contrôlez trois points avant la mise en ligne : la conservation des données à chaque étape, le préremplissage des informations connues et la validation des champs au fil de la saisie. Testez aussi le parcours sur mobile.
Préférez la navigation libre pour les tâches fréquentes, courtes ou exploratoires : consulter un catalogue, comparer des offres, modifier un réglage. L’utilisateur y choisit son ordre et ses raccourcis. La navigation guidée sert mieux les tâches rares, longues ou encadrées par des règles.
Un critère simple : si l’utilisateur doit fournir des informations dans un ordre imposé par le traitement, guidez-le. S’il doit chercher et comparer, laissez-le libre. Pour un parcours mixte, guidez la saisie et laissez la recherche libre, en vous appuyant sur l’expérience utilisateur observée.
Modèles, grilles et guides prêts à l’emploi pour vos projets marketing et communication.
