Heatmap (Carte de chaleur)
Définition
Une heatmap (ou carte de chaleur) est une représentation visuelle de l’activité des utilisateurs sur une page web. Elle superpose des zones de couleur — du bleu froid au rouge intense — aux éléments d’une interface pour montrer où les visiteurs cliquent, scrollent, hésitent ou abandonnent.
En e-commerce DTC, la heatmap ne montre pas seulement *où* les gens cliquent : elle révèle pourquoi une page convertit ou bloque. Trois types existent :
- Click heatmap : zones de clic réelles (y compris clics morts).
- Scroll heatmap : profondeur de défilement atteinte par les visiteurs.
- Move heatmap : mouvements de souris et temps d’arrêt.
Analogie
Imaginez un magasin physique équipé de capteurs thermiques au sol. Certains rayons attirent une foule compacte, d’autres restent glacials. La heatmap, c’est exactement cela pour votre site : une carte thermique du comportement client, sauf qu’elle est numérique, instantanée et mesurable.
Un fond rouge sur un bouton « Ajouter au panier » signifie que vos visiteurs le trouvent. Un fond bleu sur votre section « Livraison offerte » signifie qu’ils ne la voient jamais — ou qu’elle ne les intéresse pas.
Formule
Il n’existe pas de formule unique, mais les métriques clés se calculent ainsi :
Taux de clic (CTR) = (Nombre de clics sur l’élément / Nombre de visiteurs uniques) × 100 Profondeur de scroll = (Visiteurs ayant atteint la section / Visiteurs totaux) × 100 Taux de clic mort = (Clics sans action / Clics totaux) × 100
Exemple concret :
- 10 000 visiteurs uniques sur une page produit.
- 1 200 clics sur le bouton « Acheter » → CTR = 12 %.
- 4 500 visiteurs atteignent la section « Avis clients » → profondeur = 45 %.
- 300 clics sur une image non cliquable → taux de clic mort = 2,5 % des clics totaux.
Tableau comparatif
| Type de heatmap | Ce qu’elle mesure | Utilité DTC | Limite |
|---|---|---|---|
| Click heatmap | Clics réels et clics morts | Optimiser CTA, détecter frustrations | Ne montre pas l’intention |
| Scroll heatmap | Profondeur de défilement | Placer offres et preuves sociales | Ne dit pas si le contenu est lu |
| Move heatmap | Mouvements et arrêts souris | Comprendre l’attention visuelle | Moins fiable sur mobile |
| Rage click map | Clics répétés rapides | Identifier bugs ou promesses non tenues | Nécessite un volume élevé |
Application en DTC / e-commerce
1. Optimiser la fiche produit
Une marque de cosmétiques naturels remarque que 68 % des visiteurs ne scrollent pas jusqu’aux avis clients. Elle déplace les avis juste sous le prix. Résultat : +14 % de taux d’ajout au panier en 3 semaines.
2. Réduire le taux d’abandon panier
Sur un site de compléments alimentaires, la heatmap montre que 22 % des clics se concentrent sur « Code promo » — mais le champ est vide. La marque ajoute un code visible dès l’arrivée sur le panier. Taux de conversion panier : +9 %.
3. Détecter les clics morts
Un pure player de mode constate que 1 800 clics par mois visent une image de mannequin non cliquable. L’image devient un lien vers la collection. Temps passé sur le site : +11 %.
4. Prioriser les tests A/B
Au lieu de tester au hasard, la heatmap indique les zones à fort potentiel. Une marque de bijoux teste deux emplacements de bouton « Personnaliser » guidés par la heatmap. Le gagnant génère 23 % de clics en plus.
Common Mistakes (Erreurs fréquentes)
- Confondre clic et conversion. Un clic ne signifie pas un achat. Une heatmap rouge sur un bouton peut cacher un problème de prix ou de livraison.
- Ignorer le mobile. 70 à 80 % du trafic DTC vient du mobile. Une heatmap desktop seule est trompeuse.
- Surinterpréter les mouvements de souris. Sur mobile, il n’y a pas de souris. Utilisez le scroll et le tap.
- Négliger les clics morts. Ils sont souvent le signal n°1 d’une promesse non tenue ou d’un élément mal identifié.
- Analyser sans volume. En dessous de 1 000 visiteurs par page, les données sont peu fiables.
- Oublier le contexte. Une heatmap sans segmentation (source de trafic, device, pays) mène à des conclusions fausses.
Termes liés
- Scroll map : variante centrée sur la profondeur de défilement.
- Click map : carte des clics uniquement.
- Rage click : clics répétés et rapides, signe de frustration.
- Session replay : enregistrement vidéo du parcours utilisateur.
- A/B testing : test comparatif de deux versions d’une page.
- Taux de rebond : pourcentage de visiteurs quittant sans interaction.
- CTA (Call to Action) : bouton ou lien incitant à l’action.
- Funnel de conversion : étapes menant de la visite à l’achat.
En résumé
La heatmap est un diagnostic visuel indispensable pour tout site DTC. Elle ne remplace pas l’analyse quantitative, mais elle montre l’invisible : les hésitations, les frustrations et les opportunités manquées. Utilisez-la avec des données de conversion, segmentez par device et par source, et testez systématiquement. Une heatmap bien lue vaut souvent dix réunions stratégiques.