Look at the message
Does the headline attract attention, or does an illustration take over?
Scroll your website.
See what stands out.
Real-time attention heatmaps, right on the sites you browse. The Chrome extension updates the prediction as you scroll, without leaving the page.
Add Heatpoints to ChromeOr try it on an imageStart with free scans. Email verification follows. Screenshots are processed on the server.
Predicted attention as you scroll
A useful second opinion, wherever you create.
An image to test? Start here.
No extension needed for your first look. Drop a landing page, an ad or a thumbnail and explore its predicted attention.
How the Chrome extension worksTry your own imageOriginal / attention
◂▸
originalpredicted attention◂▸
originalpredicted attentionDemonstration on a fictional page. Heatmap calculated with UNISAL.
Several variants to compare? Drop them all at once, the Championship ranks them.
Fictional sample page analyzed by UNISAL.
Different formats. One question: what gets noticed?
Give each design a clear job. Then check whether its visual hierarchy supports it.
Landing pages
Your headline or your decoration?
A beautiful page can still send attention to the wrong place. Check whether your promise and main action stand out from everything around them.
Test this on my imageBefore you publish, look for…
The headline is easy to notice
The main action has room to stand out
Decorative elements support the message
Start with a screenshot of the first screen, then examine the rest of the page.
A beautiful design can still hide the important part.
The map adds another layer to your review. Warm areas indicate stronger predicted attention. Cold areas invite a question: should something here be easier to notice?
Look at the action
A visible button is a design hypothesis to investigate, not a guarantee of clicks.
Keep the context
A warm area is not automatically good. Its value depends on what you want people to notice.
ChampionshipCompare your images
Illustration of the analysis. Open Championship to compare your own variants.
Two good ideas. A better-informed choice.
A different crop, a shorter headline, a quieter background. When several versions could work, compare them using the same attention model.
Championship brings your variants together. Use the results to discuss the design, then validate your choice in its real context.
Compare my variantsOn the page. While you work.
Review a live website without leaving your browser. The Chrome extension captures the visible page and adds a predicted attention overlay as you explore.
- Useful for pages behind a login
- The overlay follows scroll and resize
- Capture starts when you activate the extension
Captures are sent to the server. Email verification follows the initial free scans.
Your page, another perspective
Example prediction. The extension runs on the page you choose.
From a first impression to your next revision.
You already know your design. Make room for a different way of looking at it.
- 1
Bring your image
Export a design or take a screenshot. Start with the exact format people will see.
2Read the map
Locate strong and weak areas of predicted attention. Relate them to your message.
- 3
Make one considered change
Adjust one element, analyze again and compare. Keep your goal in view.
A prediction you can question.
Heatpoints uses UNISAL, a visual saliency model published at ECCV 2020. It gives you an estimate of attention, not a recording of an individual’s gaze.
Explore the scienceUseful for
Spotting visual competition and discussing hierarchy before publishing.
Not a measure of
Comprehension, purchase intent, actual clicks or the order of eye fixations.
Start with the image you’re working on.
No sales call. See a prediction, decide what to adjust, and go back to creating.
The image tool
Free to try
Upload an image, explore its attention map and download the result. Usage limits apply.
Analyze my imageCompare several imagesFor the next stage
More tools for creative teams are in preparation. Features and prices will be announced when they are available.
ChromeAvailable
FigmaIn preparation
No paid offer is presented on this page.
Good questions. Straight answers.
Know what the map tells you. And what it doesn’t.
Read about the modelIs this real eye tracking?
No. Heatpoints predicts visual attention from an image using UNISAL. It does not record a person’s eyes. Use it to form design hypotheses, then validate important decisions with real people.
Can I try it without an account?
You can start with the free image tool. Usage limits apply. The Chrome extension asks for email verification after its initial free scans. The tool shows you when your allowance is reached.
Are my images processed on my device?
No. Uploaded images and Chrome captures are sent to the server to calculate the attention map. Check the privacy policy before analyzing confidential material.
Can I compare several designs?
Yes. Championship compares multiple images using the same analysis. Open it directly or choose several files in the image tool. Keep the format and purpose comparable to make the results useful.
Will a warmer heatmap mean more sales?
Not necessarily. Attention does not measure comprehension, preference or intent to purchase. A decorative element may attract attention without helping your message. What matters is where attention goes relative to your goal.
Is the Figma plugin available?
Not yet. For now, export your frame as an image and analyze it on the website. The Chrome extension is available for browser pages.
You’ve looked at it a hundred times. Look at it differently.
Add to ChromeYour next revision starts with a different perspective.