Okuzeka
UX/UI Design vocabulary · Usability Testing

Heatmap

Meaning in UX/UI design, with examples

/ˈhiːtmæp/nounCommon term

In UX/UI design, heatmap means: A visual report that uses colours, from cool blue to hot red, to show where users click, move, look or scroll most on a page.

In Turkish: ısı haritası

How it is used

Produced by analytics tools that record real sessions. Common types are click maps, scroll maps and eye-tracking heatmaps. Heatmaps show where people act but not why, so teams combine them with interviews or tests.

Example sentences

  1. The heatmap shows lots of clicks on the product image, which isn't a link.

  2. According to the scroll heatmap, only 20% of visitors reach the pricing section.

Common collocations

  • click heatmap
  • scroll heatmap
  • heatmap data
  • analyse the heatmap
  • quantitative researchResearch that collects numbers from many users, such as survey ratings, click rates or task times, to measure behaviour and spot patterns.
  • A/B testingA method that shows two versions of a page or feature to different groups of real users at the same time and measures which version performs better.
  • usability testingA research method in which real users try to complete tasks with a product or prototype while a researcher watches, to find out where they struggle.
  • visual hierarchyThe use of size, colour, contrast, spacing and position on a screen so that people notice the most important elements first and read the rest in a clear order.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Usability Testing

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: