Heat Map (Heatmap)

Visual representation of user behavior showing where visitors click, scroll, and focus attention

Definition

A heat map (or heatmap) is a data visualization tool that uses color coding to show user interaction patterns on a webpage—red/orange indicates high activity areas, blue/green shows low activity. There are three main types: Click Maps (where users click, including non-clickable elements), Scroll Maps (how far down the page users scroll before leaving), and Attention Maps/Eye Tracking (where users look, based on AI prediction or actual eye-tracking studies). Heat maps reveal usability issues, engagement patterns, and optimization opportunities that raw analytics can't show—like users trying to click non-clickable images, ignoring important CTAs, or leaving before seeing key content. Popular tools include Hotjar, Crazy Egg, and Microsoft Clarity.

Real-World Example

A landing page heat map reveals that 40% of visitors click on a product image thinking it will enlarge, but it's not linked. Another 25% scroll past the main CTA without seeing it. Based on these insights, the team makes the image clickable (linking to a detailed view), moves the primary CTA above the fold, and adds a second CTA at the 75% scroll point where drop-off is highest. These changes increase conversion rate from 2.3% to 4.1%.