Comment créer un bon formulaire (Assurez-vous que vos formulaires n'effraient pas les gens)

Les formulaires sont la façon dont vous incitez les gens à faire des choses sur votre site Web. Et quel que soit le type de formulaire que vous utilisez, vous devez vous assurer que votre formulaire est facile à utiliser, afin que les gens le remplissent.

Si vos formulaires offrent une mauvaise expérience utilisateur, les gens ne les rempliront pas. Ce qui signifie qu'ils quittent votre site Web, pour ne jamais devenir client, tout cela parce que vous avez formaté vos champs de formulaire un peu bancal !

Cela signifie que vous devez savoir comment faire un bon formulaire.

Quels types de formulaires bénéficieront d'une bonne conception de formulaire ?

• Formulaires de génération de prospects - lorsque vous souhaitez que les gens s'inscrivent à votre liste de diffusion ou téléchargent une offre gratuite
• Formulaires de contact — pour quand vous voulez que les gens entrent en contact
• Formulaires d'inscription - lorsque vous souhaitez que les gens s'inscrivent à votre service ou événement
• Formulaires de connexion — lorsque vous souhaitez faciliter la connexion des personnes
• Formulaires de paiement - pour vous assurer que les gens n'abandonnent pas les paniers d'achat
• Formulaires généraux de capture d'e-mails - pour toutes les fois où vous avez besoin d'obtenir l'adresse e-mail de quelqu'un

Malheureusement, il y a beaucoup de mauvaises formes là-bas.

Heureusement, concevoir un formulaire simple et efficace avec une bonne UX n'est pas trop difficile.

Voici comment faire un bon formulaire.

Principes de conception de formulaires à suivre (les 4 C d'une bonne conception de formulaires)

Lorsque vous avez besoin de faire un bon formulaire, vous avez besoin de deux choses :

1. Bonnes pratiques simples, comme où placer les étiquettes de champ et comment empiler les champs
2. Les principes qui régissent la façon de faire une bonne forme

Vous pouvez apprendre beaucoup de choses que d'autres personnes ont déjà testées - et dans une seconde, je vais énumérer un tas de meilleures pratiques de conception de formulaires qui vous faciliteront la conception de formulaires.

Mais parfois, vous devez utiliser un formulaire pour quelque chose qui n'a pas été testé.

Ou vous travaillez avec un public qui, pour une raison quelconque, est différent de la plupart des personnes qui remplissent des formulaires.

Comprendre les principes de la conception de formulaires vous donne les outils nécessaires pour créer un bon formulaire en toutes circonstances.

[blog-subscribe headline = "Ce formulaire suit les principes" description = "Et lorsque vous entrez votre e-mail, vous recevrez 1 e-mail par semaine, avec nos meilleurs conseils marketing."]

Alors. Voici les conseils rapides et spécifiques qui vous aideront à gérer les erreurs courantes d'expérience utilisateur dans les formulaires :

• Placez des étiquettes au-dessus de vos champs , et non sous forme de texte qui disparaît dans le champ. Sinon, lorsque quelqu'un commence à taper, il risque d'oublier les informations que vous avez demandées.
• Empilez les champs verticalement lorsqu'il y en a plus de deux. Les champs verticaux sont plus faciles à scanner que les champs horizontaux.
• Indiquez clairement quels champs sont obligatoires. Les astérisques sont courants (ou vous pouvez spécifiquement appeler des champs facultatifs).
• S'il y a plus de 6 options pour un formulaire, utilisez un menu déroulant . Avez-vous déjà entendu parler de la règle de 7 ? Les gens peuvent se souvenir d'environ 7 éléments, donc si vous avez ce nombre ou plus, ne les affichez pas tous en même temps sous forme de boutons radio.
• Utilisez des formulaires en plusieurs étapes si vous avez un grand nombre de champs, cela peut réduire les frictions
• Donnez à vos champs de formulaire des tailles différentes en fonction de la longueur de la réponse que vous attendez. Un formulaire pour le code postal doit être plus court qu'une fois pour le numéro de téléphone.
• Si vous avez des messages d'erreur, il peut être judicieux d'ajouter une validation en ligne
• Ne faites pas en sorte que votre bouton d'envoi dise "soumettre". Rendez-le visuellement distinctif avec une microcopie convaincante.

Et puis voici les principes derrière les bonnes formes. Voici les quatre C d'une bonne conception de formulaire :

1. Dégager
2. Concis
3. Astucieux
4. Coopérative

(Remarque : Merci à l'équipe de Formulate d'avoir développé ce modèle des 4 C).

1. Des formulaires clairs sont plus faciles à utiliser

Les formulaires clairs ne font pas réfléchir (et c'est tant mieux).

Il y a une raison pour laquelle c'est comme la bible de la conception Web (Amazon)

Qu'est-ce que cela signifie d'avoir une forme claire? Cela signifie que la personne qui remplit vos formulaires Web devrait pouvoir le faire avec le moins d'effort possible.

Un champ obligatoire doit évidemment être obligatoire. Les champs de saisie doivent indiquer clairement les entrées qu'ils demandent.

Si vous avez un long formulaire, les champs sont clairement étiquetés et aussi indolores que possible.

La clarté de vos formulaires est essentielle. Si une partie de votre formulaire prête à confusion, vous allez perdre des conversions !

Et je veux dire n'importe quelle partie de votre formulaire. Qui comprend:

• Quelles pièces sont facultatives ou requises
• Quelles informations remplir
• Quels champs de formulaire correspondent à quelles informations
• Que se passera-t-il après l'envoi du formulaire
• Pourquoi ils devraient même remplir votre formulaire en premier lieu !

À moins que votre formulaire ne soit quelque chose de fou intense que les gens sont légalement tenus de remplir (comme les documents fiscaux), vous devez donner envie aux gens de remplir votre formulaire. Cela signifie que vous avez besoin d'une bonne offre claire avec une bonne copie opt-in claire.

Et cela signifie rendre votre formulaire aussi facile et indolore à remplir que possible.

Lorsque vous concevez votre formulaire, posez-vous ces questions :

• Est-ce évident ce que le formulaire veut que quelqu'un fasse ?
• Les informations demandées sont-elles évidentes ?
• Le format que ces informations doivent prendre est-il évident ?
• Est-il évident où chaque élément d'information doit être saisi ?
• S'il y a une erreur, le message d'erreur indique-t-il comment la corriger ?
• Une fois les informations saisies, est-il évident que faire ensuite ?

2. Les formulaires concis génèrent plus de conversions

Concis ne veut pas dire court ! Cela signifie pas plus que nécessaire.

Oui, un formulaire court génère généralement plus de conversions qu'un formulaire long. Mais:

1. Parfois, une forme longue se convertit mieux qu'une forme courte
2. Parfois, vous avez vraiment besoin de plus d'informations
3. Parfois, vous voulez vous assurer que seules les personnes les plus intéressées vous contactent

Lorsque l'expert en optimisation du taux de conversion Michael Aagaard a raccourci son formulaire de trois champs, il pensait que le taux de conversion augmenterait.

Nan. Les conversions ont chuté de 14 %.

"Le résultat? Baisse de conversion de 14 %. J'ai supprimé tous les champs avec lesquels les gens veulent réellement interagir et je n'ai laissé que ceux avec lesquels ils ne veulent pas interagir. Un peu stupide. – Michael Aagaard, sur ConversionXL

Certains champs de formulaire sont intrinsèquement plus contraignants (par exemple, « numéro de téléphone ») que d'autres (par exemple, « prénom »).

Bien sûr, vous aimeriez autant d'informations que possible sur vos prospects. Vous avez juste besoin d'équilibrer cela avec les informations que les gens sont prêts à vous donner.

D'un autre côté, il y a deux très bonnes raisons pour lesquelles vous pourriez vouloir faire un formulaire plus long :

1. Vous avez vraiment besoin de toutes ces informations pour convertir les prospects en clients
2. Vous avez beaucoup de visiteurs sur votre site Web et vous voulez effrayer les personnes qui ne sont pas sérieuses au sujet de votre offre

Les longs formulaires sont plus courants lorsque vous vendez des services plus chers, surtout si vous vendez à des entreprises.

Même si vos formulaires sont longs, assurez-vous de ne demander que les informations dont vous avez besoin.

Et n'oubliez pas que vous pouvez transformer un long formulaire en un formulaire en plusieurs étapes pour qu'il soit plus facile de le terminer.

3. Des formulaires intelligents aident les gens

Intelligent ne signifie pas que votre formulaire doit contenir un tas de jeux de mots. Comme nous l'avons déjà écrit, la clarté est plus importante que l'intelligence, du moins lorsque l'intelligence signifie "être drôle".

Dans ce contexte, "intelligent" signifie "intelligent". Les formulaires intelligents sont des formulaires suffisamment intelligents pour aider vos visiteurs à les remplir, en supprimant les étapes non pertinentes ou en facilitant la réalisation des étapes nécessaires.

Quelles sont certaines de ces étapes?

• Champs de formulaire qui se remplissent automatiquement pour que vos visiteurs puissent remplir leurs informations plus rapidement
• Masquer les champs de formulaire pour les informations que vous avez déjà
• Masquer les champs du formulaire jusqu'à ce que les champs prérequis soient remplis
• Accepter uniquement certaines entrées pour certains champs de formulaire (par exemple, une adresse e-mail doit contenir @)

Google vous permet de remplir automatiquement vos informations. Cet exemple (provenant de developers.google.com) illustre à quel point la saisie automatique est plus rapide.

En rendant vos formulaires plus intelligents, il est plus facile pour les gens de soumettre vos formulaires.

4. Les formes coopératives ne frustrent pas les gens

« Coopératif » est un principe plus général que les trois autres. Si un formulaire est coopératif, cela signifie qu'il travaille avec vos visiteurs pour le rendre plus facile à remplir.

Le principe coopératif intègre une série de bonnes pratiques. Par exemple, les formes coopératives :

• Travaillez avec le cadre mental que le remplisseur de formulaire utilise lorsqu'il aborde le formulaire
• Définir les termes et donner le contexte chaque fois que nécessaire
• Utilise des termes qui seront familiers au type de personne soumettant le formulaire
• Rendre les erreurs évidentes et donner des étapes pour les corriger
• Accepte quelques erreurs mineures dans les entrées (fautes d'orthographe, formats multiples)
• Assurez-vous qu'une réponse valide et précise est disponible pour tous les champs du formulaire
• Pose des questions qui ont des réponses valides, afin d'éliminer les réponses « mieux adaptées » qui ne reflètent pas les véritables croyances/statuts/informations de la personne qui remplit le formulaire
• Expliquez clairement ce que l'on attend du remplisseur de formulaire et ce que le remplisseur de formulaire peut attendre en remplissant le formulaire

L'incertitude rend les gens frustrés. Les personnes frustrées ne remplissent pas de formulaires et ne deviennent pas des clients.

Une méta-analyse récente sur les effets de l'incertitude avait ceci à dire sur la façon dont elle affecte la prise de décision.

"L'incertitude est souvent inévitable dans la vie de tous les jours et peut être à la fois stressante et excitante... Des recherches récentes suggèrent que les organismes biologiques tentent de résoudre et de minimiser l'incertitude, comme moyen d'optimiser les inférences et les prédictions sur le monde extérieur, et finalement de promouvoir le succès de la survie."

Lorsque vous rencontrez un formulaire déroutant, quel est le moyen le plus rapide de "résoudre et minimiser l'incertitude ?"

Ne pas remplir le formulaire !

C'est pourquoi les formulaires coopératifs sont si importants : ils évitent à vos remplisseurs de se sentir frustrés.

Et ils incitent davantage de personnes à remplir vos formulaires.

Conclusion : qu'est-ce qui vient après une bonne forme ?

Un bon formulaire n'est que le début de l'interaction de vos visiteurs avec votre entreprise.

Une bonne conception de formulaire et une copie opt-in puissante peuvent inciter davantage de personnes à soumettre vos formulaires. Après cela, vous aurez besoin de moyens pour continuer à engager vos nouveaux prospects et abonnés.

Voici quelques façons de garder les gens engagés :

• Envoyez-les vers une page de remerciement personnalisée. Une page de remerciement personnalisée vous permet de diriger les utilisateurs vers d'autres ressources susceptibles de les intéresser (et de les conserver sur votre site)
• Expliquez clairement la prochaine étape requise. Allez-vous les appeler ? Envoyer un e-mail de confirmation ? Ont- ils besoin de faire autre chose maintenant ? Rendre cela évident pour eux.
• Suivi (vous pouvez automatiser cela). Envoyez un e-mail de bienvenue. Déclenchez un suivi automatisé. L'engagement est le plus élevé juste après la soumission du formulaire, alors frappez pendant que le fer est chaud et tendez la main maintenant.

Apprenez à faire une bonne forme. Fais-le. Ensuite, faites un suivi. Développez votre entreprise simplement en transformant davantage de vos visiteurs en prospects et en clients.