La plupart des formulaires sont construits de la même façon. Vous créez un formulaire avec toutes les questions dont vous avez besoin, et chaque visiteur voit chaque question, quelle que soit sa situation. Cela pose un problème. Un visiteur qui a besoin d'aide sur la fonctionnalité X voit quand même 10 questions sur la fonctionnalité Y, alors que la réponse sur Y ne le concerne pas. Il abandonne le formulaire à mi-chemin, parce qu'il répond à des questions qui ne le concernent pas.
Un formulaire à logique conditionnelle change cela. La logique conditionnelle est un ensemble de règles qui affichent ou masquent des questions selon la réponse à une question précédente. Si un visiteur sélectionne « J'ai besoin d'aide sur la fonctionnalité X », il voit les questions sur X. S'il choisit Y, il saute entièrement les questions sur X et passe directement à celles sur Y. Seules les questions qui comptent pour ce visiteur apparaissent à l'écran. La logique conditionnelle est un type de comportement dynamique de formulaire.
Le résultat est un formulaire qui paraît court et pertinent. Le visiteur le remplit plus vite parce qu'il ne lit pas de questions hors sujet. Vos données sont plus propres, car les gens répondent à des questions adaptées à leur situation. Et vos taux de complétion grimpent, car un formulaire de six questions bat toujours un formulaire de vingt questions, même si le visiteur ne voit que six des vingt questions que la logique conditionnelle pourrait poser.
Que sont les formulaires dynamiques et où se place la logique conditionnelle
Un formulaire dynamique est tout formulaire qui change selon le comportement, les réponses ou le contexte de l'utilisateur. Le formulaire s'adapte en temps réel à la personne qui le remplit. La logique conditionnelle est une façon de rendre un formulaire dynamique, mais pas la seule.
Les formulaires dynamiques peuvent fonctionner de plusieurs manières. Un formulaire peut être dynamique parce qu'il préremplit des champs avec des informations que vous connaissez déjà sur le visiteur. Il peut l'être parce qu'il valide une adresse e-mail pendant la saisie et signale aussitôt qu'elle est invalide. Il peut l'être parce qu'il affiche des questions différentes selon ce que la personne a sélectionné. Ce dernier cas, c'est la logique conditionnelle.
La logique conditionnelle est le type de comportement dynamique le plus courant, car elle permet de personnaliser toute l'expérience du formulaire selon les réponses. Mais « dynamique » est la catégorie plus large. Si un formulaire change quoi que ce soit en réponse à la façon dont on interagit avec lui, il est dynamique. La logique conditionnelle est le mécanisme précis qui affiche ou masque des questions selon des règles SI-ALORS.
Ce chapitre se concentre sur les formulaires à logique conditionnelle, car c'est la façon la plus puissante de rendre un formulaire dynamique. Mais quand vous voyez le terme « formulaire dynamique » dans la documentation d'un créateur de formulaires, sachez que c'est la logique conditionnelle qui le rend vraiment dynamique pour l'expérience de votre visiteur.
Comment fonctionne la logique conditionnelle
La logique conditionnelle repose sur des règles SI-ALORS. Si le visiteur répond X à la question 1, alors afficher la question 2A. Si le visiteur répond Y à la question 1, alors afficher plutôt la question 2B. Le formulaire bifurque dans différentes directions selon les réponses données.
Un exemple simple : le formulaire de contact d'une entreprise de logiciels demande « En quoi pouvons-nous vous aider ? » Le visiteur peut choisir Support commercial, Support technique ou Support facturation. Selon son choix, le formulaire bifurque vers un ensemble différent de questions complémentaires. S'il choisit Support commercial, le formulaire demande « Quel produit vous intéresse ? » et « Quel est votre calendrier ? » S'il choisit Support technique, le formulaire demande « Quelle erreur voyez-vous ? » et « Quel appareil utilisez-vous ? » Même formulaire, trois parcours totalement différents selon la réponse du visiteur.
La logique conditionnelle réduit la longueur du formulaire telle que le visiteur la vit. Il ne voit que les questions qui le concernent. En coulisses, votre créateur de formulaires masque ou affiche des questions selon des règles prédéfinies. Le visiteur n'a pas besoin de comprendre la logique. Il répond simplement aux questions et voit apparaître la question pertinente suivante.
Formulaires à logique conditionnelle et formulaires en plusieurs étapes
On confond souvent les formulaires à logique conditionnelle et les formulaires en plusieurs étapes, car les deux découpent le formulaire en morceaux plus faciles à gérer. Mais ils servent des buts différents et fonctionnent différemment.
Un formulaire en plusieurs étapes répartit les questions sur des pages ou des étapes successives. L'étape 1 peut demander le nom et l'e-mail. L'étape 2, le budget et le calendrier. L'étape 3, les objectifs. Chaque visiteur répond aux mêmes questions, dans le même ordre. Le formulaire a trois étapes, mais le parcours est identique pour tous. Le visiteur clique sur « Suivant » pour passer de l'étape 1 à l'étape 2. Les formulaires en plusieurs étapes réduisent la surcharge cognitive en montrant moins de champs à la fois, ce qui peut améliorer les taux de complétion. Mais chaque visiteur répond encore à chaque question.
Un formulaire à logique conditionnelle n'a pas besoin d'étapes. Ce sont les questions elles-mêmes qui changent selon les réponses. Le visiteur A verra peut-être les questions 1, 2, 3 et 5. Le visiteur B verra les questions 1, 2, 4 et 6. Des visiteurs différents voient des questions fondamentalement différentes selon leur chemin dans le formulaire. Deux visiteurs n'ont pas à répondre au même ensemble de questions.
Ces deux approches peuvent se combiner. Un formulaire peut avoir plusieurs étapes ET de la logique conditionnelle. L'étape 1 peut demander « De quoi avez-vous besoin ? » et, selon la réponse, l'étape 2 affiche des questions différentes. Vous cumulez la clarté des étapes et la personnalisation de la logique conditionnelle. Mais ce sont des outils fondamentalement différents qui résolvent des problèmes différents. Les formulaires en plusieurs étapes jouent sur la perception de la longueur. La logique conditionnelle joue sur la pertinence.
Pourquoi les formulaires à logique conditionnelle réduisent l'abandon
L'abandon d'un formulaire arrive pour une raison simple : le formulaire est trop long ou pose des questions hors sujet. Un visiteur commence à le remplir, voit une liste de 20 questions, se lasse et s'en va. Il ne termine jamais le formulaire et vous perdez le prospect.
La logique conditionnelle règle cela. Quand un formulaire ne pose que les questions qui concernent la personne, elle le termine plus vite. Un formulaire qui semble compter six questions pendant qu'on le remplit est terminé bien plus souvent qu'un formulaire qui semble en compter 20, même si les deux pourraient poser jusqu'à 20 questions au total si tous les parcours conditionnels étaient suivis.
La psychologie joue ici à plein. Un visiteur voit un formulaire court et pense « je peux le remplir en deux minutes ». Il le fait, et il l'envoie. Un visiteur voit un formulaire long et pense « c'est trop de travail », puis il s'en va sans rien remplir. La longueur perçue compte plus que la longueur réelle. La logique conditionnelle contrôle la longueur perçue en n'affichant que ce qui est pertinent à l'instant.
Quand utiliser des formulaires à logique conditionnelle
La logique conditionnelle ne convient pas à tous les formulaires. Un simple formulaire de contact de quatre questions n'en a pas besoin. Une inscription à la newsletter non plus. Mais certains types de formulaires deviennent bien plus puissants avec la logique conditionnelle.
Utilisez la logique conditionnelle quand votre formulaire a plusieurs parcours. S'il y a des questions différentes selon les types d'utilisateurs ou de situations, la logique conditionnelle est adaptée. Un formulaire de support où le support technique reçoit d'autres questions que le support facturation profite de la logique de branches. Un formulaire de demande de renseignements où celui qui s'intéresse à un logiciel reçoit d'autres questions que celui qui s'intéresse à des services en profite aussi.
Utilisez la logique conditionnelle quand vous avez des sections facultatives. Si certaines questions ne concernent que certains visiteurs, masquez-les derrière la logique conditionnelle au lieu d'en faire des champs facultatifs dans un long formulaire. Dans un formulaire de découverte B2B, la question « Combien de personnes compte votre équipe ? » est pertinente pour certains prospects mais pas pour d'autres : on peut bifurquer vers des questions sur la taille de l'équipe pour certains types de visiteurs. Le formulaire reste plus court et plus pertinent pour chacun.
Utilisez la logique conditionnelle quand vous avez des questions complémentaires détaillées à poser. Une question simple comme « Quel est votre principal défi ? » peut mener à un ensemble de questions détaillées. Si quelqu'un choisit « Je dois augmenter les conversions », montrez-lui cinq questions détaillées sur son taux de conversion actuel, son volume de trafic et sa cible. S'il choisit « Je dois réduire les coûts », montrez-lui des questions sur ses dépenses actuelles et ses priorités d'économies. Même formulaire, questions complémentaires différentes selon la première réponse.
Utilisez la logique conditionnelle quand vous avez un long formulaire que vous ne pouvez pas raccourcir. Certains formulaires ont vraiment besoin de 20 ou 30 questions, parce que vous avez besoin de ces informations. Plutôt que de poser les 30 questions à chaque visiteur, utilisez la logique conditionnelle pour afficher des sous-ensembles différents. Un formulaire d'assurance santé peut poser d'autres questions à un célibataire de 25 ans qu'à une personne de 55 ans avec des personnes à charge. Le formulaire reste long au total, mais chacun ne voit que les questions qui concernent sa situation.
N'utilisez pas la logique conditionnelle si votre formulaire est déjà court. Avec un formulaire de cinq questions, la logique conditionnelle ajoute de la complexité sans bénéfice. Un visiteur qui remplit un formulaire de cinq questions le trouve court, avec ou sans logique de branches. N'ajoutez pas de complexité pour le plaisir.
N'utilisez pas la logique conditionnelle si les questions complémentaires ne sont pas vraiment différentes. Si la question 2 est à peu près la même quelle que soit la réponse à la question 1, vous n'avez pas besoin de branches. Gardez le formulaire linéaire. La logique conditionnelle doit changer sensiblement l'expérience, pas créer une illusion de changement. Un visiteur doit sentir qu'on lui pose les bonnes questions pour sa situation, pas que vous masquez et affichez les mêmes questions dans un ordre différent.
Construire la structure d'un formulaire à logique conditionnelle
La clé d'un formulaire à logique conditionnelle qui marche est une structure de branches claire. Vous devez savoir d'avance quelles questions vous poserez, quelles réponses déclenchent quelles questions complémentaires et quels parcours existent dans votre formulaire.
Commencez par cartographier vos branches. Avant de construire le formulaire, dessinez l'arbre de décision. Utilisez un document, un tableau blanc ou un outil de diagramme, mais placez-le quelque part de visible. Votre première question est « De quel type d'aide avez-vous besoin ? » Le visiteur peut choisir A, B ou C. Si A, il voit les questions 2A-1 à 2A-5. Si B, les questions 2B-1 à 2B-3. Si C, les questions 2C-1 à 2C-4. Une fois cela cartographié, vous comprenez la complexité. Vous voyez si vous avez trois petites branches ou dix énormes. Vous voyez si la logique est simple ou trop complexe.
Posez d'abord la question de branche. Votre première question doit être celle qui détermine le parcours du visiteur. Si votre question de branche est « Quel est votre objectif principal ? », posez-la avant tout le reste. Ne posez pas quatre questions de base avant de bifurquer. Bifurquez tout de suite. Un visiteur veut savoir au plus tôt qu'il est sur la bonne voie. Poser quatre questions avant de bifurquer rend le formulaire long d'emblée, ce qui déclenche l'abandon avant qu'il ne voie l'avantage des branches.
Gardez chaque branche courte. Une fois que le visiteur a choisi son parcours, les questions suivantes de ce parcours ne devraient pas dépasser 8 à 10 au total. Si un seul parcours mène à 15 questions, vous avez perdu l'intérêt de la logique conditionnelle. Le but est de rendre le formulaire court et pertinent, pas de cacher 15 questions derrière une branche. Si un parcours compte 15 questions, il est trop long. Raccourcissez-le ou scindez-le en un formulaire en deux étapes.
Utilisez des types de champs cohérents entre les branches. Si le parcours A utilise une liste déroulante pour la première question, le parcours B doit aussi en utiliser une, pas un champ de texte. La cohérence dans la façon de poser les questions rend le formulaire homogène, même si les visiteurs prennent des chemins différents. Un formulaire qui semble changer de format à mi-parcours paraît cassé.
Montrez clairement la progression. Si votre formulaire a plusieurs étapes dans une branche, affichez les numéros d'étape. « Étape 1 sur 5 : parlez-nous de votre situation. Étape 2 sur 5 : parlez-nous de vos objectifs. » Cela aide le visiteur à comprendre où il en est dans son parcours. Sans indicateur de progression, un formulaire à branches peut paraître imprévisible.
Utiliser les branches de façon stratégique pour collecter de meilleures données
La logique conditionnelle ne sert pas qu'à raccourcir les formulaires. Elle sert aussi à collecter des données plus précises et plus utiles.
Posez des questions de plus en plus détaillées. Votre première question est large : « Dans quel secteur travaillez-vous ? » Selon la réponse, enchaînez avec des questions propres à ce secteur. Si la personne choisit « Santé », posez des questions propres à la santé comme « Combien de sites de patients gérez-vous ? » Si elle choisit « Boutique en ligne », demandez « Combien de références vendez-vous ? » Vous obtenez des informations qu'un formulaire unique pour tous ne donnerait pas. Vous recueillez des données précises, adaptées à la situation du visiteur.
Utilisez la logique conditionnelle pour sauter les questions inutiles. Un formulaire demande « Avez-vous actuellement un site web ? » Si la réponse est oui, affichez des questions comme « Quel âge a votre site actuel ? » et « Sur quelle plateforme est-il construit ? » Si la réponse est non, sautez ces questions. Vous n'avez pas besoin de connaître la plateforme d'un site que la personne n'a pas. La logique conditionnelle élimine les questions inutiles et garde vos données propres.
Utilisez la logique conditionnelle pour orienter le visiteur différemment selon ses réponses. Dans un formulaire de support, si le visiteur choisit « J'ai besoin d'aide tout de suite, c'est urgent », affichez bien en vue un numéro de téléphone ou une option de chat en direct. S'il choisit « Ce n'est pas urgent », affichez un formulaire e-mail classique. Vous ne vous contentez pas de masquer des questions, vous changez l'expérience selon ce qu'il vous dit.
Utilisez la logique conditionnelle pour poser les questions de budget ou de pouvoir de décision seulement quand c'est pertinent. Un formulaire de découverte demande « Êtes-vous le principal décideur ? » N'affichez la question du budget que si la réponse est oui. Si elle est non, demandez plutôt « Qui validera cette décision ? » Des réponses différentes mènent à des questions différentes. Vous obtenez les informations dont vous avez besoin sans poser de questions hors sujet.
Erreurs courantes dans les formulaires à logique conditionnelle
Créer trop de branches. Un formulaire avec cinq parcours différents est plus difficile à gérer qu'un formulaire de deux ou trois parcours. Chaque branche doit être testée pour vérifier que la logique fonctionne. Chaque branche augmente la complexité. Si votre formulaire compte plus de quatre ou cinq parcours distincts, envisagez de le scinder en plusieurs formulaires plus simples. Mieux vaut trois formulaires qui bifurquent simplement qu'un formulaire qui part dans douze directions.
Rendre la logique de branches difficile à comprendre. Un visiteur ne devrait pas avoir à comprendre la logique. Il répond aux questions et voit la suivante apparaître. Mais si la logique est confuse, il se sent perdu. Si quelqu'un répond « J'ai besoin d'aide commerciale » et que le formulaire demande soudain « Combien d'employés avez-vous ? », il peut se demander « Attendez, le formulaire est-il passé au support technique par erreur ? » Rendez la logique transparente. La logique conditionnelle doit rendre le formulaire plus cohérent, pas plus déroutant.
Poser la question de branche de façon confuse. La première question détermine tout ce qui suit. Rendez le sens des options extrêmement clair. Ne demandez pas « Qu'est-ce qui décrit le mieux votre situation ? » avec des réponses vagues comme « Option A », « Option B », « Option C ». Demandez « En quoi pouvons-nous vous aider ? » avec des réponses claires comme « Support technique », « Facturation », « Demande commerciale ». Un visiteur doit pouvoir choisir son parcours immédiatement, sans confusion.
Inclure des branches qui mènent aux mêmes questions. Si les parcours A et B posent les mêmes questions complémentaires, ils n'ont pas besoin d'être des branches séparées. Fusionnez-les. Des branches inutiles compliquent la gestion du formulaire et troublent le visiteur. Ne créez des branches séparées que lorsque les questions complémentaires diffèrent vraiment.
Oublier que chaque branche doit fonctionner indépendamment. Testez chaque parcours de votre formulaire. Remplissez-le en choisissant l'option A jusqu'au bout. Puis recommencez avec l'option B. Puis l'option C. Chaque parcours doit fonctionner sans erreur ni confusion. Un bug dans le parcours C que vous n'avez jamais testé frustrera les visiteurs qui l'emprunteront. Chaque branche doit être complète et fonctionnelle.
Comment WEMASY vous aide avec les formulaires à logique conditionnelle
Le créateur de formulaires de WEMASY inclut la logique conditionnelle en fonctionnalité intégrée. Vous pouvez créer des formulaires à branches avec des règles si-alors sans écrire de code. Définissez une condition comme « Si la réponse à la question 1 est Support technique, afficher la question 2A », et le formulaire gère le reste. Toutes les réponses de toutes les branches arrivent dans votre tableau de bord, où vous voyez quels parcours les visiteurs empruntent et quelles réponses ils donnent. Pour en savoir plus sur la conception de formulaires mieux complétés, lisez notre guide sur les types de formulaires et quand utiliser chacun.