Scroll heatmaps show you the exact percentage of people who scroll down to any point on the page: the redder the area, the more visitors saw it.
How a scroll heatmap can help you optimize your site: knowing how far down the page your visitors are scrolling can influence where you place important information and page elements—like your unique selling proposition (USP) and your call to action (CTA). You can also use scroll maps to compare desktop and mobile versions of the page; for example, to identify whether prominent elements on desktop are also positioned well on mobile.
Click heatmaps (also known as touch heatmaps on mobile devices) show you where visitors click their mouse (on desktop) and tap their finger (on mobile).
How a click heatmap can help you optimize your site: the heatmap is color-coded to show you what visitors have clicked and tapped on most frequently, which can help you identify popular page elements and understand if people are clicking on what you want them to click on, or if they’re rage clicking on a broken button or link. Conversely, infrequent clicks or taps on an important element could inspire you to run a usability test to find out how to get more visitors to see and interact with your most important content.
Move heatmaps track where desktop users move their mouse as they navigate the page: hot-spots represent mouse movement. If your visitors tend to follow their cursor with their eyes—or move their cursor to where they’re looking on the screen—a move heatmap could indicate where they spend more (or less) time viewing your website page.
How a move heatmap can help you optimize your site: if you see very little mouse movement in an important section of the page, you can use other behavior analytics tools (like session recordings) to investigate—which can help you understand why your visitors might be missing that part of the page, and how you can fix it for them.
