Qu'est-ce que Heatmap et comment l'utiliser sur votre site Web ?

Publié: 2022-08-02

Que vous créiez une nouvelle page de destination, reconceviez votre site Web ou réaligniez votre contenu pour obtenir de meilleurs taux de conversion, vous avez besoin d'une feuille de route d'optimisation. Sans y avoir accès, vous feriez simplement des changements aléatoires et verriez ce qui fonctionne.

Alors que les analyses indiquent comment vos utilisateurs interagissent, les chiffres ne vous disent pas tout sur les visiteurs de votre site Web.

Si vous voulez connaître le POURQUOI et QUOI derrière ces interactions, vous devez analyser les cartes thermiques du site Web pour votre site.

Dans cet article, nous expliquerons ce que sont les cartes thermiques et comment les utiliser pour votre site Web.

Qu'est-ce qu'une carte thermique ?
Objectif d'une carte thermique de site Web
Types de carte thermique
Façons d'utiliser efficacement les cartes thermiques sur le site Web

Qu'est-ce qu'une carte thermique ?

Une carte thermique est une visualisation de données de la façon dont les visiteurs s'engagent et interagissent avec les différents éléments affichés sur votre site Web. Il vous donne un visuel bidimensionnel à code couleur de la façon dont les utilisateurs interagissent et offre des informations sur le comportement des utilisateurs.

Les cartes thermiques sont une excellente méthode pour convertir les données sur le comportement des utilisateurs en une analyse approfondie de la façon dont les visiteurs interagissent avec les pages de votre site Web. Il analyse :

  • Taux de défilement
  • Éléments sur lesquels on clique
  • Éléments ignorés
  • Éléments lus

Ces informations vous aideront à identifier l'impact de la mise en page et de la conception UX sur les actions d'un utilisateur et comment les améliorer ou les optimiser.

Objectif d'une carte thermique de site Web

Supposons qu'en tant que propriétaire de site Web DTC, votre site Web attire un millier de visiteurs par jour, avec environ 50 clients achetant vos produits. Pour le stratège marketing, afin de comprendre pourquoi les 950 visiteurs restants n'ont pas converti, ils doivent analyser les raisons qui ont poussé le client à rebondir sur le site.

Ces raisons peuvent être des difficultés de navigation sur le site Web, des descriptions de produits vagues, l'impossibilité de s'inscrire rapidement, etc. Mais, pour identifier une raison, vous devez avoir accès à un outil d'analyse efficace comme les cartes thermiques du site Web.

L'objectif principal des cartes thermiques est la représentation quantitative des clics des utilisateurs du site Web, des modèles de défilement, des mouvements de la souris, de la tache physique de l'œil et de sa durée, etc.

Une carte thermique permet également d'identifier les données démographiques de vos visiteurs. De cette façon, vous pouvez segmenter votre base de visiteurs et apporter les modifications pertinentes en conséquence.

Lorsqu'elles sont optimisées correctement, les cartes thermiques aident à redéfinir la conception globale de la page pour convaincre les visiteurs de prendre l'action souhaitée.

Types de carte thermique

Générées à l'aide d'un logiciel de suivi des clics, les cartes thermiques sont formées en convertissant les clics de souris et les mouvements du curseur de l'utilisateur en un visuel superposé 2D à code couleur.

Voici cinq types de cartes thermiques largement utilisés, chacun d'entre eux étant conçu pour suivre différents types de données.

Faire défiler les cartes

Une carte de défilement représente le point auquel vos visiteurs quittent le site Web lorsqu'ils parcourent et font défiler le contenu.

Faire défiler la carte thermique
Faire défiler la carte thermique

Il montre le pourcentage de profondeur de défilement, vous permettant de déterminer les sections où les visiteurs passent leur temps maximum.

De plus, il est tout à fait normal que quelques utilisateurs arrivent à la fin de la page car leur durée de rétention est faible. Pour le reconnaître, jetez un coup d'œil à ces informations, modifiez votre contenu et placez le bouton CTA de manière stratégique dans la première moitié de votre page.

Heatmaps de suivi de la souris

Les cartes thermiques de suivi de la souris montrent le modèle de la façon dont les utilisateurs lisent et naviguent sur une page. Il met en évidence les zones sur lesquelles les visiteurs survolent le plus.

Heatmap de suivi de la souris
Heatmap de suivi de la souris

Grâce à la carte thermique de suivi de la souris, vous pouvez déterminer quelle partie de votre site Web attire le plus l'attention et quelle partie est souvent négligée grâce à la représentation visuelle.

Cependant, gardez à l'esprit qu'un visiteur peut également survoler une section particulière pendant une longue période car il la trouve très attrayante ou trop difficile à comprendre dans un laps de temps plus court. Cela rend la corrélation entre le mouvement de la souris du visiteur et ce qu'il regarde réellement un peu encombré.

Cliquez sur les cartes

Cliquez sur Heatmap
Cliquez sur Heatmap

Les cartes de clics affichent les endroits où votre utilisateur clique le plus sur l'ensemble du site Web. Il vous offre une analyse approfondie de l'engagement des utilisateurs sur la page, de l'efficacité des images, des liens et des boutons cliquables sur votre site Web.

La représentation visuelle des données de clic sur les boutons CTA n'est pas la seule utilisation possible des cartes de clic. Ils vous aident également à rechercher des informations pour savoir s'il existe une image/un texte sur lequel les visiteurs s'attendaient à cliquer, mais qu'ils n'ont pas pu car ils ne sont pas cliquables.

Cartes thermiques de suivi des yeux

Carte thermique de suivi des yeux
Carte thermique de suivi des yeux

Comme leur nom l'indique, les cartes thermiques de suivi oculaire mesurent le mouvement des yeux de vos visiteurs et leur positionnement. Il analyse la durée de la stagnation de ses mouvements oculaires et signale à l'entreprise l'attractivité de cette section particulière.

Généralement étudiées en laboratoire à l'aide de dispositifs de suivi spéciaux, les cartes thermiques de suivi des yeux peuvent être réalisées via des webcams via le modèle de réflexion des rayons infrarouges.

Cependant, les cartes thermiques de suivi oculaire sont plus complexes (et coûteuses) à mettre en place en raison du logiciel et de la technologie impliqués. Et il est également difficile de générer des cartes thermiques de suivi oculaire pour un ensemble plus étendu en raison de son coût élevé.

Cartes thermiques d'attention générées par l'IA

Les cartes thermiques d'attention générées par l'IA représentent visuellement les données d'attention de l'utilisateur créées par un algorithme logiciel.

Ces cartes thermiques montrent quelles zones des supports visuels les gens sont plus susceptibles de voir. Grâce à son analyse prédictive basée sur la durée d'attention du visiteur, il représente les données avec une précision de 95 %.

Enfin, puisque vous n'avez pas besoin de collecter les données vous-même, il s'agit d'une option moins chère pour les spécialistes du marketing pour analyser le site Web d'un client potentiel et en tirer des informations.

Façons d'utiliser efficacement les cartes thermiques sur le site Web

Identifier les éléments distrayants

Les cartes thermiques identifieront potentiellement les éléments de vos sites Web avec les interactions les plus élevées et les plus faibles. Avec cette observation, vous pouvez supprimer ces éléments gênants afin que les visiteurs puissent entrer dans l'entonnoir de manière transparente et augmenter le taux de conversion.

Les cartes thermiques vous indiqueront également comment votre contenu doit être placé par rapport aux graphiques afin que les visiteurs comprennent vos offres et que les visuels attirent leur attention au lieu de sur-afficher le contenu.

Par exemple, si vous mélangez le contenu et les images sur votre site Web dans la même proportion, les gens pourraient être distraits et se concentrer davantage sur l'image. Cela conduit à une augmentation du taux de rebond car les visiteurs n'ont pas tenu compte du contenu.

Identifiez les clics de frustration

Les clics de rage/frustration se produisent lorsqu'un utilisateur clique à plusieurs reprises sur un élément, mais il ne répond pas selon ses attentes. Cela induit de la frustration chez les utilisateurs.

Aucune réponse immédiate ne fait basculer l'utilisateur vers un autre site car le présent site ne sert plus à rien par la suite. Il est donc essentiel d'identifier ces clics problématiques et d'éviter la frustration des utilisateurs.

Une carte thermique identifie ces clics de rage et vous montre un modèle de clic commun de votre public. En examinant cet aperçu, vous pouvez repérer les zones de clic de rage, corriger les bogues et modifier la conception pour la rendre plus présentable.

Amélioration de la lisibilité et de la longueur du contenu

Selon Nielson, les visiteurs passent plus de 80 % de leur temps sans rouler l'écran et seulement 20 % se concentrent sur le contenu en dessous. Cela signifie que vous devez illustrer toutes les informations critiques et accrocheuses au-dessus du pli pour maximiser son efficacité.

Les cartes de défilement sont un sauveur pour cela. Ils nous donnent un aperçu intéressant de savoir si le contenu est vu ou ignoré, et il montre également jusqu'à quel point le visiteur défile avant de partir.

S'il y a trop de peluches dans votre contenu ou s'il n'indique pas une action appropriée que votre visiteur doit entreprendre, il sautera et visitera un autre site. Assurez-vous que votre contenu est simple et précis, en accrochant le lecteur jusqu'à la fin.

Rationaliser la conception des pages en remplaçant les éléments morts

Qui ne veut pas que son site Web ait l'air tout à fait chic et attrayant ? Mais cela a un coût.

En raison de la haute résolution, la plupart des éléments Web réduisent les performances du site Web en termes de chargement des feuilles de page. Il est préférable de garder une poignée d'éléments qui dérangent le public et de supprimer le reste.

Heat Maps identifie les «éléments morts» qui ne reçoivent aucune attention, et vous pouvez envisager de les remplacer par une option plus efficace et d'optimiser la conception de votre page Web.

Comprendre l'intention de l'utilisateur

Les cartes thermiques vous offrent une excellente occasion de comprendre le comportement de vos visiteurs. Avec cela, vous pouvez déterminer sur quelle partie de la page vos visiteurs se concentrent le plus et ce qui les fait s'y tenir.

Pour amplifier l'intention de l'utilisateur, vous devez ajuster votre site Web en fonction du menu, filtrer les options avec lesquelles vos visiteurs interagissent et les placer en premier pour maximiser l'intention de l'utilisateur.

Cela amplifiera l'engagement et réduira les taux de rebond, garantissant que les visiteurs entrent dans la dernière étape de l'entonnoir et achètent vos offres.

Conclusion

Maintenant que vous savez ce qu'est une carte thermique de site Web et comment l'utiliser efficacement, utilisez-la pour prendre des décisions éclairées et basées sur des données pour la mise à jour ou la conception de votre site Web.

Avant de faire cela, comprenez les données que représente chaque carte thermique et choisissez une carte thermique appropriée. Assurez-vous de ne pas être submergé par les informations variées représentées par une carte thermique. Respectez simplement vos KPI et analysez les performances de votre site Web en conséquence.

FAQ

Comment utiliser la carte thermique pour mon site Web ?

Vous pouvez utiliser une carte thermique sur votre site Web pour comprendre comment vos utilisateurs interagissent avec votre site Web.

Quel type de données est le mieux visualisé avec une carte thermique ?

Si vous souhaitez afficher des emplacements ou des cibles, une carte thermique est un excellent moyen de le visualiser.