Meilleures pratiques CRO – Partie I

(Clinton Ball)

Nous allons plonger dans les Meilleures pratiques CRO comme expliqué par le gourou Peep Laja de CXL. Ceci est une continuation du partage des enseignements tirés du programme de mini-diplômes CRO Jai mis du temps en arrière.

«Lorsque vous doutez de la manière de résoudre un problème de conception particulier, tirez parti de lexpérience de lutilisation des meilleures pratiques par dautres. Utilisez cette expérience comme entrée pour vos hypothèses de conception. Au-delà de cela, le reste de vos choix de conception doit être basé sur des données. « CXL

DÉCOUVREZ COMMENT RECUEILLIR DES INFORMATIONS SUR VOTRE PAGE POUR OBTENIR DES CONVERSIONS

Photo de UX Store sur Unsplash

Formulaires Web

La plupart des gens détestent les formulaires, mais les formulaires sont essentiels pour la conversion.

Les formulaires peuvent prendre différentes« formes »: formulaires dinscription, formulaires de paiement, formulaires de paiement, formulaires de demande de devis, formulaires de génération de prospects.

Lobjectif principal des formulaires est de réduire les frictions, mais dobtenir les informations dont nous avons besoin. Quelques conseils utiles sur la manière de procéder:

Définissez des attentes claires

  • Dites aux gens combien de temps il faudra pour remplir un formulaire détaillé et expliquez clairement pourquoi vous collectez ces informations et ce que le fait de remplir le formulaire obtiendra lutilisateur.

Réduisez le nombre de champs de formulaire:

  • Chaque champ de formulaire supplémentaire crée des frictions, ne collectez que ce qui est nécessaire.
  •  » Lorsquune version à 11 champs du formulaire était remplacée par un Version à 4 champs, il y a eu une augmentation de 160% du nombre de formulaires envoyés et une augmentation de 120% de la conversion. »
  • Évitez les champs facultatifs, encore une fois, si vous navez pas besoin des informations, ne demandez pas pour ça. Expedia avait une question facultative nommée société et a gagné 12 millions de dollars en supprimant ce champ déroutant
  • Parfois, les symboles ne sont pas aussi bons que les mots (ex. Champs obligatoires) mais ce ne sont que des hypothèses et doivent être testés.
  • Formes courtes vs formes longues. Réalisez ce qui est pertinent; si vous créez un formulaire pour les candidatures, la version plus longue du formulaire peut sembler plus crédible. Pensez à qui utilise le formulaire et pourquoi il lutilise.
  • Augmentez intentionnellement la friction pour obtenir des prospects de meilleure qualité

3 choses que font les formulaires plus longs

  • Les personnes plus motivées remplissent des formulaires plus longs. Vous obtiendrez des prospects de meilleure qualité.
  • Des formulaires plus longs aident les gens à se qualifier eux-mêmes – et les personnes non qualifiées disparaîtront.
  • Si vous avez plus dinformations sur le prospect, vous pouvez faire mieux score de plomb. En tant quagence dans le but déliminer les demandes non qualifiées, CXL a ajouté un champ pour le budget prévu et réduit le temps perdu sur les appels commerciaux.

Lorsque vous avez formulaires en plusieurs étapes , il est préférable de diviser le formulaire en un processus en plusieurs étapes.

  • Obtenez les informations les plus importantes dans le premier formulaire, puis dans la deuxième partie du processus, demandez des détails plus spécifiques
  • Utilisez des indicateurs de progression pour montrer aux utilisateurs quils sont presque arrivés, cela peut aider à réduire les frictions et les ennuis

Commencez par des champs plus simples

  • Vous pouvez prendre de lélan en demandant des champs de formulaire simples au début.
  • Les étiquettes alignées en haut ont tendance à mieux fonctionner pour les formulaires plus petits, lorsque vous avez des formulaires plus longs, essayez dajouter les étiquettes sur le côté gauche .. en particulier pour les formulaires où vous voulez des utilisateurs pour ralentir et remplir soigneusement les réponses
  • Les champs de formulaire en ligne sont presque toujours MAUVAIS. Lexception concerne les formulaires de 1 à 2 lignes. Les utilisateurs oublient ce quils tapent.
  • Utilisez du texte brut plutôt que des champs en gras, car cest plus facile pour les yeux
  • Utilisez des champs déroulants près de la fin des formulaires car ils peuvent provoquer des frictions
  • Utilisez les boutons radio lorsque les utilisateurs ont moins de 5 choix
  • Supprimez le champ de confirmation du mot de passe en double et utilisez un champ Afficher le mot de passe.
  • Pré-sélectionnez ce que vous pouvez. Lutilisation dune détection automatique demplacement peut aider à accélérer la complétion du formulaire.

Commentaires et validation des erreurs

  • Utilisation Suivi des événements Google Analytics pour enregistrer les messages derreur sur votre site Web
  • ÉVITEZ les messages derreur à tout prix, cela entraîne un abandon instantané du site
  • Le rouge ne doit être réservé quaux messages derreur
  • Utilisez la validation de formulaire en ligne pour faciliter la saisie et permettre aux utilisateurs de saisir les données comme ils le souhaitent

Éviter les captchas

  • Bon pour le spam, mais ennuyeux pour les humains.
  • Il est recommandé dutiliser Honeypot à la place.
  • Les résultats de lUniversité de Stanford ont prouvé que les captchas sont ennuyeux et difficiles à compléter pour les utilisateurs

Aborder les peurs

  • Un FUD est une peur, une incertitude ou un doute. Éliminez-les.
  • Si vous demandez des informations sensibles, utilisez des sceaux dans le formulaire pour éliminer les risques de lutilisateur, ex. BBB,

Form Analytics

Les 3 façons de évaluer quels champs de formulaire causent des frictions est: Test utilisateur, relectures de session et outils danalyse de formulaire

Boutons et appel à laction

Les boutons sont variés, et ils doivent être clairs, simples à comprendre en ce qui concerne la réponse «pourquoi?», et ils sont visibles.

  • Activé chaque page, ne définit quun seul objectif .
  • Laction la plus recherchée doit ressortir. Ex. « Essayez-le gratuitement »
  • Un moyen de faire fonctionner un CTA secondaire (appel à laction) avec un primaire consiste à se différencier par la couleur. Ex. Un bouton est vert, lautre est clair.
  • Utilisez des couleurs différentes des couleurs primaires de votre site pour le faire ressortir. Les résultats ne sont pas concluants sur la raison pour laquelle une couleur de bouton par rapport à une autre, mais il est concluant que vous devez les faire ressortir.
  • Rendez le bouton suffisamment grand pour donner envie à un utilisateur de cliquer dessus, et espacez les boutons. devrait terminer cette phrase, « Je veux… »
  • Vous voulez que la copie du CTA soit: Spécifique, Transmettre un avantage et déclencher lutilisateur .
  • Conception dune hypothèse pour un CTA: quelle est la motivation de lutilisateur, quobtiendra lutilisateur en cliquant?
  • Étiquetez le CTA autour de laction que lutilisateur effectue, ex. Lutilisateur clique sur «sabonner» à une newsletter et non «soumettre»
  • Engagement de retard. Ex. « Ajouter au panier » ou « Acheter maintenant »
  • Devrait-il y avoir un texte environnant pour aider à éliminer lanxiété des prospects? Si vous le jugez nécessaire, ajoutez-le!
  • En termes de placement des boutons, la plupart des utilisateurs lisent dans un modèle en F .
  • Les images qui concentrent lattention des lecteurs sur le produit ou le service et montrent lenthousiasme peuvent être plus efficaces.
  • Les images, les titres et le CTA se soutiennent mutuellement et devraient être axés, encore une fois, sur lobjectif de la page .

Pli et longueur de page

  • Le pli est la section de * toute * page que les gens voient sans avoir à faire défiler vers le bas.
  • Tous les CTA critiques doivent être accessibles depuis le pli, comme le panier, tout formulaire ou prix.
  • Il ny a pas de taille de pli universelle car elle dépend de lappareil
  • Le haut du site Web doit contenir les informations les plus importantes et descendre en bas

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *