Carte de chaleur d'attention : où tombe le regard

Que fait cet outil ?

L’outil produit, à partir d’une seule image, une carte de chaleur d’attention : une superposition colorée qui prévoit où le regard se pose dans les premières secondes. Les zones chaudes (rouge, jaune) veulent dire « attire beaucoup », les zones froides (bleu) veulent dire « passe plutôt inaperçu ». Le calcul se fait entièrement dans votre navigateur, via WebAssembly ou WebGPU, avec un réseau de neurones spécialisé entraîné pour prédire la saillance visuelle.

Vous pouvez en plus tracer un rectangle sur un élément important, un bouton, un logo ou un visage, et obtenir son score de focus : la part de l’attention totale prévue qui tombe sur cette zone. Trois exports sont prêts : l’image superposée en PNG, la carte seule en PNG transparent pour la retravailler dans votre éditeur, et un fichier JSON avec le score et les points les plus forts.

Comment l’IA prévoit-elle l’attention ?

L’endroit où une personne regarde en premier est en grande partie prévisible. La recherche en perception distingue l’attention involontaire (ascendante) de l’attention volontaire (descendante). L’involontaire vient des traits de l’image : forts contrastes, plages claires, contours, couleurs, et surtout les visages, attirent le regard avant toute décision consciente.

C’est exactement ce comportement ascendant que le réseau a appris sur des milliers d’enregistrements de regard. Il reçoit votre image et estime, pour chaque zone, la probabilité d’une fixation dans les premières secondes. Le résultat est une carte de probabilités que l’outil colorie et pose sur votre image. C’est une prédiction tirée de motifs appris, pas l’enregistrement d’une personne réelle.

Quand les résultats sont-ils fiables ?

La carte décrit bien le premier regard réflexe sur une image fixe : elle montre quels éléments ressortent et lesquels disparaissent. Pour une miniature, une annonce ou une mise en page isolée, c’est un indicateur rapide et gratuit, là où un pré-test coûte cher.

Les limites sont nettes. Le modèle ne prévoit que l’attention involontaire du premier instant. Il ignore ce que les spectateurs cherchent exprès, ce qu’ils lisent, quelle marque ils préfèrent, et l’ordre de leur regard. Il ne distingue pas non plus le public, l’âge ou les connaissances préalables. La carte est donc une prédiction du premier regard, pas un véritable oculomètre et pas un substitut à des tests avec de vrais utilisateurs. Au titre de l’article 50 du règlement européen sur l’IA, l’outil affiche cet avertissement en permanence sous chaque résultat : servez-vous de la carte comme d’un indicateur, pas comme d’une preuve.

À quoi sert une carte de chaleur d’attention ?

L’usage le plus fréquent est la mise en page de contenus où la première impression compte. Sur une miniature, vous vérifiez si le visage et le titre portent les points chauds, ou si un détail secondaire vole le regard. Sur une annonce ou un visuel pour les réseaux, vous contrôlez que le produit et l’appel à l’action reçoivent de l’attention. Sur un en-tête de page, vous tracez un rectangle sur le bouton et voyez, via le score, s’il ressort ou s’il reste dans une zone froide.

La carte sert aussi pour un logo, un emballage ou une affiche : elle montre si la marque est au centre de l’attention. L’export JSON rend les résultats réutilisables, par exemple pour documenter plusieurs maquettes ou transmettre les points chauds à une étape suivante.