Série de listes de contrôle UX : conception de la page de destination | UX et CRO

Bien que le succès d’une page de destination dépende en grande partie de l’audience, du produit ou du service, de l’industrie et de la verticale, il existe des directives universelles qui peuvent améliorer l’UX de n’importe quelle page de destination.

Pour vous aider à démarrer, nous avons divisé les éléments en quatre catégories principales qui sont essentielles à la fois à la convivialité et à la conversion :

1. Clarté
2. Des incitations
3. Points de frottement
4. Action

💡 Consultez notre liste de contrôle ci-dessous pour voir comment votre page de destination est à la hauteur :

1. Clarté

Clarté générale

Communiquez votre proposition de valeur

Les utilisateurs doivent immédiatement être en mesure de comprendre de quoi traite la page, en quoi elle leur est utile, et comment et pourquoi ils doivent agir.

Rendre les informations aussi scannables que possible

79 % des utilisateurs scannent le contenu, tandis que seulement 16 % lisent chaque mot. Une bonne règle de base est de ne pas faire plus de 3-4 lignes de paragraphe, avec des sous-titres descriptifs tous les 2 paragraphes. En fait, le Groupe Nielsen Norman ont constaté que la rédaction concise, scannable et objective entraînait une augmentation de 124 % de la convivialité.

Créez des titres qui attirent l’attention

Votre titre est la première chose que les utilisateurs voient lorsqu’ils arrivent sur votre page. Elle doit être claire, pertinente et toucher le principal avantage de votre offre. Il doit également répondre aux attentes de vos utilisateurs : s’ils sont arrivés sur votre page de destination à partir d’une annonce, assurez-vous que le message est cohérent.

Ne sous-estimez pas non plus le pouvoir des sous-titres. Par exemple, au lieu de simplement « Notre processus », essayez d’y intégrer un avantage : « Notre processus – Vous fait économiser X pour moins de Y et plus de Z ».

Énumérez clairement les détails à l’appui

Les listes à puces sont plus faciles à lire et à mémoriser que les paragraphes. Utilisez des listes pour les principaux avantages et fonctionnalités, ou toute autre information complémentaire importante pour la proposition de valeur.

Utilisez un langage que tout le monde peut comprendre

Le jargon, les superlatifs, le battage médiatique ou toute autre expression dénuée de sens doivent être évités. Non seulement ils sont difficiles à comprendre, mais ils apparaissent comme fantaisistes et indignes de confiance. En cas de doute, restez simple et direct !

Fournir des informations complètes

Toutes les informations essentielles nécessaires à la prise de décision doivent être traitées. Cela peut inclure des doutes ou des hésitations sur des éléments tels que les prix, l’expédition, les informations sur la politique de retour ou les garanties.

Clarté de conception

Faire une première impression positive

Les gens jugent rapidement et traitent les visuels beaucoup plus rapidement que le contenu écrit. Cela signifie que votre conception est essentielle à votre réputation ! Votre conception doit avoir l’air professionnelle, digne de confiance et non polluante.

Établir une hiérarchie visuelle forte

La chose la plus grande et/ou la plus proéminente sur votre page est-elle la plus importante ? Votre offre et votre appel à l’action doivent figurer en bonne place dans votre hiérarchie visuelle. Considérez la taille, le placement, la couleur et la position au-dessus ou au-dessous du pli.

Éviter les faux fonds

Les faux fonds se produisent lorsqu’il y a une illusion que la page est complète, bien qu’il y ait plus de contenu ci-dessous. Faites attention aux zones de votre page qui semblent être une fin logique et ajoutez des repères visuels. S’il est vrai que presque tout le monde défile, nous voulons nous assurer de les motiver à donjon défilement.

Utilisez des images, des vidéos, etc. de haute qualité.

Les photographies plus grandes que nature captent l’attention humaine, mais nous voulons nous assurer qu’elles communiquent la bonne histoire. Assurez-vous que vos images et vidéos sont de haute qualité pour créer une première impression positive et un sentiment de professionnalisme.

2. Incitations

Concentrez-vous sur l’utilisateur, pas sur votre produit

Montrez clairement les avantages que votre utilisateur obtiendra pour l’aider à comprendre pourquoi il doit agir. Par exemple, « Soyez en forme en 4 semaines » est une incitation plus forte que « Nous nous spécialisons dans l’entraînement cardio ».

Informez-vous sur les fonctionnalités et les avantages

Les fonctionnalités (spécifications techniques, détails, matériaux, composition, faits) sont importantes pour le contexte et la prise de décision, mais doivent être traduites en avantages (accessoires de valeur, argumentaires de vente, témoignages) afin de piloter votre offre.

En d’autres termes, les fonctionnalités raconter tandis que les avantages vendre. Éduquez sur les deux, mais trouvez un équilibre en fonction de ce qui résonnera le mieux avec votre public cible.

Soyez suffisamment persuasif

• Urgence: Utilisé pour donner aux gens un coup de pouce pour agir maintenant. Ex : « Offre à durée limitée » ou « 5 jours restants pour s’inscrire ! »
• La preuve sociale: Il s’agit de toute réclamation d’un tiers extérieur à l’entreprise qui est utilisée pour rationaliser les décisions. La preuve sociale est plus efficace lorsqu’elle est utilisée dans le contexte pour atténuer une friction ou un point douloureux. Ex : Témoignages, notes et avis, études de cas, icônes de sécurité, statistiques, données, etc.
• Rareté: Semblable à l’urgence, mais fait référence à un montant plutôt qu’à un temps. Les gens sont attirés par des choses qui semblent exclusives ou uniques. Ex : « 2 articles restants en stock » ou « Réservé 17 fois au cours des 6 dernières heures ! »
• Autorité: Des personnalités dignes de confiance vont très loin, c’est pourquoi tant d’entreprises utilisent des médecins, des célébrités ou des chefs célèbres pour approuver leurs produits. Ex : « 9 médecins sur 10 recommandent… »
• La réciprocité: Les gens sont plus enclins à acheter si vous leur donnez un cadeau. Ex : livraison gratuite, cadeaux, coupons/réductions, offres spéciales, etc.

3. Points de friction

Ne réinventez pas la roue

Les gens aiment faible complexité visuelle (faire simple) et haute prototypie (gardez la mise en page familière) !

Assurer la pertinence contextuelle

• Votre titre correspond-il au contenu de la page ?
• Les CTA correspondent-ils à la valeur qu’ils obtiennent ?
• Les images ou vidéos sont-elles pertinentes pour votre contenu ?
• D’où vient votre utilisateur ? S’ils proviennent d’une annonce display faisant la promotion d’un « essai gratuit », alors « essai gratuit » a intérêt à être promu sur votre page.

Répondre aux normes techniques

À l’ère du téléphone mobile, votre page doit être réactive et fonctionner sur plusieurs appareils.

De plus, il doit également fonctionner sur plusieurs navigateurs et se charger rapidement. Assurez-vous d’être minutieux avec votre QA ou effectuez une revue de votre page sur plusieurs appareils et navigateurs pour repérer les bogues ou les problèmes techniques.

Simplifiez les formulaires

Assurez-vous que votre formulaire ne demande que les questions nécessaires. Si vous demandez des informations sensibles et que les gens ont des doutes sur leur confidentialité ou leur sécurité, ils ne soumettront pas ce formulaire. Les messages de confirmation, la validation claire des erreurs et les étiquettes et microcopies intuitives sont également importants.

Abordez les doutes et les angoisses dès le départ

Assurez-vous de répondre aux craintes ou aux préoccupations que votre utilisateur pourrait avoir pour accomplir la tâche. Par exemple, vendez-vous un produit, mais n’offrez aucune information sur une politique de retour ou des garanties ? S’attaquer à ces points de friction et ne laisser aucune question sans réponse aide à apaiser les doutes et les peurs de votre utilisateur.

Évitez les distractions inutiles

• Les bannières clignotantes ou les curseurs automatiques attirent-ils l’attention ?
• Vous avez beaucoup d’informations sans rapport avec l’offre ?
• Y a-t-il des éléments qui ne contribuent pas à l’action souhaitée ?

Si la réponse est oui à l’une des questions ci-dessus, il y a de fortes chances que vous devriez envisager de faire quelques coupes.

Atténuer les problèmes d’accessibilité

• Utiliser un correcteur de contraste sur les couleurs du texte et du fond
• Évitez d’utiliser la couleur comme seul moyen de transmettre des informations
• Activer la navigation avec un clavier uniquement / sans utiliser de souris
• Faites en sorte que les éléments cliquables soient suffisamment grands (44×44 px est une bonne référence)
• Fournir des attributs Alt pour tout élément non textuel, tel que des images et des cartes
• Ajouter des sous-titres et des transcriptions pour l’audio et la vidéo

4. Action

Assurez-vous que la voie à suivre est extrêmement claire

Assurez-vous que vos CTA sont grands avec suffisamment d’espace blanc et de contraste visuel autour d’eux pour qu’ils se démarquent sur la page. Des icônes pertinentes peuvent également aider à attirer l’attention sur vos CTA.

Créer des chemins secondaires pour agir

Envisagez d’ajouter des chemins secondaires pour agir pour les visiteurs à différentes étapes (recherche, évaluation, etc.), mais n’oubliez pas votre hiérarchie visuelle. Les voies d’action secondaires doivent voir secondaire.

Étiquetez les boutons aussi efficacement que possible

En règle générale, vos étiquettes doivent terminer la déclaration « Je veux… ». Vous pouvez également utiliser la recherche de mots-clés, les tests d’utilisateurs et les enquêtes pour identifier un mot déclencheur à inclure dans votre CTA. Si vos utilisateurs recherchent une « tarification », le déclencheur serait la « tarification ». Il est également préférable d’éviter d’utiliser « Soumettre ». Les attentes sont vagues, et très peu de gens sont désireux de « Soumettre ».

Optimiser le parcours de conversion

Incorporez des « déclencheurs de clic » comme les incitations mentionnées ci-dessus pour ajouter de la motivation ou atténuer une peur ou une préoccupation. Par exemple, « Aucune carte de crédit requise » ou « Annuler à tout moment » peuvent contribuer grandement à atténuer l’anxiété, tandis que « Offre à durée limitée » ou « Seulement 1 en stock » ajoute un sentiment d’urgence.

💡 Votre page de destination a coché certaines cases, mais pas toutes. Maintenant quoi?

La clarté et la friction sont deux excellentes catégories pour commencer qui ont un potentiel de rendement élevé. Si vous cherchez un moyen plus systématique de hiérarchiser les choses, essayez d’utiliser ce système de classement en 5 points :

5 = Sévère; il s’agit d’un problème d’utilisation critique qui affecte la plupart des visiteurs ou qui a un impact potentiel élevé sur les revenus.

4 = Critique; il s’agit d’un problème d’utilisation critique qui peut ne pas affecter tous les visiteurs ou avoir un impact potentiel moindre sur les revenus.

3 = Principal; il s’agit d’un problème d’utilisation majeur qui peut ne pas affecter tous les visiteurs ou qui a un impact potentiel élevé sur les revenus.

2 = Mineure; il s’agit d’un problème d’utilisation mineur qui peut ne pas affecter de nombreux visiteurs ou avoir un impact potentiel moindre sur les revenus.

1 = Pintade; il s’agit d’un problème d’utilisation mineur avec une faible visibilité ou un faible impact potentiel sur les revenus, mais qui mérite quand même d’être résolu.

Que vous créiez de nouvelles pages de destination ou que vous en optimisiez d’anciennes, nous sommes là pour vous aider :

^Retour en haut

---

Inscrivez-vous à notre newsletter pour plus de messages comme celui-ci dans votre boîte de réception :