Création de sites, développement web

3 tests rapides pour s’assurer que votre page d’accueil est claire pour l’internaute

page d'accueil clair

Votre page de destination passe-t-elle ce contrôle en 3 étapes ?

Tout commence par un objectif. Votre entreprise veut vendre son nouveau sac banane. Pratique, fonctionnel et élégant : ce sac a tout pour plaire. Plutôt que de faire la terrible erreur d’envoyer tout votre trafic sur votre site web, vous commencez à construire une page de destination.

La création d’une nouvelle page peut cependant se transformer en un processus compliqué. Votre patron n’aime pas la « vibe » de la vidéo de démonstration. Le service juridique a le Bureau des sacs banane qui lui souffle dans le cou à propos des allégations dans votre copie. Votre mère pense vraiment que votre titre n’est pas assez drôle. Le concepteur du sac banane a vraiment besoin que vous incluiez toutes les spécifications sur les fermetures éclair suédoises impeccables.

Si vous êtes un concepteur de pages d’atterrissage, vous avez probablement déjà vu tout cela.

C’est le cas.

Après tant de révisions, vous avez peut-être perdu de vue votre objectif : vendre des sacs banane. Comment savoir ce qu’il faut changer et éliminer ?

J’ai imaginé 3 tests rapides et faciles qui vous aideront à savoir si votre page est vraiment optimisée pour la clarté.

#1 Le strabisme

Il est vraiment facile de se perdre dans les détails d’une page, surtout lorsque vous passez du temps sur des éléments de design personnalisés. Après une tonne de révisions, comment pouvez-vous savoir si votre page est claire ? Pliez les yeux.

C’est le moyen le plus rapide de savoir si quelque chose est trop gros ou si votre CTA est écrasée par autre chose. Ce que fait le fait de loucher est de tout estomper en formes générales et de vous permettre de voir ce qui semble être le plus important. Voici les deux choses que vous devez vraiment vérifier :

Si vous répondez oui à l’une de ces questions, alors vous avez un problème. Cela signifie que vous avez trop d’éléments qui sont en concurrence pour votre attention. Cela peut entraîner une certaine confusion pour l’utilisateur. S’ils ne trouvent pas la CTA, comment sont-ils censés se convertir ?

Pour les besoins, je vais recréer le même effet dans photoshop pour que nous puissions regarder quelques exemples.

Kareo fait en fait un assez bon travail en rendant visible son titre sombre et gras. Le hero shot fait un peu concurrence à cause du cadre noir de l’iPad, mais puisqu’il met en avant le produit DSE réel, cela ne me dérange pas trop.

Ce qui me dérange, c’est le fait que leur CTA disparaît. Il ressort encore moins que les champs de formulaire, qui ont au moins le bénéfice de leurs astérisques rouges. Quand on louche, la CTA se transforme soudain en champ de formulaire facultatif. Pas terrible.

Le bouton qui ressort de l’écran n’est pas le même que celui de la page d’accueil.

Le bouton qui ressort effectivement est le bouton « Sign In » en haut à droite, suivi de ces autres liens de site bleus. Ce n’est PAS ce que vous voulez ! Ces trois éléments bleus sont des fuites de votre page de destination et conduisent à zéro conversion. De plus, cette page de destination n’apparaît même pas lorsque vous recherchez le nom de l’entreprise, alors pourquoi mettez-vous un lien d’inscription ?

Voici un concurrent qui fait bien les choses :

Ce n’est que la moitié supérieure de la page de destination d’Athena, mais il y a une hiérarchie très claire dans leurs éléments. Le titre est la plus grande copie de la page, la tarification est en gras, grande et facile à trouver, et les boutons CTA sont jaunes vif. Il est facile d’identifier les informations les plus importantes.

Vos éléments les plus importants sont-ils à la hauteur de leur rôle ? Pliez les yeux et découvrez-le !

page d'accueil

#2 Flash de cinq secondes

Chaque fois que j’arrive dans une chambre d’hôtel, je suis généralement épuisé par le vol ou le trajet en voiture. Tout ce que je veux faire, c’est m’écraser sur le lit et allumer la télévision.

Je pourrais utiliser la chaîne TV Guide pour trouver quelque chose à regarder, mais je suis presque sûr que le texte avance plus lentement que le générique de Star Wars. Je vais donc prendre le risque de commencer à surfer sur les chaînes à la place.

Il y a un risque à prendre.

Combien de temps passez-vous honnêtement à regarder chaque émission pour décider si elle vaut votre temps ? Il peut y avoir des trucs géniaux à l’affiche, mais ça n’attire pas votre attention très rapidement, ça n’aura pas d’autre chance à moins que vous ne repassiez par là (il se peut que ce soit une nuit terrible pour la télévision).

Les landing pages sont jugées de la même manière, sauf qu’au lieu d’être un remède à l’ennui, c’est la solution pour tout ce que vous avez tapé sur Google. Vous avez quelques secondes pour garder cette personne sur votre page. Est-ce que vous transmettez même ce qu’est votre produit ou service ?

Usabilityhub a créé un moyen vraiment cool de mettre votre page à l’épreuve du retournement de chaîne. Après vous êtes inscrit, vous pourrez télécharger votre page et poser une question. La page sera ensuite montrée à un utilisateur aléatoire pendant cinq secondes, et on lui posera ensuite une série de questions que vous avez mises. Essayez-le ici.

C’est un moyen infaillible de déterminer si votre page de destination a du sens ou non. Vous pouvez essayer cette même approche avec vos amis, votre famille ou vos collègues de travail. Préparez vos questions et faites le test pour identifier vos plus grandes faiblesses !

#3 Dessinez votre chemin

Mon professeur de design préféré m’a dit un jour que tout design est une histoire. Il y a un début, un milieu et une fin, et tout doit être dans le bon ordre. Tout cela s’applique également à votre page de destination.

Vous présentez le problème ou le point de douleur, puis vous proposez une solution ? Est-ce que l’ordre de vos éléments a du sens et est-ce que tout est facile à lire ? Toute sorte de confusion sur ce qu’il faut lire ensuite ou où aller va causer des frictions pour votre lecteur et le faire rebondir rapidement.

Il a récemment publié un excellent post sur la hiérarchie visuelle dans la conception web. Il identifie deux modèles différents pour l’organisation du contenu : F et Z.

Les deux suivent le concept que nous, en tant que culture occidentale, lisons de gauche à droite. Ainsi, votre  » histoire  » doit suivre l’un de ces schémas, avec vos informations importantes à gauche et en créant un chemin vers votre CTA.

Esquissez la mise en page de votre page d’atterrissage ou imprimez une vignette. Demandez aux gens de dessiner le « chemin » de votre page au-dessus de votre capture d’écran, ou prenez un logiciel de cartographie thermique comme Crazy Egg pour faire un tour. S’il y a une section où votre flux est interrompu, vous pouvez dire au revoir à vos visiteurs.

Allez-y et testez !

Ces trois tests sont super efficaces pour mettre en évidence ce qui fonctionne, et ce qui chasse vos prospects. Si vous les utilisez tous les trois, je peux vous garantir que vous trouverez des problèmes à corriger, ou au moins de nouvelles idées à tester.

À Lire aussi
Création de sites, développement web

Sitew, le service de création de sites Web vitrine

Création de sites, développement web

Comment tirer le meilleur parti de votre page d'accueil sur la plomberie, le chauffage, la ventilation et la climatisation

Création de sites, développement web

7 Options de création de sites web de commerce électronique les plus conviviales

Création de sites, développement web

Comment améliorer la concordance des messages de votre page d'accueil

Inscrivez-vous à notre newsletter et restez informé des actualités du site.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.