Construire les coordonnées WordPress parfaites: 6 Règles incassables

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 l’expérience utilisateur. Plus précisément, lorsqu’un 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 – vous sur l’alignement, comme vous pouvez le voir dans d’autres règles ici, les gens s’inté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 l’alignement. Vous pouvez voir ce formulaire sur le site Web de Brain Traffic et vous demander, \
Fondamentalement, si vous quittez l’étiquette sur le haut \/ champ sous la structure informatique, il y a friction dans l’expé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 vous n’avez pas emprunté d’argent.
Déterminer quels champs sont les plus interactifs et quels champs sont les moins interactifs dans la forme de contact. À l’aide de modèles originaux et plus longs, ils ont réorganisé les champs et mis à jour les étiquettes pour clarifier le type d’information 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 l’amélioration des formulaires de contact long était l’é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 l’entreprise qui intriguait le client. C’est optionnel, mais les utilisateurs ne le comprennent pas nécessairement, de sorte qu’ils saisissent des informations incorrectes qui finissent par les amener à refuser d’acheter. Lorsque Expedia a pris connaissance du problème, elle a supprimé ce champ et enregistré 12 millions de dollars de revenus supplémentaires l’année suivante. Je vous recommande de commencer par les champs de base lorsque vous créez un formulaire de contact, comme quickbooks le fait ici: Lorsque vous enregistrez quickbooks, n’incluez que les champs les plus nécessaires. Si vous estimez que la conversion ne répond pas aux attentes, examinez l’analyse pour voir si vous pouvez déterminer quels champs empêchent l’utilisateur 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 s’il a besoin de technologies d’aide pour interagir avec lui, le formulaire doit être équipé d’un appareil qui simplifie le processus d’entrée. Voici quelques conseils que vous devriez noter: pour les utilisateurs de bureau et ceux qui ont des problèmes d’accessibilité, assurez – vous que le formulaire de contact a l’ordre logique des onglets activé. Saisissez un masque au lieu de forcer les utilisateurs à deviner ce qu’ils veulent
Simplifier 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 l’é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 à l’encontre des principes fondamentaux du minimalisme, vous devriez la suivre de près afin de ne pas contrarier inutilement les visiteurs. Laissez – moi vous expliquer: vos coordonnées semblent simples. Votre utilisateur remplit l’étiquette comme recommandé, puis appuyez sur le bouton soumettre. Puis ils ont reçu un message rouge Laid: \
N coordonnées. Dans l’é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 d’erreur 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 – vous 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 à l’utilisation du texte prompt dans les champs de formulaire, cela peut ne pas être suffisant pour les utilisateurs qui ont des problèmes d’accessibilité. Voir comment la cible place une étiquette dans un champ? Dans certains formulaires de contact, ces étiquettes \/ conseils disparaissent lorsque l’utilisateur clique sur un champ. La cible est traitée un peu différemment, en déplaçant l’étiquette en haut de la zone de champ (voir adresse électronique). Quoi qu’il en soit, les spécialistes de la convivialité, comme le Groupe Nielsen Norman, vous diront que c’est une mauvaise pratique de conception parce qu’il y a un problème pour les utilisateurs qui sont Multi – tâches, distraits ou qui passent rapidement au domaine suivant. Lorsque l’invite disparaît, l’utilisateur 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 n’est pas facile à lire. Les champs avec le texte prompt peuvent être confondus avec les champs remplis de données que l’utilisateur peut ignorer et envoyer Modu
Et obtenir un message d’erreur. Certains lecteurs d’écran ne peuvent pas lire le texte suggéré par le substituant. Selon Nng, l’utilisateur 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 d’abord, toujours aligner le CTA primaire sur les champs du module, même si cela ne semble pas logique. Par exemple, si vous avez les boutons suivant et précédent, l’étape suivante devrait apparaître à l’extrême gauche, car c’est 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 qu’ils voient comme le bouton soumettre. S’ils ont perdu toutes leurs réponses en appuyant sur le mauvais bouton par erreur, vous pourriez trouver qu’ils 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. L’instruction 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. Si vous utilisez une marque de confiance lorsque cela n’est pas nécessaire, cela peut amener les utilisateurs à croire qu’ils doivent fournir des renseignements sensibles lorsque cela n’est 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 n’est 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 qu’ils devront éventuellement envoyer des paiements ou d’autres renseignements sensibles par l’intermédiaire du site Web. Il est temps d’appliquer le formulaire. Le formulaire de contact n’est 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. Si vous voulez appliquer correctement les règles ci – dessus tout en atteignant ces objectifs, vous avez deux options. Vous pouvez trouver un plugin wordpress qui vous aidera à créer un formulaire de contact WordPress personnalisé, ou vous pouvez créer votre propre formulaire. Des plug – ins comme wpmu – Dev – formator vous 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 d’options puissantes et de paramètres personnalisés. Quoi que vous décidiez, n’oubliez pas que les utilisateurs n’ont pas nécessairement peur des formulaires de contact à long terme, mais ce n’est pas seulement l’expérience que vous créez pour eux dans les formulaires. Préférez – vous coder manuellement les formulaires de contact sur votre site ou utilisez – vous un plugin wordpress fiable à chaque fois? Pourquoi?