Comment concevoir des liens et des CTA infaillibles

Avez-vous déjà regardé les statistiques de votre site Web et vous êtes-vous demandé : « Pourquoi les gens ne vont-ils pas où je veux qu'ils aillent ? »

Pourquoi ne visitent-ils pas vos pages produits ? Pourquoi ne font-ils aucun achat ?

Dans cet article, je partagerai quelques conseils d'experts qui pourraient vous aider à contrôler la progression des visiteurs sur votre site Web.

Identifiez le problème

Nous devons d'abord identifier quel pourrait être le problème. Des outils utiles tels que Google Analytics peuvent vous donner beaucoup d'informations statistiques sur votre site, mais j'ai trouvé que des outils plus visuels, tels que Crazy Egg, Heatmap.com et Inspectlet, peuvent vraiment vous aider à identifier précisément où les problèmes dans votre mensonge du site.

Avoir un cadre de référence visuel comme une carte thermique peut vous montrer instantanément ce qui attire l'attention de votre public. C'est particulièrement utile lorsqu'il est associé à une carte de défilement, qui peut vous indiquer jusqu'où les visiteurs de votre page regardent ! Parfois, les problèmes peuvent être rapides et faciles à corriger, mais parfois ce n'est pas si clair. Espérons que ces conseils vous aideront à améliorer votre site et à atteindre davantage vos objectifs.

Solutions

Clarté

Aussi stupide que cela puisse paraître, le problème peut parfois être aussi simple que les clients ne sachant pas d'un coup d'œil ce qui constitue un lien et ce qui ne l'est pas. Bien que cela puisse sembler évident pour vous-même et pour les autres, nous devons nous rappeler que tout le monde fonctionne différemment et qu'ils peuvent voir votre site Web différemment de la façon dont vous le voyez.

Par exemple, les images promotionnelles sur votre site peuvent rendre difficile la détermination de l'endroit où vos visiteurs sont censés cliquer. C'est un problème très courant sur des sites comme downloads.cnet et filehippo.com :

Download.cnet.com est tout aussi mauvais que filehippo pour cela. Avez-vous d'abord vu le lien de téléchargement ou la grande bannière orange et bleu vif en haut de la page ? Dans ce cas, cela vous conduirait simplement au site Web de l'entreprise, mais un autre pourrait vous conduire n'importe où.

Comment pourraient-ils résoudre ce problème ? Le simple fait de le rendre plus clair résoudrait instantanément ce problème. Ils doivent dissocier leurs liens des publicités qui tentent d'induire les gens en erreur. Une solution pourrait consister à ajouter une grande bordure flagrante autour du titre et du lien de téléchargement ultérieur, ou même une couleur d'arrière-plan et un espacement complets pour mettre davantage l'accent sur le titre et le lien de téléchargement. Même quelque chose d'aussi simple qu'une flèche pointant vers le lien de téléchargement ferait des merveilles ! Juste n'importe quoi pour que leur lien se démarque rapidement des autres et ainsi réduire les "clics manqués".

Style

Un autre problème pourrait être le style de vos liens et CTA. Maintenant, il n'y a pas de bien ou de mal en matière de style. Tout dépend de ce qui fonctionne avec votre conception et votre site Web et de ce qui vous semble le mieux, ainsi que de ce qui fonctionne le mieux pour votre public.

Cela dit, vous avez peut-être remarqué au cours des dernières années une forte augmentation de gros boutons lumineux dans de vastes océans d'« espaces blancs ». Il y a une très bonne raison à cette tendance. Les recherches et les statistiques montrent que les visiteurs sont plus susceptibles de s'engager avec ce type de liens, peut-être plus que d'autres variantes :

Mais pourquoi est-ce? Pourquoi sommes-nous, en tant qu'utilisateurs, attirés par des sites avec très peu d'éléments avec lesquels interagir, plutôt qu'un site Web avec beaucoup de pistes et de liens à explorer ?

C'est simple : non seulement cela élimine tout encombrement, mais le style rend très simple et évident ce qui est cliquable et ce qui n'est pas cliquable. Les CTA et les boutons S'inscrire / Se connecter attirent notre attention et nous invitent à cliquer dessus.

Mais cela signifie-t-il que tous nos liens doivent être de gros boutons lumineux ?

Pas du tout. Nous voulons seulement mettre en évidence nos « appels à l'action », c'est-à-dire nos liens avec lesquels nous voulons que nos visiteurs s'engagent - quelque chose, pensons-nous, qui leur sera bénéfique et à nous d'une certaine manière, comme une page de vente promotionnelle ou les dernières nouvelles histoire.

Pour revenir à l'exemple de PayPal, vous pouvez utiliser des liens en texte brut pour des liens plus standard ou moins importants, tant qu'ils sont toujours très clairement des liens vers quelque chose. Autrefois, cela était toujours indiqué par du texte souligné, et nous pouvons encore l'utiliser aujourd'hui tant qu'il correspond au design - bien que certaines personnes pensent que les liens soulignés ont peu de place dans le design moderne.

Par exemple, regardez le texte sous le lien « En savoir plus » de PayPal, « Vous n'êtes pas un client PayPal ? Commencer. ” En enhardissant simplement ces deux derniers mots, l'attention des visiteurs est attirée et ils sont subtilement encouragés à interagir. « Ce texte est différent », pensent-ils. « Y a-t-il quelque chose ? Pourquoi ce morceau est-il en gras et le reste ne l'est pas ? » Cela invite l'utilisateur à survoler celui-ci et à découvrir qu'il s'agit d'un lien !

C'est une différence simple, mais dans un monde où nous devons nous battre pour chaque seconde d'attention de l'utilisateur, c'est une différence qui peut se traduire par un clic, et elle peut être si facile à mettre en œuvre. Voyez ce qui fonctionne le mieux pour votre site Web et votre clientèle.

Emplacement à l'écran

Les utilisateurs ont si peu de temps à consacrer à parcourir un site à la recherche d'un lien, et plus de temps perdu entraînera un plus grand nombre de personnes quittant votre site. Alors, comment pouvons-nous éviter cela? Encore une fois, nous faisons simplement en sorte que les utilisateurs puissent identifier les liens aussi facilement que possible.

Les scrollmaps peuvent être d'une grande aide ici. D'après mon expérience, presque tous les visiteurs d'une page verront le tout en haut de la page, mais moins de 20% des personnes feront défiler jusqu'en bas – encore plus bas pour les pages plus longues. Pourtant, plus de 80% verront les premiers 50% de la page.

Les tailles d'écran jouent un grand rôle à cet égard, aux côtés des résolutions d'écran et de la taille de l'appareil. Cependant, cela signifie que tout ce qui se trouve sous le bas de l'écran ne sera probablement pas vu par vos visiteurs. Donc, idéalement, nous voulons nous assurer que nos précieux CTA sont bien placés sur la page. Problème résolu, non ?

C'est une bonne chose à considérer comme règle empirique, et cela fonctionne particulièrement bien pour les produits uniques et les promotions. Mais qu'en est-il lorsque vous comparez les résultats de recherche d'un produit par exemple ? Vous allez avoir de nombreux objets qui se battent pour attirer l'attention du visiteur.

C'est là que vous devrez combiner les trois éléments dans votre conception : la clarté, le style et l'emplacement. L'essentiel à retenir est que s'il y a trop d'informations à l'écran, l'utilisateur se désintéressera rapidement. Si vous avez beaucoup de produits à afficher, vous voulez leur donner le minimum d'informations que vous pouvez vous permettre de donner - idéalement le titre, le prix et un CTA "Plus d'informations / acheter maintenant".

C'est à vous de décider quoi d'autre à inclure. Mais pour de bons exemples de design, regardez les grands sites de supermarchés comme Tesco :

Une simple recherche de « pain » donne des centaines de produits différents, mais Tesco a laissé à tous les produits suffisamment d'espace pour respirer et a simplifié le processus d'achat en « Quantité ? » et ajouter".

Vous remarquerez peut-être également que les boutons suivent toutes les règles : ils sont clairs, ils sont joliment espacés et stylisés, et ils apparaissent logiquement sur la grille, sous le produit et toute description qu'il pourrait avoir.

Recherchez d'autres exemples pour voir ce que font les grands sites de commerce électronique lorsqu'il s'agit de présenter plusieurs CTA, vous pourriez être surpris par ce que vous trouverez !

Résumé

J'espère que ce blog vous a donné un aperçu du genre d'astuces simples qui peuvent vraiment aider à augmenter le succès de votre site Web. En résumé, ce que vous devez retenir lors de la création de vos liens et CTA est :

• Clarté . Assurez-vous que vos CTA se démarquent de tout le reste de la page, surtout s'il y aura d'autres liens et boutons qui pourraient prêter à confusion. Vous devriez être capable de distinguer le vrai du faux instantanément.

• Style. Les gens sont attirés par les gros boutons lumineux et nous sommes attirés par les grands champs de texte qui retiennent notre attention. Moins l'utilisateur doit faire d'efforts pour identifier un lien ou un bouton, plus il est susceptible de cliquer dessus. Cela s'applique aux liens plus petits et moins importants - vous ne voulez jamais perdre un lien dans le texte ou dans une image, alors définissez des directives strictes quant à la façon dont vous concevez vos liens et CTA. Utilisez des polices en gras, des couleurs différentes ou autre chose pour mettre en évidence et distinguer vos éléments cliquables de vos éléments non cliquables. Assurez-vous simplement qu'ils sont utilisés de manière cohérente. De même, assurez-vous qu'aucune de vos images n'intègre ces éléments, sauf si vous avez une très bonne raison de le faire.

• Emplacement, emplacement, emplacement . L'endroit où vous placez vos liens et vos CTA est important. Si votre lien « Acheter maintenant » très précieux et important ne s'affiche pas au-dessus de la ligne de flottaison pour quelqu'un, il y a moins de 50 % de chances qu'un client clique dessus, car moins de 50 % des utilisateurs feront défiler vers le bas.

J'espère que ce conseil vous aidera ! N'oubliez pas de toujours chercher autour de vous et de voir ce que les autres font pour résoudre ce problème, et comparez leur site au vôtre pour voir où et comment le vôtre pourrait être encore amélioré.