Vidéo: Landing Page: Optimisez votre page d’atterrissage 2025
La conception de formulaires utiles en HTML est une entreprise différente de la conception facile à -utilise les formulaires. Votre formulaire peut rassembler les données dont vous avez besoin, mais si votre formulaire est difficile à utiliser pour les visiteurs, ils peuvent l'abandonner avant qu'ils ne soient terminés.
Lorsque vous utilisez les éléments de balisage et les autres éléments qui favorisent la mise en page, gardez les conseils suivants à l'esprit:
-
Fournissez des indices textuels pour tous vos formulaires. Soyez clair sur l'information que vous voulez et le format dont vous avez besoin.
Par exemple, indiquez aux utilisateurs les détails tels que
-
Les dates doivent être saisies en mm / jj / aa (par rapport à mm / jj / aaaa).
-
Le nombre de caractères qu'un champ peut prendre est limité.
Vous pouvez limiter le caractère en utilisant l'attribut maxlength.
-
-
Utilisez la largeur du champ et les limites de caractères pour fournir des indices visuels. Par exemple, si les utilisateurs doivent entrer un numéro de carte de crédit xxx x -xxx x -xxxx -xxxx , considérez créer quatre champs de texte - un pour chaque partie du nombre.
-
Groupe des champs similaires. Un regroupement logique de champs facilite le remplissage d'un formulaire. Il est déroutant si vous demandez le prénom du visiteur, puis l'anniversaire, puis le nom de famille.
-
Divisez les longs formulaires en sections faciles à gérer. Les formulaires en petits morceaux sont moins intimidants et plus susceptibles d'être complétés.
Les principaux détaillants en ligne (comme Amazon.com) utilisent cette méthode pour obtenir les détails dont ils ont besoin pour les commandes sans que cela ne soit trop douloureux.
-
Marquez les champs obligatoires clairement. Si certaines parties de votre formulaire ne peuvent pas être vides lorsque les utilisateurs soumettent le formulaire, marquez clairement ces champs.
Vous pouvez identifier les champs obligatoires en
-
les mettre en gras
-
en utilisant une couleur différente
-
en plaçant un astérisque à leur côté
-
-
Écrire des messages d'erreur utiles et conviviaux. Assurez-vous que vos commentaires sur la validation des formulaires ont un sens pour les visiteurs du site (vérifiez-les avec un groupe de testeurs pour être sûr). Rien ne détourne les visiteurs comme un message cryptique et inutile. ("Erreur type 42" peut signifier quelque chose pour un programmeur, mais pas pour quelqu'un d'autre.)
-
Dites aux utilisateurs de quel type d'informations ils ont besoin pour le formulaire. Si les utilisateurs ont besoin d'informations avant de remplir votre formulaire, une page formulaire passerelle peut détailler tout ce que les utilisateurs doivent avoir avant de remplir le formulaire.
La série de formulaires utilisés par RateGenius pour recueillir des informations sur les prêts automobiles et le refinancement des prêts sont d'excellents exemples de formulaires longs qui collectent différents types de données en utilisant tous les éléments de balisage de formulaire disponibles.
