Heatmap (carte de chaleur)

Qu'est-ce qu'une heatmap ?

Une heatmap, ou carte de chaleur, est une couche graphique superposée à une page web qui montre comment les visiteurs interagissent avec elle. Les couleurs chaudes (rouge, orange) signalent les zones les plus actives, les couleurs froides (bleu, vert) celles où il se passe peu de choses. Au lieu de lire des tableaux de données, vous voyez d'un coup d'œil quels boutons attirent les clics, jusqu'où les internautes font défiler la page et quels contenus sont ignorés.

Les heatmaps sont un outil classique de l'UX design et de l'optimisation du taux de conversion. Elles n'expliquent pas pourquoi les visiteurs se comportent ainsi, mais elles indiquent où chercher les problèmes.

Les principaux types de heatmaps

• Heatmap de clics : enregistre chaque clic ou tap, y compris sur des éléments qui ne sont pas des liens.
• Heatmap de mouvements : suit la position du curseur sur ordinateur, un indicateur approximatif de l'attention.
• Heatmap de défilement : montre la part des visiteurs qui atteignent chaque zone de la page.
• Heatmap d'attention : mesure le temps pendant lequel chaque zone reste visible à l'écran.
• Heatmap d'eye-tracking : utilise un matériel spécialisé pour enregistrer où regardent réellement les personnes, surtout en laboratoire.

Comment fonctionne une heatmap

Un outil de heatmap ajoute un petit script à vos pages. Ce script enregistre les interactions de façon anonyme, puis agrège des milliers de sessions en une image par page et par type d'appareil.

<script async src='https://tracker.example.com/heatmap.js' data-site='VOTRE_ID_DE_SITE'></script>

Le résultat n'est fiable qu'avec assez de trafic. Quelques dizaines de sessions peuvent produire des schémas trompeurs : attendez plusieurs centaines de vues par appareil avant de tirer des conclusions.

Heatmap, enregistrement de sessions et analytics

Comment lire et exploiter une heatmap

• Commencez par les pages qui comptent le plus : page d'accueil, landing pages et tunnel de commande.
• Comparez séparément mobile et ordinateur, car les comportements diffèrent beaucoup.
• Cherchez les clics sur des éléments non cliquables : ils révèlent de fausses affordances.
• Vérifiez si l'appel à l'action principal se situe avant le point où la plupart des visiteurs arrêtent de défiler.
• Transformez chaque constat en hypothèse, puis validez-la par un test A/B.

Gardez en tête les limites : une heatmap montre ce qui se passe, pas pourquoi. Associez-la à des enregistrements de sessions ou à des entretiens utilisateurs, et vérifiez que votre suivi respecte les règles de consentement comme le RGPD.

La heatmap chez BeBranded

Chez BeBranded, nous utilisons les heatmaps lors des audits UX pour identifier ce qui bloque les visiteurs sur les pages clés, puis nous priorisons les changements susceptibles d'améliorer la conversion. Cette analyse fait partie de notre accompagnement en conseil.