Heatmaps

A heatmap shows where attention and clicks gather on a screen, and which zones stay cold. Each band is one zone from the top of the page to the bottom, colored from the attention score and click count you enter from a test, an analytics export, or a workshop.

List the zones in top-to-bottom order, then set attention from 0 to 100 and a click count for each. The hot band, click share, and any drop toward the bottom update as you type. This tool does not record visitors.

Export

Screen zones

List order is page order: the first zone is the top of the screen, the last is the bottom.

    Map and chart

    How to read it

    Three checks before you move the layout

    This map is drawn from the numbers you enter. It does not track live visits.

    1. Name each zone the way it appears on the screen, and keep the list top to bottom.
    2. Attention means how strongly people notice the zone, not how much you like it. 0 is barely seen. 100 dominates the screen.
    3. If the main action is cold, or it sits under a sharp drop, move that zone before you touch the rest.

    Scores stay on this device. Nothing is sent to Nova Lab servers.

    Why you’ll love this

    This free UX heatmap tool is a worksheet for one screen. Stack the zones from top to bottom, score attention and clicks for each, and see which band runs hot, where clicks concentrate, and whether attention drops lower on the page. Enter numbers from a short test, an analytics export, or a workshop estimate. It does not record live visitors, it does not ask for an account, and the study stays on this device. Export CSV, JSON, a PNG, or a PDF for a critique or a class.

    How to jump in

    1. Name the screen and the job it should do

      Write which page this is and what the person is supposed to do there, so the map is not a screenshot with no question.

    2. Add zones from top to bottom

      Separate the header, hero, main action, middle blocks, and footer. List order is scroll order.

    3. Score attention and clicks on one scale

      Attention runs from 0 to 100. Put clicks in from a test or an export, not from how much you like the block.

    4. Read the hot band and the drop

      If the main action is cold, or it sits under a sharp drop, move that zone first and then export.

    What you walk away with

    • Top-to-bottom map from your own scores
    • Click share and attention drop in plain language
    • Stored on your device only
    • CSV, JSON, PNG, and print to PDF

    Where it shines

    Landing-page critique

    Check whether the primary button is hot on the first screen or cold under decorative content.

    A team scoring one screenshot

    Score each zone together so a taste argument becomes one shared map.

    A UX research class

    Open the sample and compare high attention with click share before anyone redesigns the page.

    An analytics export you already have

    Type click counts from your own report. You do not connect an analytics account to this page.

    Quick answers

    Does this record live visitors?

    No. The map is drawn from numbers you type: a test, an analytics export, or a workshop score. It does not install a tracker and it does not see your visitors.

    How should I score attention?

    Zero means the zone is barely noticed. One hundred means it dominates the screen. Keep one scale for every zone in the study. Attention is not the same as clicks. A zone can be seen a lot and clicked very little.

    How many zones should I add?

    Five to ten bands is enough for most screens, matching the parts a person can actually see. Keep them in top-to-bottom order or the drop no longer means scroll.

    Where is the study stored?

    In this browser only. Export JSON if you need a backup for class or a project.

    Which Nova Lab tool should I open next?

    Open the journey map if the path around the screen is still fuzzy. Open card sorting if a cold zone is a label people do not understand. Open the empathy map if the person is still unclear.

    All tools →