Les meilleurs conseils pour créer des formulaires en ligne afin d'améliorer les taux de conversion

Les formulaires en ligne peuvent servir à diverses fins. Qu'il s'agisse de s'inscrire à une newsletter, de créer un compte sur un site Web, d'effectuer un achat ou simplement une demande, nous sommes maintenant habitués à remplir les informations requises.

Cependant, une mauvaise expérience avec un formulaire en ligne peut inciter les utilisateurs à abandonner complètement une tâche et à se rendre sur un autre site Web.

Avec l'utilisation croissante des sites mobiles et la récente mise à jour de l'algorithme de classement adapté aux mobiles de Google, la création de formulaires conviviaux pour les appareils mobiles est plus vital que jamais. Je suis sûr que nous pouvons tous comprendre que nous sommes extrêmement frustrés d'essayer de remplir un formulaire sur notre téléphone qui n'est tout simplement pas utilisable sur cet appareil !

Voici nos meilleurs conseils pour créer des formulaires en ligne conviviaux pour ordinateur et mobile, afin d'éviter de perdre l'un de vos clients potentiels lors du dernier obstacle du processus de conversion :

1. Mise en page

Cela peut sembler évident, mais l'utilisation d'une mise en page claire et simple pour votre formulaire en ligne rendra le parcours client aussi fluide que possible et encouragera plus de personnes à remplir toutes les informations. Les dispositions verticales, comme cet exemple de House of Fraser, sont plus conviviales :

Mais les mises en page horizontales peuvent également fonctionner, comme dans cet exemple de Travel Republic :

La clé est de rester simple et d'utiliser le moins de champs possible pour saisir les informations dont vous avez besoin.

Pour les utilisateurs mobiles, cela est particulièrement important. Les utilisateurs seront beaucoup plus susceptibles d'abandonner le formulaire s'il prend trop de temps à remplir.

Starbucks a un bon exemple de formulaire clair, simple et vertical pour créer un compte sur son site mobile :

La suppression de l'une des options de navigation normales de votre formulaire en ligne aidera également à le garder propre et simple. Par exemple, Fortnum et Mason ont supprimé leur menu du haut de la page et l'ont remplacé par une bannière « Paiement sécurisé » sur leur page d'options de paiement :

Cela maintient non seulement le formulaire propre, mais empêche également les utilisateurs de revenir à d'autres parties du site Web une fois qu'ils ont commencé le processus de conversion. Il est également recommandé d'avoir une option de paiement en tant qu'invité pour les sites Web de commerce électronique, comme Fortnum et Mason l'ont fourni. Les utilisateurs peuvent être réticents à fournir toutes leurs informations personnelles pour créer un compte lors d'un achat rapide.

2. Libellés des champs et méthodes de saisie

Il est important que les champs obligatoires soient clairement étiquetés. Utilisez des étiquettes évidentes et reconnaissables pour éviter toute erreur de saisie qui pourrait amener un utilisateur à abandonner le formulaire. Si nécessaire, incluez une explication du champ pour éviter toute confusion. OK Magazine en a un exemple dans le champ "Screen name" de son formulaire d'inscription en ligne :

Réfléchissez à la méthode de saisie la plus appropriée à utiliser pour chaque champ. Il en existe différents types :

• Champs de saisie
• Cases à cocher
• Boutons
• Calendriers
• Menus déroulants

Dans la plupart des cas, il sera probablement évident quelle méthode serait la meilleure. Cependant, en ce qui concerne les formulaires mobiles, il vaut mieux éviter certaines méthodes. Par exemple, le WWF a ce formulaire sur son site mobile, ce qui pose quelques problèmes aux utilisateurs :

Les boutons Oui/Non sont sans doute trop petits pour être sélectionnés facilement du bout des doigts. De plus, la case à cocher « Ceci est un cadeau » dans la section bleue est presque complètement masquée. Ce formulaire serait frustrant de tenter de le remplir sur un appareil mobile.

Expedia, d'autre part, s'assure que sa méthode de saisie du calendrier est suffisamment grande pour les appareils mobiles :

3. Planifiez le processus

Si vous trouvez que votre formulaire en ligne devient trop long, n'ayez pas peur de le diviser sur plusieurs pages pour le décomposer pour les utilisateurs. La clé pour ce faire est de gérer les attentes de l'utilisateur en définissant le processus pour lui dès le départ.

Confused.com en a un excellent exemple, avec les différentes étapes clairement numérotées en haut de la page :

Le site du Times présente les différentes étapes du formulaire dans un format légèrement différent. Voici la première page du formulaire d'inscription à un compte en ligne :

Si nous faisons défiler vers le bas, nous pouvons voir les étapes suivantes :

Si la longueur du formulaire est clairement indiquée aux utilisateurs dès le début, ils peuvent décider en connaissance de cause s'ils disposent de suffisamment de temps pour le remplir ou s'ils doivent revenir plus tard. Cela évitera un problème généralement associé aux formulaires plus longs, dans lesquels les utilisateurs commencent à remplir le formulaire, pour ensuite être frustrés par la longueur et abandonner la tâche.

4. Soyez utile

Semblable à l'exemple d'OK Magazine précédent, Barclaycard a un exemple plus détaillé expliquant exactement quelles informations ils ont besoin dans leur formulaire de connexion bancaire en ligne :

Barclaycard n'explique pas seulement les informations dont il a besoin, il donne à l'utilisateur des options quant au type d'informations qu'il peut saisir. Cela serait utile, par exemple, si vous ne vous souveniez pas de votre nom d'utilisateur ou de votre numéro d'identification, mais que vous aviez votre carte avec vous et que vous pouviez saisir ce numéro à la place.

Ils fournissent également des options « Oublié » pour les deux champs. C'est désormais la norme pour tous les formulaires de connexion en ligne, mais cela vaut la peine de le noter, car cela peut être très frustrant si ces options ne sont pas disponibles.

Une autre façon d'être utile à vos utilisateurs est d'être honnête sur ce que vous faites avec les informations. Virgin Active le fait sur son formulaire de demande en ligne :

La « promesse de Virgin de n'utiliser votre numéro que pour vous rappeler », bien qu'elle ne couvre pas ce qu'ils ont l'intention de faire avec votre adresse e-mail, offre une certaine assurance à l'utilisateur.

Aidez vos utilisateurs à savoir qu'ils ont rempli correctement chaque champ sans aucune erreur avant de cliquer sur le bouton « continuer » ou « soumettre », avec des symboles après chaque case remplie. Very en ont un exemple sur leur formulaire d'inscription en ligne, en utilisant des coches vertes et des croix rouges :

S'il y a des erreurs, marquez-les clairement à côté du champ approprié, peut-être avec une explication de ce qui est requis si nécessaire. De cette façon, les utilisateurs peuvent être sûrs que le formulaire sera accepté au premier clic.

5. Testez toujours !

Lorsque vous créez un formulaire en ligne, testez-le toujours vous-même sur autant d'appareils que possible avant de le lancer. Remplissez le formulaire d'autant de manières différentes que possible pour vous assurer que tous les champs fonctionnent.

Les formulaires en ligne sont des outils précieux pour votre site Web. Que ce soit pour capturer des données, traiter une vente ou recevoir une demande, vous aurez besoin d'un formulaire pour effectuer la conversion.

À ce stade, vous avez fait le gros du travail pour encourager les visiteurs à acheter / s'inscrire / s'inscrire, etc. Assurez-vous de ne pas laisser quelque chose d'aussi simple qu'un formulaire en ligne entraver cette conversion si importante !