Apprendre / Guides / Le guide des heatmaps
Cas d’étude de Heatmaps
Les heatmaps représentent un outil puissant, mais vous n’avez pas à nous croire sur parole : voici une sélection de cas d’étude et d’exemples de réussite pour vous inspirer.
Inscrivez-vous gratuitement à Hotjar, ajoutez le code de suivi et commencez à utiliser les heatmaps pour améliorer votre site ou votre produit.
Une solution en 5 minutes qui améliore la conversion de 40 %
Le contexte : Taskworld est une solution de gestion de projet qui s’appuie sur sa page d’inscription pour convertir les prospects en utilisateurs et en clients. L’équipe souhaitait comprendre comment les utilisateurs interagissent avec la page et trouver des axes d’amélioration. Elle y a donc placé une heatmap :
Ce que l’analyse de la heatmap a révélé : la heatmap des clics a révélé trois problèmes. Pouvez-vous les identifier ?
Un CTA sous-utilisé : bien que la page s’adresse aux nouveaux utilisateurs en particulier, les visiteurs cliquaient moins souvent sur le CTA principal “s’inscrire” que sur le le lien “se connecter” (où se trouve la tache rouge, en bas)
Des abandons sur le champ : chacun des cinq champs obligatoires recevait progressivement moins d’attention, ce qui donnait aux utilisateurs plusieurs occasions d’abandonner la page avant de terminer le processus
Un blocage du fuseau horaire : le champ obligatoire “Sélectionnez un fuseau horaire” était ignoré
Résultats : en seulement 5 minutes, Taskworld a supprimé l’option “se connecter”, réorganisé la page autour d’un CTA et réduit les champs de cinq à UN seul : l’adresse e-mail. Le taux de conversion a ainsi grimpé de 40 % et les abandons en cours de processus ont baissé de 4,5 %.
...pas mal pour un travail de 5 minutes !
→ Lire le cas d’étude complet
Comment optimiser une page d'accueil pour les inscriptions
Le contexte : L’équipe de Bannersnack, un outil de conception de bannières en ligne, utilisait des outils d’analyse web (Google Analytics) pour suivre et mesurer le trafic, mais sans avoir d’idée très claire des interactions réelles des visiteurs avec le site web. Autrement dit, ils ne savaient pas par où commencer pour améliorer les conversions.
Ce que l’analyse de la heatmap a révélé : un ensemble de heatmaps placées sur la page d’accueil a montré que les internautes interagissaient davantage avec d’autres éléments de la page qu’avec le CTA principal :
Résultats : L’équipe a réalisé un test avec un bouton CTA plus grand et plus contrasté, ce qui a permis d’augmenter le nombre d’inscriptions de 25 %.
→ Lire l’article complet
Une amélioration des pages de destination grâce aux données et aux tests A / B
Le contexte : CCV Shop, basée aux Pays-Bas, crée et héberge des vitrines en ligne pour aider plus de 17 000 entrepreneurs à gérer leurs boutiques de e-commerce. CCV Shop génère des prospects via des pages de destination. L’équipe UX voulait donc mieux comprendre ses clients potentiels et apporter des changements basés sur les données pour augmenter les conversions.
Ce que l’analyse a révélé : CCV Shop a utilisé des heatmaps pour avoir un aperçu du comportement des clients sur les principales pages de destination : où ils cliquaient globalement, jusqu’où ils faisaient défiler la page et comment ils interagissaient avec les différents éléments de la page :
Ils ont associé les heatmaps à d’autres outils comportementaux, en particulier des enregistrements de session, pour vraiment zoomer sur le comportement individuel sur les pages de destination et obtenir un contexte plus clair du comportement qu’ils voyaient dans les heatmaps. Ils ont également commencé à voir de petits bugs et des problèmes à corriger.
Résultats : en combinant les informations obtenues à partir des heatmaps et d’autres sources, CCV Shop a pu formuler des hypothèses vérifiables, effectuer des tests A / B et mettre en œuvre des changements fructueux. Ils ont ainsi augmenté le taux de conversion sur leur site web de 38 %, passant de 1,3 % à 1,8 %, ce qui les a rapprochés de leur objectif de conversion de 2 %.
→ Lire l’article complet
Une augmentation de 63 % du taux de conversion mobile
Le contexte : L’agence digitale britannique Epiphany a été chargée d’améliorer le site web de son client Time4sleep, un détaillant en ligne de lits et de meubles de chambre à coucher avec plus de 200 000 sessions par mois et un large public mobile.
Ce que l’analyse a révélé : l’équipe a utilisé des heatmaps en combinaison avec d’autres outils, comme Google Analytics, Recordings et Polls (voir ci-dessous), pour dresser un tableau complet de la façon dont les visiteurs interagissaient avec le site web. Les données recueillies à partir de ces sources ont permis de formuler un diagnostic précis. Les pages de catégories existantes n’aidaient pas les visiteurs à trouver ce dont ils avaient besoin, et une nouvelle structure de page était nécessaire.
La heatmap de gauche montre à quoi ressemblait la page mobile des catégories. Vous voyez le changement progressif de couleur ? C’est la preuve que les internautes avaient tendance à faire défiler la page très loin, mais ce n’était pas une bonne chose. Les visiteurs faisaient défiler la page non pas parce qu’ils appréciaient le contenu, mais parce qu’ils ne trouvaient pas ce qu’ils cherchaient.
La heatmap a confirmé ce que les données provenant d’autres sources indiquaient à Epiphany, et l’équipe a réorganisé la page avec un nouveau système de filtrage en haut. C’est la heatmap à droite. Les visiteurs sont désormais beaucoup moins nombreux à faire beaucoup moins de gens font défiler la page vers le bas parce qu’ils trouvent ce dont ils ont besoin très rapidement en haut de la page.
Résultats : avec ce changement et d’autres qui impliquaient des équipes distinctes de SEO, de CRO, de design, de contenu et de relations publiques, Epiphany a testé différentes versions de la page et a réalisé une augmentation globale du taux de conversion de +19,7 %. Mais le véritable objectif était l’utilisation mobile. Et là, Epiphany a permis à Time4Sleep une augmentation impressionnante de + 63 % du taux de conversion mobile.
→ Lire l’article complet sur le blog de Hotjar