Google eye tracking, publié en 2014, a montré que le respect des lignes directrices les plus élémentaires en matière de disponibilité de la conception de modules améliorerait considérablement lamprsquoexpérience utilisateur. Plus précisément, lorsquamprsquoun formulaire de contact satisfait à toutes les règles, 78% des utilisateurs peuvent le remplir et le soumettre en une seule tentative. Cependant, lorsque les formulaires de contact enfreignent ces règles, seulement 42% peuvent le faire en une seule tentative. Tu veux savoir quelles sont ces règles? Puis continuez à lire. Règle 1: Concentrez sur lamprsquoalignement, comme pouvez le voir dans damprsquoautres règles ici, les gens samprsquointéressent généralement à la longueur des formes de connexion, ce qui conduit souvent à de mauvais choix de conception.
Prenons par exemple la question de lamprsquoalignement. Vous pouvez voir ce formulaire sur le site Web de Brain Traffic et demander,
Fondamentalement, si quittez lamprsquoétiquette sur le haut champ sous la structure informatique, il y a friction dans lamprsquoexpérience utilisateur. En 2010, une série de guides de conception de modules Web a été publiée sous le titre « interface utilisateur simple mais essentielle sur le Web: Introduction à 20 guides de conception de modules Web disponibles ». Google a recueilli ces lignes directrices en 2014 et les a testées au moyen d’une étude de suivi oculaire. Ce test de suivi oculaire montre clairement combien de travail nous avons fait pour les yeux des visiteurs lorsque namprsquoavez pas emprunté damprsquoargent.
Déterminer quels champs sont les plus interactifs et quels champs sont les moins interactifs dans la forme de contact. À lamprsquoaide de modèles originaux et plus longs, ils ont réorganisé les champs et mis à jour les étiquettes pour clarifier le type damprsquoinformation nécessaire. Une fois de plus, ils ont testé et constaté une augmentation de 19% des pistes grâce au remarkage et à la réorganisation de la version longue: Unbounce a constaté que la clé de lamprsquoamélioration des formulaires de contact long était lamprsquoétiquette, et non la longueur du formulaire. Toutefois, ces tests ne fonctionnent pas toujours de cette façon.
Expedia, par exemple, a trouvé un champ dans le formulaire de contact de lamprsquoentreprise qui intriguait le client. Camprsquoest optionnel, mais les utilisateurs ne le comprennent pas nécessairement, de sorte quamprsquoils saisissent des informations incorrectes qui finissent par les amener à refuser damprsquoacheter. Lorsque Expedia a pris connaissance du problème, elle a supprimé ce champ et enregistré 12 millions de dollars de revenus supplémentaires lamprsquoannée suivante. Je recommande de commencer par les champs de base lorsque créez un formulaire de contact, comme quickbooks le fait ici: Lorsque enregistrez quickbooks, namprsquoincluez que les champs les plus nécessaires. estimez que la conversion ne répond pas aux attentes, examinez lamprsquoanalyse pour voir si pouvez déterminer quels champs empêchent lamprsquoutilisateur de remplir le formulaire.
Règle 3: entrée simplifiée peu importe si votre utilisateur utilise un bureau ou un appareil mobile pour interagir avec un formulaire de contact ou samprsquoil a besoin de technologies damprsquoaide pour interagir avec lui, le formulaire doit être équipé damprsquoun appareil qui simplifie le processus damprsquoentrée. Voici quelques conseils que devriez noter: pour les utilisateurs de bureau et ceux qui ont des problèmes damprsquoaccessibilité, assurez que le formulaire de contact a lamprsquoordre logique des onglets activé. Saisissez un masque au lieu de forcer les utilisateurs à deviner ce quamprsquoils veulent
mplifier le processus de remplissage des formulaires. Cependant, il aide à encourager les utilisateurs à le faire, car les étapes restantes sont clairement définies. Encore une fois, voici un exemple de barre de progression qui utilise lamprsquoélément de pagination du formateur: ajoutez une barre de progression au formulaire pour aider les utilisateurs à naviguer plus facilement dans le processus de remplissage du formulaire. Bien que je sois conscient que cette règle va à lamprsquoencontre des principes fondamentaux du minimalisme, devriez la suivre de près afin de ne pas contrarier inutilement les visiteurs. Laissez moi expliquer: vos coordonnées semblent simples. Votre utilisateur remplit lamprsquoétiquette comme recommandé, puis appuyez sur le bouton soumettre. Puis ils ont reçu un message rouge Laid:
N coordonnées. Dans lamprsquoétude Google eye tracking mentionnée ci dessus, ils ont suivi les utilisateurs qui ont effectué les tests et ont constaté que les formats manquants étaient souvent désignés comme des plaintes. Google recommande de fournir des instructions claires tout au long du formulaire et des messages damprsquoerreur très visibles. En outre, ces étiquettes ne doivent pas seulement être en caractères rouges standard. Ils doivent être bien définis, colorés et accrocheurs. Règle 5: Éloignez du texte suggéré dans le formulaire de contact suggéré comme suit: Bien que Target ait corrigé un certain nombre de problèmes liés à lamprsquoutilisation du texte prompt dans les champs de formulaire, cela peut ne pas être suffisant pour les utilisateurs qui ont des problèmes damprsquoaccessibilité. Voir comment la cible place une étiquette dans un champ? Dans certains formulaires de contact, ces étiquettes conseils disparaissent lorsque lamprsquoutilisateur clique sur un champ. La cible est traitée un peu différemment, en déplaçant lamprsquoétiquette en haut de la zone de champ (voir adresse électronique). Quoi quamprsquoil en soit, les spécialistes de la convivialité, comme le Groupe Nielsen Norman, diront que camprsquoest une mauvaise pratique de conception parce quamprsquoil y a un problème pour les utilisateurs qui sont Multi tâches, distraits ou qui passent rapidement au domaine suivant. Lorsque lamprsquoinvite disparaît, lamprsquoutilisateur doit quitter le champ pour redécouvrir le contenu désiré. Les suggestions qui disparaissent empêchent également les utilisateurs de retourner au formulaire pour vérifier le travail ou corriger les erreurs sans supprimer complètement les réponses pour voir ce qui suit. Le texte gris clair utilisé pour les suggestions de substituants namprsquoest pas facile à lire. Les champs avec le texte prompt peuvent être confondus avec les champs remplis de données que lamprsquoutilisateur peut ignorer et envoyer Modu
Et obtenir un message damprsquoerreur. Certains lecteurs damprsquoécran ne peuvent pas lire le texte suggéré par le substituant. Selon Nng, lamprsquoutilisateur trouve les champs vides plus attrayants que les champs contenant du texte prompt. Bien que le placement de ces étiquettes ou descripteurs au dessus des champs puisse rendre le module plus long, cela améliore la disponibilité. Règle 6: Regardez vos boutons les développeurs wpmu ont déjà un bon guide pour concevoir de meilleurs boutons, donc je ne vais pas revenir en arrière. Au lieu de cela, je voudrais me concentrer sur quelque chose qui pourrait améliorer le bouton formulaire de contact. Tout damprsquoabord, toujours aligner le CTA primaire sur les champs du module, même si cela ne semble pas logique. Par exemple, si avez les boutons suivant et précédent, lamprsquoétape suivante devrait apparaître à lamprsquoextrême gauche, car camprsquoest ce que la plupart des utilisateurs feront. De plus, essayez de ne pas utiliser les boutons restaurer, supprimer ou annuler. De nombreux utilisateurs arrivent au bas du formulaire et cliquent automatiquement sur le premier bouton quamprsquoils voient comme le bouton soumettre. Samprsquoils ont perdu toutes leurs réponses en appuyant sur le mauvais bouton par erreur, pourriez trouver quamprsquoils ne sont pas disposés à soumettre à nouveau. Dans ce test A B dégroupé, ils ont constaté que les copies basées sur la valeur (bien que plus longues) réussissent mieux à convertir les utilisateurs. Le texte du CTA peut être plus long, mais les utilisateurs réagissent plus positivement aux messages fondés sur la valeur. La copie mise à jour a reçu 31% de plus de conversions que le message original. Enfin, utilisez des balises de confiance autour du bouton formulaire de contact lorsque cela est logique. Lamprsquoinstruction coschedule sur les demandes autres que les demandes de carte de crédit en est un bon exemple: En général, un beau module qui utilise du texte
Cavitation. Mais attention. utilisez une marque de confiance lorsque cela namprsquoest pas nécessaire, cela peut amener les utilisateurs à croire quamprsquoils doivent fournir des renseignements sensibles lorsque cela namprsquoest pas nécessaire, comme le montre le test A B: Vous pouvez penser que la marque truste Trust aide à augmenter les taux de conversion, mais ce namprsquoest pas le cas. La version B a reçu près de 13% de plus de soumissions que la version a parce que les scellés de sécurité ont convaincu les utilisateurs quamprsquoils devront éventuellement envoyer des paiements ou damprsquoautres renseignements sensibles par lamprsquointermédiaire du site Web. Il est temps damprsquoappliquer le formulaire. Le formulaire de contact namprsquoest pas valide pour tout le monde. Chaque site Web (et les activités qui le Sous tendent) a un objectif différent, de sorte que les formulaires de contact qui y figurent doivent être spécifiquement conçus pour aider à atteindre cet objectif. voulez appliquer correctement les règles ci dessus tout en atteignant ces objectifs, avez deux options. Vous pouvez trouver un plugin wordpress qui aidera à créer un formulaire de contact WordPress personnalisé, ou pouvez créer votre propre formulaire. Des plug ins comme wpmu Dev formator donnent le meilleur des deux mondes (et gratuitement!). Installez le plug in et sélectionnez le modèle, puis créez le formulaire en fonction de vos besoins spécifiques en utilisant une série damprsquooptions puissantes et de paramètres personnalisés. Quoi que décidiez, namprsquooubliez pas que les utilisateurs namprsquoont pas nécessairement peur des formulaires de contact à long terme, mais ce namprsquoest pas seulement lamprsquoexpérience que créez pour eux dans les formulaires. Préférez coder manuellement les formulaires de contact sur votre site ou utilisez un plugin wordpress fiable à chaque fois? Pourquoi?
Construire les coordonnées WordPress parfaites: 6 Règles incassables
