Quels sont les différents types de heatmaps et comment les utiliser ?

Quand on parle de heatmap, on pense souvent à une seule image : un site recouvert de taches rouges et bleues. En réalité, il existe plusieurs types de heatmap, et chacun répond à une question différente. Choisir le mauvais, c’est un peu comme utiliser un thermomètre pour mesurer la pression : l’outil fonctionne, mais il ne vous dit pas ce que vous cherchez.

Voici un tour d’horizon complet : ce que montre chaque heatmap, quand l’utiliser, et comment la lire sans vous tromper.

Une heatmap, c’est quoi exactement ?

Une heatmap (ou carte de chaleur) est une représentation visuelle du comportement des visiteurs sur une page. Les couleurs chaudes (rouge, orange, jaune) indiquent une forte activité ; les couleurs froides (vert, bleu) une activité faible. L’outil agrège les actions de centaines de visiteurs pour faire ressortir des tendances que des chiffres seuls ne montrent pas.

Les 4 types de heatmap principaux

1. La heatmap de clics : savoir ce que les visiteurs touchent

Ce qu’elle montre : chaque clic (ou tap sur mobile) est enregistré et cumulé sur la page.

Quand l’utiliser : pour savoir si vos boutons, menus et liens sont vraiment utilisés, et repérer les clics « dans le vide » sur des éléments qui ne sont pas cliquables.

Comment la lire :

• Un bouton d’action peu cliqué est-il mal placé, mal libellé ou simplement peu utile ?
• Des clics répétés sur une image ou un titre signalent une attente déçue.
• Des liens du menu jamais utilisés sont des candidats à la suppression.

2. La heatmap de scroll : savoir jusqu’où les visiteurs descendent

Ce qu’elle montre : le pourcentage de visiteurs qui atteignent chaque zone de la page. La couleur passe progressivement du rouge (tout le monde voit) au bleu (presque personne n’arrive jusque-là).

Quand l’utiliser : sur les pages longues (pages de vente, articles de blog, fiches produits) pour vérifier que vos contenus clés sont vus.

Comment la lire :

• Repérez la chute brutale : une fausse fin de page (un bandeau, un grand espace blanc) peut faire croire aux visiteurs qu’il n’y a plus rien à lire.
• Si votre argument principal est situé après la chute, remontez-le.

3. La heatmap de mouvement : savoir où se porte l’attention

Ce qu’elle montre : les déplacements du curseur sur ordinateur. Beaucoup de visiteurs suivent des yeux ce qu’ils pointent avec la souris.

Quand l’utiliser : pour compléter une heatmap de clics et comprendre ce que les gens regardent avant de cliquer, ou ce qu’ils survolent sans oser cliquer.

Comment la lire : avec prudence. La corrélation entre la souris et le regard est réelle mais imparfaite. Servez-vous-en comme d’un indice, pas d’une preuve. Elle n’existe pas sur mobile, faute de curseur.

4. La heatmap d’attention : savoir où les visiteurs s’arrêtent

Ce qu’elle montre : le temps passé par zone de la page affichée à l’écran. Elle répond à la question « qu’est-ce qui retient réellement l’attention ? », y compris sur mobile.

Quand l’utiliser : pour évaluer l’intérêt réel d’un bloc de contenu (vidéo, avis clients, tableau comparatif) ou pour départager deux mises en page.

Comment la lire : une zone chaude indique que les visiteurs s’y arrêtent, mais pas qu’ils sont convaincus. Combinez-la avec le taux de conversion.

Selon les outils, la heatmap d’attention peut porter un autre nom ou ne pas exister. Adaptez cette section aux fonctionnalités réelles de votre SaaS.

Les analyses complémentaires à connaître

Ces fonctions ne sont pas toujours appelées « heatmaps », mais elles fonctionnent dans le même esprit et répondent à des besoins précis.

La carte des clics frustrés (rage clicks et clics morts)

Elle isole les clics répétés en rafale (rage clicks) ou sans effet (dead clicks). C’est un signal très fiable de friction : un bouton qui ne répond pas, un lien cassé, un élément qui ressemble à un bouton sans en être un.

L’analyse de formulaire

Elle montre, champ par champ, où les visiteurs hésitent, corrigent ou abandonnent. Précieuse pour les pages de paiement, d’inscription ou de demande de devis.

La heatmap mobile

Techniquement, ce n’est pas un type à part : c’est une heatmap de clics ou de scroll réalisée sur smartphone. Mais elle mérite sa propre analyse, car la mise en page, le geste (pouce) et la longueur de page changent tout.

Tableau récapitulatif : quel type pour quelle question ?

Type	Ce qu’il montre	Question à laquelle il répond	Pages idéales
Clics	Où l’on clique ou tape	Mes boutons sont-ils utilisés ?	Accueil, fiche produit, menu
Scroll	Jusqu’où l’on descend	Mon contenu clé est-il vu ?	Pages longues, articles
Mouvement	Où passe le curseur	Que regardent-ils avant d’agir ?	Pages de vente (ordinateur)
Attention	Où l’on s’arrête	Qu’est-ce qui retient l’attention ?	Pages clés, mobile compris
Clics frustrés	Rage clicks, clics morts	Où les visiteurs sont-ils bloqués ?	Tunnel d’achat, formulaires
Formulaire	Abandons par champ	Quel champ fait fuir ?	Paiement, inscription

Comment choisir le bon type de heatmap ?

Partez de votre question, pas de l’outil :

• « Mon bouton d’achat est-il vu ? » → scroll, puis clics.
• « Que cliquent mes visiteurs ? » → clics.
• « Jusqu’où lisent-ils mon article ? » → scroll.
• « Mon formulaire fait-il fuir ? » → analyse de formulaire.
• « Pourquoi mes visiteurs semblent-ils bloqués ? » → clics frustrés, complétés par l’enregistrement de sessions.

Comment lire les couleurs d’une heatmap

La convention est quasi universelle : rouge = très forte activité, orange et jaune = activité notable, vert = activité modérée, bleu = peu ou pas d’activité. Mais attention : les couleurs sont relatives à la page. Le rouge d’une page peu fréquentée ne vaut pas celui d’une page très visitée, et une zone bleue n’est pas forcément un problème si elle n’a pas vocation à être cliquée.

Combiner les types pour une analyse complète

Chaque heatmap n’est qu’un morceau du puzzle. La méthode la plus efficace :

1. Scroll : vos visiteurs voient-ils le contenu important ?
2. Clics : agissent-ils sur ce qu’ils voient ?
3. Clics frustrés : y a-t-il des obstacles ?
4. Enregistrement de sessions : que se passe-t-il dans les cas problématiques ?

Et n’oubliez pas de séparer ordinateur et mobile, et d’attendre un volume de visites suffisant avant de conclure.

Conclusion : le bon type de heatmap au bon moment

Il n’existe pas de « meilleure » heatmap, seulement la plus adaptée à votre question. Commencez par le scroll et les clics, qui couvrent l’essentiel des besoins, puis ajoutez les autres analyses quand une zone d’ombre persiste. Une fois la méthode installée, vos pages cessent d’être des suppositions : ce sont des hypothèses que vous pouvez vérifier.

FAQ

Quel est le type de heatmap le plus utile pour débuter ?

La heatmap de clics, associée à la heatmap de scroll. Elles répondent aux deux questions de base : que font les visiteurs, et voient-ils votre contenu ?

Quelle est la différence entre une heatmap de clics et une heatmap de mouvement ?

La première enregistre les actions (clics ou taps), la seconde le déplacement du curseur, sans clic. La seconde donne un indice d’attention, la première une preuve d’action.

Existe-t-il une heatmap de mouvement sur mobile ?

Non, faute de curseur. Sur mobile, on s’appuie sur les taps, le scroll et la heatmap d’attention.

Une heatmap remplace-t-elle un test A/B ?

Non. La heatmap aide à formuler des hypothèses, le test A/B permet de les valider.