Vous avez enfin quelqu’un qui clique sur une annonce, une publication sur les réseaux sociaux ou un lien à partir d’un élément de contenu. Félicitations – le prochain obstacle est de l’amener à remplir le formulaire sur votre page de destination.
Les formulaires Web permettent aux utilisateurs de devenir membre, de faire un don, d’acheter un produit ou de s’inscrire à un événement. Les formulaires Web sont l’endroit où se déroule l’action sur votre site Web.
Ou au moins devraient-ils l’être. De nombreux utilisateurs ne terminent pas les formulaires Web ; au lieu de cela, ils cliquent loin. Pourquoi? Trop de formulaires sont encombrés, longs et comportent des questions superflues, compliquant ce qui pourrait être une simple interaction et, ce faisant, perdant la relation que vous souhaitez établir avec votre utilisateur.
Alors, comment pouvez-vous créer un meilleur formulaire Web ? Voici quelques conseils.
1. Gardez la page épurée
L’objectif de votre formulaire Web est de permettre aux utilisateurs d’effectuer la tâche souhaitée. Vous devez donc leur faciliter au maximum la tâche.
N’incluez que les informations les plus importantes et soyez aussi bref que possible. Incluez des espaces blancs dans la conception du formulaire ; cela lui donne une forme « sentir » épurée.
Graham Charlton d’EConsultancy répertorie ce formulaire de Geeklist comme un exemple d’un excellent formulaire Web. C’est propre, simple et fait le travail.
2. Ne demandez pas trop d’informations
Les taux d’abandon augmentent à mesure que vous incluez plus de questions et de champs superflus. Bien sûr, vous souhaitez en savoir le plus possible sur vos utilisateurs via votre formulaire, mais n’incluez que les questions nécessaires.
« C’est probablement l’un des problèmes les plus courants : vous voulez 12 informations de votre visiteur, et ils ne sont disposés à vous en donner que deux. Cela revient à avoir une discussion interne approfondie sur les domaines dont vous avez absolument besoin et qui pourraient être supprimés », déclare Ian Everdell de Mediative.
Quel est le nombre optimal de champs ? Si vous ne pouvez avoir que trois ou quatre, vos chiffres d’achèvement seront plus élevés.
Vraiment, vraiment envie de plus d’informations sur vos utilisateurs ? Everdell déclare : « Si vous avez un système CRM lié à vos formulaires Web, il intègre probablement une sorte de fonction de profilage progressif. Lorsqu’un visiteur accède à votre site et effectue plusieurs conversions (par exemple, en téléchargeant plusieurs livres blancs), il « sont présentés avec différents champs sur chaque formulaire. Cela vous permet de collecter, disons, dix éléments d’information tout en n’en demandant à votre visiteur que quatre à un moment donné. »
3. Facilitez-vous la tâche
Il existe de nombreuses façons de rendre les formulaires plus faciles pour les utilisateurs.
Assurez-vous que la longueur d’un champ est appropriée au type de données qu’il contiendra – un code postal, par exemple, doit comporter 5 caractères.
Précisez quels champs sont obligatoires et lesquels sont facultatifs.
La recherche montre que le meilleur endroit pour mettre des étiquettes dépend de la familiarité du formulaire. Dans une forme familière, comme pour s’inscrire à un événement ou acheter un t-shirt, placez les étiquettes au-dessus des champs. Sous une forme inconnue ou très complexe, placez les étiquettes à gauche des champs.
Gardez les questions connexes ensemble. Everdell déclare : « Le regroupement de champs connexes donne au visiteur la possibilité de parcourir les groupes et d’avoir une idée précise de ce qui est requis ; cependant, n’utilisez que le nombre minimum d’éléments visuels nécessaires pour communiquer des relations utiles. »
Les champs doivent être remplis automatiquement lorsque cela est possible. C’est plus facile pour un utilisateur si le code postal se remplit automatiquement après avoir entré son adresse postale et sa ville. Un numéro de carte de crédit peut automatiquement remplir le champ du type de carte de crédit avec « Visa » ou « Mastercard ».
Aidez votre utilisateur si vous pensez qu’il en aura besoin. Ceci est particulièrement utile « lorsque vous demandez des données inconnues, lorsque l’utilisateur peut se demander pourquoi les données sont collectées ou qu’il existe des moyens recommandés de fournir les données », explique Everdell. Mais ne donnez pas trop d’aide. En effet, Everdell dit que si vous souhaitez offrir beaucoup d’aide ou de conseils sur un formulaire, « envisagez de les exposer uniquement lorsque le visiteur atteint ce champ (par exemple, des info-bulles) ou clique sur une icône d’aide ».
Autoriser la tabulation entre les champs. Les utilisateurs s’attendent à pouvoir le faire maintenant.
Everdell dit : « Fournissez un retour d’information direct au fur et à mesure que les données sont saisies – utilisez la validation en ligne pour vérifier la saisie et suggérez une saisie valide si des erreurs sont détectées… Affichez les erreurs en haut de la page et à l’endroit où l’erreur s’est produite. sont visuellement distincts. Fournissez des messages d’erreur qui aident le visiteur à comprendre ce qui s’est mal passé et comment y remédier. »
4. Créez une page de « merci » stellaire
Votre page de remerciement et votre e-mail de suivi sont tout aussi importants que le formulaire lui-même. Malheureusement, ils sont souvent une réflexion après coup.
Soyez créatif et faites en sorte que les gens se sentent bien dans l’action qu’ils viennent d’entreprendre. Utilisez des vidéos, des images et personnalisez-les. Une page de remerciement n’est pas seulement polie, mais continue également l’interaction entre vous et votre utilisateur.
« C’est une page importante car c’est l’une des rares fois où vous avez l’attention hyper-focalisée de vos donateurs alors qu’ils attendent que leur paiement par carte de crédit soit traité et confirmé. Pourtant, étonnamment, c’est l’une des pages Web les plus négligées sur un site Web à but non lucratif », selon un article sur Nonprofit Tech for Good.
Votre page « Merci » devrait confirmer l’action.
Par exemple, « Merci d’avoir fait un don à notre organisation », indique l’action qui a été entreprise. Une page « Merci » est également un endroit qui peut amener votre utilisateur à interagir avec vous sur un réseau social, alors incluez des boutons de réseaux sociaux.
Joanna Wiebe, auteur de « Copy Hackers » a une liste de contrôle des choses les plus importantes à inclure sur une page de remerciement :
- Dites « merci » ou une version appropriée de cela
- Dites aux gens à quoi ils peuvent s’attendre ensuite
- Donnez aux nouveaux abonnés et clients une action à entreprendre
- Gardez le ton de votre marque, regardez et sentez-vous vivant
- Fournissez les coordonnées de l’entreprise, surtout s’il s’agit d’une page de remerciement pour la soumission d’un formulaire de contact
Andrew Woo sur KissMetric dit qu’une page « Merci » est un excellent endroit pour obtenir des commentaires. Vous pouvez poser des questions à vos utilisateurs ou même répondre à un sondage. Woo suggère également de fournir des liens vers votre meilleur contenu sur votre page « Merci ».
Une page « Merci » peut également être un excellent endroit pour afficher des témoignages.
Un article sur Nonprofit Tech for Good suggère de fournir des boutons sur votre page « Merci » qui permettront à un donateur de partager son don sur ses propres profils de médias sociaux. L’article suggère également une page de remerciement qui permet aux donateurs d’envoyer des cartes postales aux personnes qu’ils honorent avec leurs dons.
Voici un bel exemple de Conservation International :
