Scrolle ton site.
Vois ce qui attire.
L’extension Chrome pose une carte d’attention prédite sur la page que tu consultes et la met à jour quand tu scrolles.
Chrome sur ordinateur. Premiers scans gratuits, puis vérification par email. Les captures sont traitées sur le serveur.
- Attention
- 9/100
- Focus
- 68/100
- Hiérarchie
- 50/100
Zone la plus forteCentre gauche
Calculé sur la carte visible, au fil du défilement. Définition des métriques
- Modèle
- UNISAL, publié à ECCV 2020
- Poids
- Affinés sur les données d’eye-tracking MIT1003
- Pages longues
- Lues par fenêtres qui se chevauchent, sans écrasement
- Ton site
- Aucun script de suivi à installer
Une image à tester ? C’est ici.
Pas besoin de l’extension pour un premier aperçu. Dépose une page, une publicité ou une miniature et lis son attention prédite.
- Une superposition à faire glisser
- Fais glisser sur l’image pour comparer l’original et son attention prédite.
- Un score sur 100
- Attention, hiérarchie et focus combinés, le même score que celui du classement Championship. Un résumé de la carte, pas une prévision de clics.
- Un PNG à partager
- Télécharge la superposition pour une revue de maquette ou un ticket.
- Un classement pour plusieurs fichiers
- Dépose deux images ou plus et Championship les compare avec le même modèle.
Démonstration sur une page fictive. Heatmap réellement calculée avec UNISAL.
Plusieurs variantes à comparer ? Dépose-les toutes d'un coup, le Championnat les classe.
De la première impression à ta prochaine version.
Une miniature fictive, passée deux fois dans le modèle. Les cartes et les chiffres sont de vraies sorties UNISAL, pas des illustrations.
1Apporte l’image telle qu’on la verra
Exporte la composition finale, texte et fond compris. Puis note ce qui doit ressortir.
2Lis la carte au regard de ton objectif
Ici, le titre capte l’essentiel de l’attention prédite et la pièce reste froide. Une zone chaude n’aide que si c’est celle que tu visais.
3Change une chose, puis relance
Un titre plus petit n’a pas fait ressortir la pièce. C’est utile aussi : la prochaine version doit essayer autre chose.
Un meilleur score, le même problème.
La hiérarchie passe de 23 à 66 et le score de 32 à 42, parce qu’un élément domine plus nettement. Cet élément reste le titre, et la pièce n’obtient toujours presque rien.
Lis d’abord la carte. Le chiffre la résume, il ne juge pas ton intention.
Créations fictives. Entrées, cartes et métriques sont publiées avec leurs empreintes. Voir la provenance
| Métrique | Étape 2 | Étape 3 |
|---|---|---|
| Score | 32/100 | 42/100 |
| Attention | 5 | 3 |
| Focus | 56 | 49 |
| Hiérarchie | 23 | 66 |
| Couverture | 6 % | 4 % |
| Zone la plus forte | Centre gauche | Haut gauche |
Des formats différents. Une question : qu’est-ce qu’on remarque ?
Donne un objectif clair à chaque création. Puis vérifie si sa hiérarchie visuelle le sert. Chaque exemple ci-dessous est une vraie prédiction sur une création fictive.
Ton message ou ta décoration ?
Une belle page peut attirer l’attention au mauvais endroit. Vérifie si ta promesse et ton action principale se détachent du reste.
Avant de publier, vérifie…
Commence par une capture du premier écran, puis examine la suite de la page.
Vérifier sur mon imageLis l’écart, pas seulement le classement.
La version B réduit le titre et remonte le nom du produit et l’action. Championship passe les deux dans le même modèle et les classe.
Ici, A arrive en tête. Pourtant, B place l’action dans une zone chaude, ce qui était le but du changement. Le score résume toute la carte. C’est ton objectif qui décide quelle version montrer au public.
| Métrique | A | B |
|---|---|---|
| Score | 56/100 | 49/100 |
| Attention | 5 | 4 |
| Focus | 61 | 55 |
| Hiérarchie | 87 | 78 |
| Couverture | 6 % | 5 % |
| Zone la plus forte | Haut gauche | Haut gauche |
Ce que 93 sites publics donnent au modèle.
Nous avons passé 93 captures de sites publics dans le même modèle et publié les données agrégées. La plupart des scores se situent entre 20 et 59, et aucun n’atteint 80.
- captures de sites analysées
- 93
- score médian sur 100
- 41
- score le plus haut du jeu
- 78
- zone la plus forte hors du tiers supérieur
- 75/93
Une prédiction que tu peux questionner.
Heatpoints utilise UNISAL, un modèle de saillance visuelle publié à ECCV 2020. Il donne une estimation de l’attention, pas l’enregistrement du regard d’une personne.
Ce que le modèle renvoieCe que tu voisUtile pour
Repérer la concurrence visuelle et discuter de la hiérarchie avant publication.
Ne mesure pas
La compréhension, l’intention d’achat, les clics réels ou l’ordre des fixations oculaires.
Entraîné sur
Des jeux de données d’eye-tracking et d’attention. La version utilisée ici est affinée sur MIT1003, où des participants regardaient librement des images naturelles.
Pour aller plus loin
Valide les décisions importantes auprès de vraies personnes, dans le contexte réel de ta page.
Commence avec l’image sur laquelle tu travailles.
Pas de rendez-vous commercial. Observe la prédiction, choisis quoi ajuster et retourne créer.
L’outil d’image
Essai gratuit
Dépose une image, explore sa carte d’attention et télécharge le résultat. Des limites d’usage s’appliquent.
Analyser mon imageComparer plusieurs imagesPour la suite
D’autres outils pour les équipes créatives sont en préparation. Les fonctionnalités et tarifs seront annoncés à leur disponibilité.
Aucune offre payante n’est en vente aujourd’hui.
Les bonnes questions. Des réponses claires.
Savoir ce que la carte te dit. Et ce qu’elle ne te dit pas.
Comprendre le modèleC’est de l’eye-tracking réel ?
Non. Heatpoints prédit l’attention visuelle d’une image avec UNISAL. Il ne mesure pas les yeux d’une personne. Utilise-le pour formuler des hypothèses, puis valide les décisions importantes auprès de vrais utilisateurs.
Je peux essayer sans créer de compte ?
Tu peux commencer avec l’outil d’image gratuit. Des limites d’usage s’appliquent. L’extension Chrome demande une vérification par email après ses premiers essais. L’outil t’indique quand ton quota est atteint.
Que capture l’extension Chrome ?
La partie visible de l’onglet choisi, et seulement quand tu l’actives. La superposition suit le défilement et le redimensionnement, et fonctionne sur les pages derrière une connexion. Les captures sont envoyées au serveur pour calculer la carte.
Mes images sont traitées sur mon appareil ?
Non. Les images déposées et les captures Chrome sont envoyées au serveur pour calculer la carte d’attention. Consulte la politique de confidentialité avant d’analyser un contenu confidentiel.
Je peux comparer plusieurs créations ?
Oui. Championship compare plusieurs images avec la même analyse. Ouvre-le directement ou sélectionne plusieurs fichiers dans l’outil. Compare des formats et des objectifs similaires pour obtenir un résultat utile.
Une heatmap plus chaude signifie plus de ventes ?
Pas forcément. L’attention ne mesure ni la compréhension, ni la préférence, ni l’intention d’achat. Une décoration peut attirer le regard sans aider ton message. L’essentiel est de savoir où va l’attention par rapport à ton objectif.
Le plugin Figma est disponible ?
Pas encore. Pour l’instant, exporte ta maquette en image et analyse-la sur le site. L’extension Chrome est disponible pour les pages de ton navigateur.
Tu l’as regardée cent fois. Regarde-la autrement.
Ajouter à ChromeTa prochaine version commence par un autre regard.