Heatmaps et enregistrements de session : CRO ecommerce
Heatmaps ecommerce et CRO : ce que chaque carte répond vraiment, le piège de l'échantillonnage et les obligations de confidentialité.
Dans cet article
J’ai ouvert les enregistrements d’un client pour regarder cinq minutes et j’en suis ressorti quarante minutes plus tard. J’avais vu des gens hésiter, revenir en arrière, abandonner le panier. Sensation nette d’avoir compris quelque chose, zéro action notée. C’est ça, le piège. Ces outils te rapprochent de l’utilisateur comme aucun tableau d’Analytics, et cette proximité passe pour une preuve.
Voici comment je les utilise aujourd’hui, après avoir perdu pas mal d’après-midis comme ça. La position courte : heatmaps et enregistrements relèvent du qualitatif. Ils produisent des hypothèses. Ils ne valident rien, et ne le peuvent pas : tu regardes une poignée de sessions sans groupe de contrôle. Leur force, c’est de te dire où regarder.
En 30 secondes :
- Heatmaps et enregistrements produisent des hypothèses, pas des conclusions. Toute phrase commençant par « les données prouvent » et finissant sur un enregistrement est mal construite.
- Chaque artefact répond à une question différente : le défilement dit si ton contenu clé passe sous la ligne de flottaison, les clics si un élément est touché, l’attention où le temps s’arrête.
- Regarder dix enregistrements et en conclure quelque chose, c’est un échantillonnage biaisé : tu as choisi le filtre et ta mémoire retient les sessions spectaculaires.
- Entre toujours avec une question écrite et une limite de temps. Parcourir des enregistrements sans question, c’est du loisir.
- Enregistrer des sessions, c’est traiter des données personnelles : consentement préalable, masquage des formulaires, durée de conservation définie.
À quoi répond vraiment une heatmap, et à quoi non ?
Elle répond à des questions d’existence, pas de cause. Elle sait si un élément reçoit des clics, jusqu’où les gens descendent, où le temps s’arrête. Pas pourquoi. Ça paraît évident, et pourtant la moitié des rapports CRO que j’ai relus l’ignorent dès le premier paragraphe.
Microsoft décrit la carte des clics comme une aide pour comprendre le contenu critique de la page et identifier les parties du design que l’utilisateur confond avec des liens. C’est la seconde partie qui m’a le plus rapporté en ecommerce : les gens touchent des images qui ne zooment pas, le prix en attendant quelque chose, les badges de confiance. La même page documente les clics morts, sans effet, et les clics de rage, quand quelqu’un insiste vite au même endroit.
La carte de défilement couvre une autre question. Microsoft la présente comme un moyen de déterminer la longueur idéale de page et de voir jusqu’où descendent tes utilisateurs, en ajoutant qu’elle aide à savoir s’ils voient le contenu le plus important. Elle dessine aussi la ligne de flottaison moyenne. Sur une fiche longue, ça vaut de l’or : ta politique de retours tombe-t-elle là où personne n’arrive ?
La troisième, la carte d’attention, est la plus mal lue. Elle sert à savoir sur quelles parties de la page les utilisateurs passent le plus de temps. Le temps n’est pas l’intérêt. Ça peut être de la confusion : j’ai vu des zones chaudes qui n’étaient qu’un guide des tailles illisible sur mobile.
| Artefact | Question à laquelle il répond correctement | Question à laquelle il ne peut pas répondre |
|---|---|---|
| Carte des clics | Cet élément est-il touché ? Quelque chose ressemble-t-il à un lien sans en être un ? | Pourquoi le touchent-ils ? |
| Clics morts et de rage | Quelque chose est-il cassé ou faussement interactif ? | Combien ça coûte ? |
| Carte de défilement | Les gens atteignent-ils livraison, taille, bouton ? | Le lisent-ils ? |
| Carte d’attention | Où le temps s’arrête-t-il ? | Avec quelle intention ? |
| Enregistrement de session | Sur quelle étape précise cette personne bloque-t-elle ? | Est-ce général ? |
Pourquoi un enregistrement ne valide-t-il pas une hypothèse ?
Parce qu’il n’y a pas de groupe de contrôle et que l’échantillon, c’est toi qui l’as choisi. Tu filtres sur « sessions avec clic de rage au checkout », tu en regardes huit, et tu as fabriqué à la main un lot de cas extrêmes. Tu trouveras de la friction, garanti. Ce que tu ne sais pas, c’est quelle part de ton trafic la subit ni si la corriger change quelque chose.
Un détail technique mérite d’être clair. Les enregistrements ne sont pas de la vidéo : Clarity reconstruit le DOM et les actions de l’utilisateur pour produire une animation, et prévient qu’il suit toutes les sessions mais que les enregistrements peuvent manquer. Ce que tu vois est déjà filtré avant que tu ne filtres.
Reste le biais dont personne ne parle, le tien. Combien des quinze enregistrements vus hier te reste-t-il en tête ? Les deux bizarres. Les treize autres, où rien ne s’est passé, tu les as oubliés, et ce sont eux qui font la majorité de ton trafic.
C’est pour ça que l’étape suivante est quantitative, jamais une décision directe. Si tu as le volume, un test A/B bien monté transforme le soupçon en donnée. Sinon, et la plupart des petites boutiques n’ont pas ce volume, le guide d’optimisation avec peu de trafic couvre ce cas, qui n’est pas de faire comme si l’enregistrement suffisait.
Comment regarder des enregistrements sans y perdre l’après-midi ?
Avec une question écrite avant d’ouvrir l’outil. C’est la seule vraie différence entre chercher et perdre l’après-midi. Voici comment je procède, et l’ordre compte : chaque étape contraint la suivante.
- Écris la question en une phrase. « Pourquoi ceux qui ajoutent au panier depuis la liste n’arrivent-ils pas au checkout ? » marche. « Je veux comprendre les utilisateurs » non.
- Traduis la question en filtre. Page, appareil, événement, segment. Sinon, elle est encore trop vague.
- Fixe la taille avant de commencer. Quinze sessions ou trente minutes. Sans limite, il y en a toujours une autre.
- Note uniquement des faits observables. « A cliqué trois fois sur l’image et elle n’a pas zoomé » est un fait vérifiable en rouvrant la session ; « était frustré » est ton interprétation, invérifiable. Écris le fait.
- Compte les fréquences. Sur quinze sessions, dans combien est-ce arrivé. Onze, c’est un motif. Deux, c’est du bruit.
- Termine par une hypothèse, ou abandonne. Sans résultat écrit, la session n’a pas eu lieu.
Un avertissement : rien n’est conservé indéfiniment. Clarity indique que les données restent accessibles à l’administrateur jusqu’à 30 jours après l’enregistrement, et les cartes de chaleur neuf mois. Tu repères quelque chose d’étrange un mardi, tu remets à plus tard, et ce n’est peut-être plus là.
Quelles pages instrumenter en premier sur un ecommerce ?
Fiche produit, panier et chaque étape du checkout, dans cet ordre. Pas parce qu’elles sont les plus visitées, mais parce que la friction y a un prix immédiat. Un doute sur un article de blog coûte une visite. À l’étape de livraison, la commande.
Sur la fiche produit, je regarde trois choses : si le défilement met livraison et retours hors de portée, s’il y a des clics morts sur les images ou les variantes, et si l’attention chauffe là où tu ne l’attendais pas. Les correctifs sont dans mes 19 idées pour optimiser la page produit.
Le panier et le checkout appellent les enregistrements plus que les cartes, parce que le problème n’est presque jamais visuel : un champ qui refuse le format du téléphone, un code promo qui ne s’applique pas, un paiement qui traîne. La valeur, c’est de voir l’étape précise où ça casse, et les correctifs sont dans mes 20 idées pour optimiser le checkout. Ne compare jamais une carte desktop et une carte mobile : la ligne de flottaison est ailleurs et un pouce n’est pas une souris, ce que je couvre dans le CRO mobile.
Comment passer d’une observation à une hypothèse testable ?
Avec un modèle ennuyeux, toujours le même. Parce que X, nous pensons que changer Y fera bouger Z dans ce sens, et nous le saurons en mesurant W. Ça fait devoir d’école. Ça marche parce que ça sépare ce que tu as vu de ce que tu crois, là où s’effondrent la plupart des rapports.
Un exemple de structure, sans chiffres inventés : « Parce que le défilement place la politique de retours sous le point atteint par la majorité sur mobile, et parce que dans onze enregistrements sur quinze l’utilisateur est remonté chercher quelque chose, nous pensons que la déplacer près du bouton d’achat réduira l’abandon. Mesure : le taux d’ajout au panier sur mobile. »
Remarque que l’observation vient de deux sources. C’est ce qui change le plus la qualité d’une hypothèse. Une carte dit où, un enregistrement comment, un sondage pourquoi. Pour ce troisième pied, j’ai un article sur les sondages en CRO.
Avant tout ça, je préfère passer la page par une revue structurée. L’analyse heuristique en CRO trouve souvent en vingt minutes la moitié des problèmes que tu confirmerais en deux heures d’enregistrements. Si tu veux le cadre complet avant de toucher aux outils, le guide du CRO pour ecommerce est le point de départ.
Qu’impose la confidentialité quand tu enregistres des sessions ?
Demander le consentement avant, masquer ce qui est sensible, supprimer à temps. Presque tout le contenu sur les heatmaps saute cette partie, et c’est celle qui peut te coûter de l’argent. Un enregistrement capture ce qu’une personne tape, hésite à écrire, corrige. C’est un traitement de données personnelles, pas de l’analytics agrégé.
L’AEPD, l’autorité espagnole de protection des données, a publié un guide sur les cookies des outils de mesure d’audience détaillant les mesures strictement nécessaires, donc exemptées de consentement : audience page par page, référent, type d’appareil, temps de chargement, temps passé, taux de rebond, profondeur de défilement, statistiques de clics, agrégés quotidiennement. Tout traitement au-delà exige le consentement pour être licite. Rejouer une session individuelle n’y figure pas.
Microsoft le confirme : sans consentement explicite, les cookies de Clarity ne peuvent pas être utilisés dans l’Espace économique européen, au Royaume-Uni et en Suisse, enregistrements compris. Ajoute le guide général de l’AEPD sur les cookies, qui exige que le refus soit offert en même temps, au même niveau et avec la même visibilité que l’acceptation, et tu as le minimum pour ta bannière.
Le masquage est le deuxième pied. Clarity masque le contenu sensible par défaut et ne capture jamais ce qui est masqué ; champs de saisie et listes déroulantes sont masqués dans tous les modes, et le mode équilibré d’origine classe nombres et adresses e-mail comme sensibles. Deux avertissements méritent une seconde lecture : le contenu des feuilles de style n’est pas masqué, et les changements ne s’appliquent pas rétroactivement. Si tu découvres en novembre que tu enregistrais depuis des mois un champ d’identité, ce qui est enregistré l’est.
Côté durées, l’article 5 du RGPD exige des données adéquates, pertinentes et limitées à ce qui est nécessaire, conservées pas plus longtemps que nécessaire. Pour la mesure d’audience, l’AEPD chiffre : treize mois de vie des cookies, vingt-cinq mois de conservation maximum. Ma pratique : définir la durée par écrit avant d’installer quoi que ce soit.
Questions fréquentes
Les heatmaps servent-elles à mesurer la conversion ?
Pas directement. Une carte de chaleur agrège des clics, du défilement ou du temps sur une capture de page, et aucune de ces trois choses n’est une conversion. Elle sert à localiser le problème et à écarter vite des hypothèses. Mesurer l’effet d’un changement relève de ton analytics ou d’un test.
Combien d’enregistrements faut-il voir pour conclure ?
Aucune quantité ne suffit : un enregistrement ne devient jamais une conclusion. Le volume change ta confiance dans le motif, et quinze sessions filtrées sur un même comportement suffisent souvent. Au-delà, le rendement chute vite. Je préfère en voir quinze et quantifier ensuite, plutôt que cinquante et décider au feeling.
Faut-il un consentement pour enregistrer des sessions en Europe ?
Oui. L’AEPD limite l’exemption à un ensemble restreint de mesures statistiques agrégées, et rejouer des sessions individuelles n’en fait pas partie. Microsoft indique aussi que dans l’EEE, au Royaume-Uni et en Suisse, les cookies de Clarity ne servent pas sans consentement explicite. Vérifie avec qui gère ta conformité.
Que faut-il masquer dans les enregistrements d’un ecommerce ?
Tout champ de formulaire et toute zone affichant des données client : adresses, téléphones, e-mails, moyens de paiement, numéro de commande, espace compte. Clarity masque les champs de saisie dans tous les modes, mais le texte déjà rendu, comme l’adresse du récapitulatif, dépend de ton marquage élément par élément.
Heatmaps ou sondages pour comprendre un problème de conversion ?
Les deux, dans cet ordre. La heatmap dit où ça se passe, l’enregistrement dit comment, le sondage dit pourquoi. Si tu ne peux en faire qu’un, ça dépend de la question : friction d’interface, cartes et enregistrements ; doutes sur le contenu, le prix ou la confiance, le sondage gagne presque toujours.
Elles regardent, elles ne prouvent pas
La phrase que je répète le plus en audit CRO : ces outils sont un télescope, pas une balance. Ils montrent ce que tu ne verrais pas autrement. Mais si tu essaies de peser quelque chose avec, le chiffre ne veut rien dire.
Quand on me présente un rapport rempli de captures fléchées de rouge et de conclusions tranchées, je ne vois pas de la recherche, je vois une présentation. Elle commence quand tu transformes ces captures en hypothèses assorties d’une métrique, et se termine quand du quantitatif confirme ou abat chacune.
Si Clarity tourne chez toi depuis des mois, avec une bannière que personne n’a relue et zéro hypothèse écrite, réserve 30 minutes de consulting et on remet ça en ordre : quoi regarder d’abord, quoi masquer, quoi jeter.
Vos campagnes publicitaires
pourraient-elles mieux performer ?
30 minutes pour analyser votre situation et vous dire exactement ce que je changerais. Sans pitch, sans proposition commerciale.