.svg){kind=small}
Une fois que vous aurez défini la liste de questions que vous allez inclure dans votre formulaire, il sera temps de le structurer. Souvent nos clients nous demandent s’il faut choisir un formulaire à page unique ou plutôt à plusieurs étapes pour un meilleur taux de conversion et notre réponse est toujours “ça dépend”.
Chaque formulaire est un cas unique et pour avoir une réponse définitive, il vaut mieux faire un A/B test si les volumes le permettent et que vous ayez les ressources nécessaires. Mais en règle générale, si votre formulaire est assez long et complexe, les études montrent que le format à plusieurs étapes s’en sort mieux quant au taux de conversion [sources en bas de l’article].
Si vous décidez que le format à plusieurs étapes est plus adapté à vos besoins, il faudra ensuite bien structurer le formulaire afin que l’UX soit vraiment optimisée. Voici quelques bonnes pratiques à suivre :
C’est assez logique, mais avant de créer votre formulaire, regroupez les questions similaires pour chaque étape pour que le formulaire soit le plus cohérent possible. Par exemple, les détails personnels seraient regroupés dans la même étape.
Cela dépend de la nature de votre formulaire, mais s’il s’agit d’une caisse web, voici un exemple d’une structure cohérente :
i) Renseignements personnels : nom, prénom, adresse mail, etc.
ii) Livraison : adresse de livraison, adresse de facturation, mode de livraison souhaité, etc.
iii) Paiement : numéro de carte bleue, PayPal, ApplePay, etc.
iv) Confirmation de la commande.
Vous voudrez que les utilisateurs commencent votre formulaire et qu’ils ne le quittent pas dès les premières questions. Plus vos utilisateurs avancent, plus vous allez réussir à les convertir car psychologiquement, les êtres humains ont tendance à vouloir finir les tâches incomplètes.
Pour cela, il faut une accroche, donc il est conseillé de commencer par des questions faciles auxquelles les utilisateurs pourront répondre sans trop de peine. Il y a une raison pour laquelle la plupart des formulaires que vous remplissez tous les jours commencent par “Quel est votre nom?”. Les questions faciles d’abord, avant que n’arrivent les questions compliquées.
Si votre formulaire est constitué de plusieurs étapes, il faudra un certain engagement de la part de vos utilisateurs pour le compléter. Donc vous devriez utiliser une barre de progression pour leur montrer combien d’étapes ont été remplies et combien d’étapes restent à compléter. Au lieu de numéroter les étapes, vous pourriez donner un titre à chaque étape sur la barre de progression, ce qui servirait à préparer les utilisateurs aux étapes suivantes.
Comme vous pouvez le voir, la création d’un formulaire optimisé demande pas mal de réflexion ! Il faut trouver un bon équilibre entre des étapes cohérentes avec des questions bien regroupées et un formulaire qui, dans son ensemble, ne soit pas trop intimidant. Par exemple, si vous tombiez sur un formulaire de 27 étapes, vous ne seriez sûrement pas trop motivé.
Si vous réalisez que votre barre de progression est trop grande pour l’écran de votre smartphone, vous devriez revoir le regroupement de vos champs et réduire le nombre d’étapes du formulaire si possible.
Le formulaire devrait donner la possibilité de revenir en arrière et de naviguer entre les étapes déjà complétées. Puisqu’il arrive de se tromper ou de devoir changer une réponse ou des informations déjà fournies, les étapes de votre formulaire devraient avoir des boutons qui permettent à l’utilisateur de revenir en arrière aussi bien que d’avancer.
Si l’utilisateur a la possibilité de passer d’une étape à une autre, il faut absolument que ses données soient sauvegardées quand il passe d’une étape à une autre. Cela vaut aussi pour ceux qui cliquent sur les flèches du navigateur : si leurs informations sont effacées, ça va vite les embêter et il y a plus de chances qu’ils quittent le formulaire. Vous devriez donc prévoir la sauvegarde automatique de données dès que l’utilisateur quitte l’étape.
S’il vous faut plus d’informations, voici quelques ressources complémentaires :
Zuko’s Big Optimization Guide - guide complet de stratégies d’optimisation [en anglais]
“Bilan de santé” de votre formulaire - nous vous offrons un avis sur ce qui va et ce qui ne va pas sur votre formulaire, et c’est gratuit.
Nous contacter - pour parler d’un projet ou de nos services, pour nous poser vos questions.
Hubspot report 86% higher conversion rates for multi-step forms
This study showed a 14% improvement in conversions for a two step form over a one step form
Conversion fanatics also saw a multi-step format perform better than a single step
