Chat with us
  1. aytm Help Center
  2. Knowledge Base
  3. Heatmap

Articles in this section

The Heatmap question type allows you to do a detailed analysis of different areas of an image. Ask respondents to pin several labels of your choosing anywhere on the image to capture what they like/dislike, what draws their attention, or poses confusion.

 

1. Building a Heatmap Question

  1. In the Survey Editor, click the Heatmap Icon in the question menu, or drag the icon into place.
  2. Type or paste your question/prompt into the Question field.
  3. Click Browse and choose an image file (PNG, JPEG, GIF, SVG, PDF, TIFF) under 30MB from your hard drive, or drag and drop the file from your hard drive over the Browse button.
  4. Type or paste up to seven pin type labels in the Pin label field, or click the drop-down menu to choose from the list of available presets.
  5. Hover over a number and click the X to delete a Pin option.
  6. Activate the Randomize checkbox to shuffle the Pin type order for each respondent.
  7. Click the anchor icon to the right of an entity to lock the option in place on the list, despite randomization.
22034739-D0CA-4327-B8ED-09DD410C33DB.GIF

 

 

2. Customizing pins

  1. Click on the color icon to the right of a Pin label, and select a color from the gradient, or enter the hex code.
  2. Click the respective open-ended response icon to add an Optional or Mandatory open-ended field to a pin.
  3. Click the Each pin drop-down to set min/max settings on an individual pin basis, or for All pins.
  4. With Each pin enabled, check the 1 pin type per page to separate pin types into different pages, which present as separate questions.
    Note: Showing 1 pin type per page allows you to implement piping from pin labels to the question header. Use [pin] logic to pipe in each label for each screen. 
heatmaparticle1.png

 

 

3. Respondent Experience 

Respondents can click and then drag and drop pins anywhere in the image. The drag-n-drop functionality was developed to provide the same experience for respondents whether they use a desktop, laptop or mobile device. 

How respondents interact with the image:

  • Pins are in a tray at the bottom of the image. 
  • The number of pins they have to use will be indicated in the pin. 
  • Respondents can toggle between pins by clicking on each label. 
  • Once they add a pin to the image they can drag and drop it anywhere else. 
  • To remove a pin that was placed on the image drag it to the outer edge.
  • Respondents can only move forward when they have met the requirement of the min/max settings for the question. 
54E3F07A-0898-4807-A05A-C31DA3037526.GIF
 

 

4. Analyzing Heatmap Results

  1. On the Results page, click the View Mode drop-down menu to view the image as Heatmap, Coldmap, Overlay, Spotlight, Pins, or Original.
  2. Click the Filter by pin types drop-down menu to isolate certain pin types on any image view.
  3. Click the Show all clusters drop-down menu to isolate specific clusters.
  4. Click the Add a cluster button to draw a boundary and analyze specific data. 
heatmaparticle2.png

Take a test drive on real-world results for this question type! Explore a live demo report.