Barre de progression sur un formulaire multi-étapes : ce que dit la recherche sur la motivation

Un formulaire en plusieurs étapes (voir notre article sur le choix entre formulaire en une fois ou en plusieurs étapes) affiche presque toujours, quelque part en haut, un indicateur de progression : un pourcentage, une barre qui se remplit, ou une liste d'étapes numérotées. C'est devenu un réflexe de design tellement répandu qu'on oublie de se demander s'il sert vraiment à quelque chose — et si oui, comment le construire pour qu'il fonctionne. Deux études de psychologie du consommateur, indépendantes l'une de l'autre mais complémentaires, apportent une réponse précise : la façon dont on affiche la progression change mesurablement l'effort qu'un visiteur accepte de fournir pour terminer un formulaire.

Deux études qui expliquent pourquoi une barre de progression fonctionne

La première est celle de Ran Kivetz, Oleg Urminsky et Yuhuang Zheng, publiée en 2006 dans le Journal of Marketing Research sous le titre « The Goal-Gradient Hypothesis Resurrected ». En observant des clients d'un café inscrits à un programme de fidélité (« 10 cafés achetés, le 11ᵉ offert ») et des internautes rémunérés pour noter des chansons en vue d'atteindre un seuil de récompense, les auteurs montrent que l'effort fourni — fréquence d'achat, vitesse de notation — augmente à mesure que l'objectif se rapproche, et pas de façon linéaire : l'accélération est nette dans la dernière ligne droite. C'est le goal-gradient effect : plus la fin est visible, plus on pousse fort pour l'atteindre. Une barre de progression rend cette fin visible à chaque instant, là où un formulaire sans repère laisse le visiteur deviner combien il lui reste à faire.

La seconde, plus surprenante, est celle de Joseph Nunes et Xavier Drèze, publiée la même année dans le Journal of Consumer Research sous le titre « The Endowed Progress Effect: How Artificial Advancement Increases Effort ». Dans un lavage automobile, les chercheurs ont distribué deux versions d'une carte de fidélité : l'une exigeait 8 lavages tamponnés sur 8 cases, l'autre 10 lavages sur 10 cases — mais avec 2 cases déjà tamponnées d'office. Les deux groupes devaient donc, en réalité, effectuer exactement le même nombre de lavages restants. Résultat : 34 % des clients avec la carte « pré-remplie » sont allés au bout, contre 19 % pour la carte classique. Donner l'impression d'un départ déjà entamé — même artificiellement — augmente la probabilité de terminer. C'est l'endowed progress effect.

Ce que ça change concrètement sur un formulaire de landing page

Nommer les étapes, pas seulement afficher un pourcentage

Un pourcentage abstrait (« 33 % ») laisse le visiteur deviner ce qu'il reste à faire ; une liste d'étapes nommées (« 1. Votre bien · 2. Vos coordonnées ») rend l'objectif final concret, ce qui est précisément le mécanisme mis en avant par l'étude de Kivetz et ses coauteurs — l'effet n'apparaît que lorsque le but est perçu clairement, pas seulement quantifié. Sur un formulaire de quiz de génération de leads ou d'estimation immobilière, ça veut dire remplacer « Étape 2/3 » par un intitulé qui dit à quoi sert cette étape : « Vos coordonnées » plutôt qu'un simple chiffre.

Donner une longueur d'avance dès la première étape

L'application directe de l'endowed progress effect est de ne jamais démarrer une barre à 0 %. Si la première étape du formulaire ne demande qu'une information déjà connue ou déjà saisie ailleurs sur la page (un code postal repéré dans l'URL, une réponse à un quiz précédent), l'afficher immédiatement comme acquise — barre à 20 ou 25 % dès l'arrivée sur l'étape suivante — plutôt que de faire repartir le visiteur de zéro. C'est un détail de construction du formulaire, pas un mensonge : l'information existe réellement, elle est simplement valorisée visuellement plus tôt qu'elle ne le serait par défaut.

Ne jamais faire reculer la barre

Un bouton « précédent » qui fait reculer visuellement la barre de progression revient à annuler l'effet recherché : la recherche de Nunes et Drèze porte spécifiquement sur la perception d'avancement, pas sur l'avancement réel. Un visiteur qui revient corriger un champ à l'étape 1 ne doit pas voir la barre redescendre à 0 % — elle doit rester à son niveau le plus élevé atteint, même si le contenu de l'étape affichée change.

Où en mettre une, où s'en passer

Une barre de progression n'a de sens que si le formulaire compte au moins deux étapes distinctes avec un objectif final clair — un devis, une estimation, une inscription. Sur un formulaire à une seule étape, elle n'a tout simplement rien à indiquer. Et sur un formulaire à trop d'étapes (au-delà de 4-5), l'effet inverse apparaît : voir qu'il reste encore beaucoup d'étapes peut décourager plutôt que motiver, ce qui rejoint les recommandations de notre article sur le nombre de champs qui maximise la conversion — mieux vaut regrouper que multiplier les étapes pour gonfler artificiellement le nombre de segments de la barre.

• À utiliser : formulaires de devis, estimation, diagnostic, quiz de qualification — 2 à 4 étapes avec un objectif final tangible.
• À éviter : formulaire à un seul champ (rien à progresser), ou formulaire déjà perçu comme long — la barre rend alors la longueur restante plus saillante, pas moins.
• Cas limite : les formulaires de contact simples n'ont pas besoin de barre ; en ajouter une créerait une attente de plusieurs étapes qui n'existent pas.

Un cas concret sur LanderKit

Le template Immobilier Lead (démo) applique déjà ce principe : une estimation de bien en 2 étapes, avec une barre qui affiche « 1. Votre bien » puis « 2. Vos coordonnées » et passe de 50 % à 100 % — jamais de 0 %, puisque l'étape 1 elle-même compte déjà comme un pas franchi vers l'objectif. C'est le même mécanisme qui s'applique à un formulaire de gestion d'erreurs de saisie ou de microcopie de formulaire bien pensés : chaque détail qui rend la progression visible et concrète pousse un peu plus loin vers la fin. Les dix templates LanderKit (89 € l'unité, 229 € le pack complet) sont livrés en Next.js prêts à personnaliser, avec ce type de mécanique déjà en place sur les formulaires multi-étapes.

Les pièges à éviter

• Découper artificiellement en trop d'étapes pour « avoir plus de segments à remplir » — l'étude de Kivetz montre que c'est la clarté du but final qui motive, pas le nombre de cases cochées.
• Afficher un pourcentage incohérent avec l'effort réel restant (une étape 1 très courte affichée à 10 %, suivie d'une étape 2 très longue affichée à 90 %) — l'écart entre perception et réalité se voit dès que le visiteur l'atteint, et casse la confiance instaurée par la barre elle-même.
• Réinitialiser la barre après une erreur de validation — un champ mal rempli ne doit jamais faire perdre l'acquis de progression déjà affiché.
• Superposer une fausse urgence à la barre de progression (compte à rebours, stock limité) — les deux mécanismes se neutralisent visuellement et ajoutent de la charge cognitive à un endroit où la clarté est justement ce qui fonctionne.