Il est important de respecter certaines règles afin de rendre le remplissage d’un formulaire web fluide pour vos utilisateurs. En effet, c’est l’une des principales interactions entre votre site internet et les utilisateurs. Alors, comment créer un formulaire web efficace et ergonomique? Voici les meilleures pratiques à adopter.
Pourquoi créer un formulaire web?
Plusieurs raisons peuvent vous amener à créer un formulaire web pour votre site internet. Celles-ci diffèrent selon la nature de votre site, qu’il soit un WordPress ou sur un autre type de SGC (Système de Gestion de Contenu) :
- Informations de contact et sur l’état civil de la personne;
- Informations personnelles (informations de santé, données bancaires, transactions, etc.);
- Formulaire de questions de sécurité pour récupérer l’accès à un compte utilisateur;
- Formulaire à remplir pour une demande de service (soumission).
Ces informations sont soit nécessaires pour accéder à votre site web, soit de nature à en apprendre davantage sur vos utilisateurs afin de leur apporter une meilleure expérience client.
Indiquer de manière claire les champs obligatoires
Cette première pratique peut sembler évidente et simple à mettre en place et pourtant il s’agit d’une des règles les plus importantes à respecter. Quand un utilisateur remplit un formulaire web, il veut, la plupart du temps, aller à l’essentiel et se contenter de remplir uniquement les champs obligatoires. Il est donc important de les indiquer de manière claire et précise, souvent à l’aide d’un astérisque.
Comment créer un formulaire web lisible ? Éviter les champs inutiles
Dans le but de rendre le remplissage simple pour les utilisateurs, il est important d’alléger au maximum votre formulaire en évitant les champs de formulaire inutiles. Il sera toujours possible de créer, par la suite, un autre formulaire plus détaillé, si l’activité de votre site internet le nécessite.
Proposer des cases à cocher et des options « boutons »
Lorsque vous créez un formulaire web, vous pouvez offrir des réponses via des cases à cocher ou des options « boutons ». Veillez cependant à respecter quelques règles :
- Utilisez une seule case à cocher lorsqu’un utilisateur doit indiquer son accord (par exemple, les conditions générales).
- Indiquez clairement si l’utilisateur peut sélectionner une ou plusieurs options.
- Pensez à ajouter une option « Autre ».
Mettre une sauvegarde automatique des informations pour les formulaires complexes :
Certains formulaires complexes nécessitent que les utilisateurs doivent revenir pour pouvoir compléter le remplissage. Soit parce que le remplissage est long, soit parce que ces formulaires peuvent demander certains documents ou photos auxquels les utilisateurs n’ont pas accès dans l’immédiat. C’est pourquoi il est important d’installer une sauvegarde automatique des champs déjà remplis et de le préciser aux utilisateurs. Ainsi ils seront rassurés que le temps passé à remplir les informations n’aura pas été en vain. Pour les formulaires complexes il est aussi intéressant de respecter certaines pratiques :
- Annoncez la liste des différentes étapes;
- Indiquez à l’avance le temps nécessaire pour remplir le formulaire;
- Expliquez la nature des informations et des documents exigés;
- Affichez l’étape en cours;
- Permettez de revenir à l’étape précédente sans perdre de données.
Des messages d’erreurs clairs
Comment créer un formulaire web lisible ? Il s’agit encore une fois d’indiquer de manière claire et précise quand une erreur s’est glissée dans les réponses d’un utilisateur. Il faut donc afficher le texte d’erreur au-dessus du champ de saisie concerné, avec une couleur différente de celle utilisée pour le formulaire. On utilise généralement la couleur rouge, qui attire l’œil instinctivement.
Si vous avez des questions au sujet de la performance de votre site WordPress, n’hésitez pas à contacter l’équipe de La Clinique WordPress et un membre de notre équipe se fera un plaisir de vous accompagner.