9 Meilleures pratiques de conception de formulaires | Exemples de formulaire UX

NRZ.Digital
0 0

Meilleures pratiques de conception de formulaires et exemples de formulaires UX

Les formulaires sont difficiles à concevoir. Ils l’ont toujours été. Même avant Internet, les formulaires papier posaient des problèmes. Mais avoir des formulaires bien conçus est devenu extrêmement important. Un formulaire peut aboutir à une vente ou à gagner un abonné. Voici neuf bonnes pratiques pour vous assurer que vos formulaires n’entravent pas les conversions.

1. Divisez les formulaires en plusieurs étapes

Décomposer les formulaires en plusieurs étapes |  Meilleures pratiques de conception de formulaire

La dernière chose que vous voulez faire avec la conception UX est de submerger l’utilisateur. Si vos formulaires provoquent de l’anxiété et de la frustration, ils ne seront probablement jamais remplis et n’entraîneront pas de nombreuses conversions. Le problème est que de nombreuses formes sont intrinsèquement accablantes. Il y a tout simplement trop d’informations à obtenir. C’est là qu’intervient la rupture de la forme.

Prendre une grande tâche et la transformer en de nombreuses tâches plus petites rend l’expérience plus gérable. Il y a quelques facteurs psychologiques en jeu ici, mais essentiellement, les utilisateurs ne veulent tout simplement pas passer au crible un bloc de champ géant.

Lorsque vous divisez des formulaires longs en étapes plus petites, il est essentiel d’ajouter une sorte de suivi de la progression. Si l’utilisateur se voit présenter page après page sans fin en vue, il sera plus susceptible de partir. Fournir une ligne d’arrivée leur donne un objectif à atteindre et leur donne une idée générale de la durée du processus.

La façon dont vous divisez le formulaire dépend du type de formulaire. En règle générale, vous souhaitez regrouper des informations similaires et fournir le même nombre de champs dans chaque section. Vous pouvez tester les performances de différents nombres et regroupements pour obtenir les meilleurs résultats.

2. Utilisez des formulaires à une seule colonne

Utiliser le formulaire de colonne pour célibataires |  Meilleures pratiques de conception de formulaire

Conserver vos champs dans une seule colonne est généralement la conception de formulaire la plus efficace. Les utilisateurs veulent parcourir un formulaire le plus rapidement possible avec le moins d’étapes. Et les formulaires avec plusieurs colonnes ajoutent plus de complication à l’expérience.

Le raisonnement derrière cela a à voir avec la façon dont les utilisateurs se déplacent dans la page. Avec une conception à colonne unique, ils peuvent commencer par le haut et descendre. Avec les formulaires à plusieurs colonnes, les utilisateurs doivent revenir en haut de chaque colonne – et cela leur fait perdre du temps.

3. Rendre les formulaires compatibles avec la saisie automatique

Rendre les formulaires compatibles avec la saisie automatique |  Meilleures pratiques de conception de formulaires

La saisie automatique est un profil contenant les informations couramment utilisées par un utilisateur. Il comprend généralement des données telles que des noms, des e-mails, des adresses et des informations de carte de crédit. Cette fonctionnalité est extrêmement utile pour rationaliser le processus de formulaire car l’utilisateur doit simplement choisir le profil qu’il souhaite utiliser et toutes les données de base sont remplies automatiquement pour lui.

Si vos formulaires ne sont pas compatibles avec ce service, vous semblez être en retard et vous risquez de perdre des conversions.

4. Informez l’utilisateur avec des boîtes récapitulatives

Informer les utilisateurs avec des boîtes récapitulatives |  Meilleures pratiques de conception de formulaire

L’utilisateur voudra peut-être savoir pourquoi vous voulez les informations que vous demandez. Les encadrés récapitulatifs expliquent pourquoi les informations sont nécessaires et à quoi elles servent. Si les utilisateurs estiment que vous êtes transparent sur la façon dont ces données vont être utilisées, ils peuvent être plus susceptibles de terminer le formulaire, même lorsque des données sensibles sont nécessaires.

Vous pouvez également utiliser les rappels de champ obligatoires, les titres et le texte d’espace réservé pour communiquer avec l’utilisateur et le tenir informé du processus.

5. Utilisez le moins de champs possible

Utiliser le moins de champs possible |  Meilleures pratiques de conception de formulaire

Plus il y a de champs dans un formulaire, plus un utilisateur doit passer de temps à interagir avec votre entreprise. La rationalisation de vos formulaires réduit la distance entre votre entreprise et l’utilisateur. Lors de la conception de formulaires, il est important de prendre en compte l’importance d’un champ. Supprimez tous les champs gratuits que vous n’allez pas utiliser.

Un champ qui peut presque toujours être supprimé est le numéro de téléphone. À moins que vous n’ayez une raison spécifique de le demander, il est préférable de demander un e-mail à la place. Les utilisateurs sont beaucoup plus susceptibles de fournir des informations de contact qui ne semblent pas aussi personnelles qu’un numéro de téléphone portable.

6. Priorité aux informations les plus simples

Priorité aux informations les plus simples |  Meilleures pratiques de conception de formulaire

Celui-ci utilise un peu de sens psychologique: les gens sont moins susceptibles de se retirer lorsqu’ils ont déjà consacré du temps à quelque chose. Ils veulent terminer ce qu’ils ont commencé, donc un formulaire qui facilite le processus dès le début peut mieux fonctionner.

Classez vos champs du plus simple au plus difficile à remplir. De cette façon, lorsque l’utilisateur accède à des champs qui demandent des efforts, ils sont trop profondément dans le formulaire pour quitter. Les informations que les utilisateurs connaissent par cœur, comme le nom, l’adresse e-mail et l’adresse postale, doivent venir en premier, et les champs qui obligent l’utilisateur à trouver des informations, comme les numéros de carte de crédit, doivent être placés en dernier.

7. Utilisez un autre formulaire pour mobile

Utiliser un formulaire différent pour mobile |  Meilleures pratiques de conception de formulaire

La réactivité est l’un des attributs les plus importants d’un site Web vraiment moderne. Les utilisateurs ne vont pas mettre sous tension leur ordinateur portable et retrouver votre site pour remplir un formulaire qu’ils ont trouvé pour la première fois sur un appareil mobile. Ils vont juste continuer à défiler, vous avez donc besoin de formulaires conçus pour le mobile. Cela peut signifier concevoir un formulaire qui transite facilement entre les formats mobiles et de bureau ou utiliser une configuration de formulaire complètement différente pour chacun.

Les formulaires mobiles doivent être lisibles sur de petits écrans, pensez donc à utiliser un design minimaliste avec de grands boutons et champs d’action. Il doit y avoir suffisamment de place pour que les doigts très imprécis des gens puissent sélectionner le champ qu’ils veulent, sinon les utilisateurs peuvent devenir rapidement frustrés.

Pour une optimisation supplémentaire, ajoutez des fonctionnalités automatiques et des outils mobiles uniques, tels qu’un scanner de carte de crédit. Assurez-vous que le clavier ou le pavé numérique apparaît pour chaque champ en fonction de ce que les données sont censées être. Par exemple, si le champ sert à saisir un numéro de carte de crédit, un pavé numérique doit apparaître à l’écran.

Consultez ce guide pour la conception UX mobile en 2021 pour moderniser votre présence mobile.

8. Optez pour reCAPTCHA

Optez pour reCAPTCHA |  Meilleures pratiques de conception de formulaire

Les CAPTCHA sont les réponses au défi qui prouvent que vous n’êtes pas un robot et impliquent des actions comme choisir toutes les images avec des voitures ou taper un mot à partir d’une image déformée. Si vous utilisez l’un de ces CAPTCHA basés sur des défis, votre formulaire peut sembler obsolète.

L’option de sécurité moderne est reCAPTCHA. Au lieu d’essayer de déjouer les comptes de spam avec des jeux, reCAPTCHA utilise un moteur d’analyse des risques qui évalue la légitimité d’un utilisateur. Et la meilleure partie est que l’utilisateur n’a qu’à cliquer sur un bouton.

9. Privilégiez les boutons radio par rapport aux listes déroulantes

Privilégiez les boutons radio par rapport aux boîtes déroulantes |  Meilleures pratiques de conception de formulaire

Les boutons radio peuvent prendre plus d’espace, mais ils sont plus rapides. Ouvrir un menu déroulant et parcourir les choix prend plus de temps que tout voir en même temps. C’est en partie à cause de la façon dont les utilisateurs scannent. Ils n’ont pas besoin de lire toutes les options avec des boutons radio parce que leur cerveau reconnaît inconsciemment la réponse appropriée, comme pour trouver un visage dans une foule.

3 Exemples de conception de formulaire UX

3 Exemples de conception UX de formulaire |  Meilleures pratiques de conception de formulaires

Examiner de superbes conceptions de formulaires est un moyen de voir certaines de ces meilleures pratiques en action. Voici trois conceptions de formulaire qui utilisent des principes et des pratiques pour créer des conversions.

Formulaire de contact de consultation de Net Solution

Ce formulaire utilise très bien le temps d’un utilisateur avec seulement cinq champs, ce qui permet aux clients de nous contacter facilement pour des consultations. Le formulaire utilise également l’une des dernières formes de reCAPTCHA qui ne nécessite pas que l’utilisateur clique sur un bouton. Le formulaire se transforme également facilement en une vue mobile.

Snappet: un questionnaire par Ricardo De Zoete

Cette conception de formulaire de questionnaire utilise des couleurs vives pour rendre le processus amusant et garder l’utilisateur engagé, et il permet aux utilisateurs de répondre symboliquement, ce qui rend le processus plus facile et plus rapide. La vraie beauté de cette forme est l’adaptabilité. Cela fonctionne très bien sur les formats mobiles et de bureau avec presque le même design.

Upart par Yifan Ding

Upart est un exemple parfait de la façon de briser les formes. Il utilise une barre de progression animée qui indique à l’utilisateur exactement le nombre d’étapes restantes et lui donne l’impression d’avancer avec une animation de zoom.

Obtenez de l’aide sur la conception de formulaires et d’UX

La conception de formulaires n’est pas toujours facile, mais elle est toujours importante pour l’expérience utilisateur. Contactez Net Solutions dès aujourd’hui pour découvrir comment nous pouvons vous aider avec la conception UX, y compris les formulaires.

Contactez Net Solutions pour obtenir de l'aide sur la conception de formulaires et d'UX


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleppy
Sleppy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

42 statistiques LinkedIn incontournables pour les spécialistes du marketing en 2021 [Infographic]

Si vous commencez à séparer chaque plate-forme sociale en fonction de son cas d’utilisation et de son public idéal, vous vous retrouverez avec une plate-forme qui se démarque des autres – Linkedin.

Abonnez-vous maintenant