Aujourd’hui, nous aimerions aborder avec vous un élément primordial pour la convivialité d’un site web. Les formulaires en ligne se révèlent très utiles lorsque vous souhaitez établir le contact avec les visiteurs de votre site. Ils sont en outre indispensables au traitement des commandes.
La conception de formulaires en ligne est un parcours semé d’embûches. Aussi avons-nous résumé pour vous les conseils les plus précieux. Vous êtes certainement déjà tombé sur des exemples de formulaires bien peu conviviaux [1]. Afin de vous éviter ces écueils, nous avons rassemblé quelques précieux conseils sur la façon de concevoir des formulaires efficaces et fonctionnels.
Quels sont les critères d’une conception de formulaire en ligne de qualité ?
La conception d’un formulaire en ligne doit avant tout être fonctionnelle. Ce formulaire doit collecter toutes les données nécessaires et sa structure doit être claire. L’utilisateur devrait pouvoir comprendre au premier coup d’œil les éléments qu’il lui est demandé de saisir. Donner un intitulé aux différents champs permettra aux utilisateurs de les remplir rapidement.
Il n’existe malheureusement pas de solution miracle adaptée à tous les sites web. C’est la raison pour laquelle votre formulaire de contact doit être conçu de façon personnalisée pour votre site web. Cependant, vous marquerez beaucoup de points auprès des visiteurs de votre site s’ils peuvent se rendre compte de l’attention et des efforts que vous y avez consacrés.
Pour concevoir un formulaire en ligne efficace, vous pouvez aussi suivre nos conseils, que nous avons glanés au fil de nos nombreuses années d’expérience sur Internet et qui sont pour vous la promesse d’un niveau de convivialité particulièrement élevé.
Nos 6 meilleures astuces pour concevoir un formulaire en ligne réussi
Comme nous l’avons déjà souligné, la conception de formulaires en ligne est un enjeu très personnel. Si vous adoptez pour votre site web un ton très formel parce que vous entendez fournir principalement des faits et des informations, la conception de vos formulaires de contact doit refléter cet aspect. Si votre approche des clients est plutôt ouverte et décontractée en revanche, vous pouvez créer un formulaire de contact plus informel et amusant.
Quelles que soient l’approche et la formulation retenues, nous souhaitons malgré tout partager avec vous 6 astuces utiles applicables à la conception de tout formulaire en ligne.
Adapter les champs de saisie au contenu
Par exemple, un champ relatif au code postal peut être bien plus petit que celui devant recueillir le nom de la ville. La clarté de votre formulaire s’en ressentira immédiatement et l’utilisateur saura tout de suite quelle information saisir à cet endroit.
Créer des messages d’erreur
Nous avons trouvé tellement d’exemples de formulaires en ligne qui attendent que l’utilisateur ait fini de le remplir pour lui indiquer les erreurs commises. Nous vous conseillons de signaler toute erreur directement dans le champ de saisie concerné. Il est également préférable de choisir une couleur pour indiquer une erreur. Le rouge s’est imposé comme la couleur de prédilection pour les entrées incorrectes.
Si vous signalez immédiatement une erreur à l’utilisateur, il peut la corriger facilement et sans perdre de temps.
Limiter l’utilisation des menus déroulants
Les menus déroulants sont à utiliser avec parcimonie. La règle est habituellement de n’y avoir recours que pour les questions assorties d’un choix de cinq réponses ou plus.
Les choix effectués dans un menu déroulant se font toujours en deux clics, ce qui représente du travail supplémentaire pour l’utilisateur. Envisagez la possibilité d’utiliser un champ de texte libre pour répondre à la question ou contentez-vous d’une liste de toutes les réponses possibles, les unes en dessous des autres. L’utilisateur peut alors cocher la case correspondante.
Utiliser des étiquettes et des espaces réservés
Afin d’éviter tout malentendu, le libellé choisi pour chaque champ doit être concis. Vous devez également préciser lorsque l’un des champs est obligatoire. Une telle façon de faire est bien plus conviviale que d’indiquer en fin de formulaire que tous les champs marqués d’un * doivent obligatoirement être remplis.
Structurer le formulaire en ligne
Si vous avez plusieurs champs liés par une même thématique, vous devriez les regrouper visuellement en un seul bloc. Cela améliore nettement la compréhension de votre formulaire par l’utilisateur. De façon générale, la saisie des coordonnées constitue le premier bloc, puis le bloc suivant traite d’autres questions.
Disposer les champs les uns en dessous des autres
Pour l’œil humain, les champs placés les uns sous les autres sont plus faciles à assimiler. Même si vous disposez de l’espace nécessaire pour ajouter un autre champ sur la même ligne pour une question courte, comme le code postal, nous vous déconseillons de le faire.
Cela tend à distraire l’utilisateur, car consciemment ou non, nos yeux ont tendance à toujours se porter vers la droite pour lire la question suivante. Dans le pire des cas, les données collectées seront sans utilité.
Conseils pour la conception d’un formulaire en ligne accessible
L’accessibilité de votre site web est un enjeu majeur au moment de concevoir des formulaires de contact. Si vous voulez concevoir un nouveau formulaire de contact, il est dans votre intérêt de tenir compte des personnes handicapées.
Vous pouvez rendre votre site web plus accessible en suivant les étapes simples suivantes :
- Choisir une taille de police appropriée.
- Créez du contraste en utilisant par exemple des caractères noirs sur un fond blanc.
- Optez pour un langage simple et facile à comprendre.
Protection contre le spam durant la saisie – Friendly Captcha
Il est un autre aspect à prendre en compte au moment de concevoir vos formulaires. Pour créer une protection efficace contre le spam, différentes méthodes de défense contre les bots et les messages non sollicités s’offrent à vous. Si elles diffèrent peu en termes d’efficacité, les disparités sont considérables au niveau de la convivialité et de l’accessibilité.
Du point de vue de l’utilisateur, tous les formulaires en ligne qui incluent un test captcha sont plutôt agaçants. La raison en est que les utilisateurs doivent résoudre une tâche, certes simple mais fastidieuse, comme une question mathématique ou la reconnaissance de certains motifs parmi une sélection d’images par exemple. Par ailleurs, ces captchas standards ne peuvent être considérés comme accessibles.
Ces tests captcha servent à savoir si une demande est faite par un humain ou par un ordinateur. Il s’agit d’un critère de différenciation majeur dans la défense contre les messages non sollicités. Mais si vous préférez ne pas importuner les utilisateurs de votre formulaire de contact avec une telle tâche, notre captcha entièrement automatisé et accessible est fait pour vous.
Sécurité pour vous, côté pratique pour l’utilisateur
Voici la bonne nouvelle. Notre solution basée sur le cloud est conforme au RGPD et aux décisions Schrems II ; vous voilà donc en sécurité en termes de protection des données. Le test visant à déterminer si le contact est établi par un être humain ou un ordinateur est réalisé à l’aide d’un puzzle. Ce dernier est résolu en arrière-plan pendant que l’utilisateur effectue les saisies dans le formulaire de contact.
L’utilisateur ne s’en rend pas du tout compte. Outre une conception de formulaire en ligne attrayante et facile à comprendre, votre site peut gagner en convivialité en utilisant Friendly Captcha. Il est donc important de noter que lorsque vous abordez la question de la conception de formulaires en ligne, cela vaut également la peine de réfléchir à la manière dont vous souhaitez vous protéger contre les courriers indésirables.
