A Heatmap Question allows you to click on specific areas of an image to express your opinions or reactions. Each of your clicks is recorded, and the aggregated data is shown as a heatmap, a visual overlay where warmer colors indicate areas with more clicks. This method is especially useful for identifying which parts of an image capture your attention or engage you the most.

Business Use Cases

• Landing Page Conversion Drop: A Heatmap question can be used to identify which parts of an image attract the most user attention. By asking respondents to click on the area that stands out to them, you can gather visual engagement data. If most clicks cluster away from key elements like a call-to-action (CTA), it may indicate the need for design adjustments. Repositioning important elements based on these insights can lead to improved visibility and increased engagement, such as a higher click-through rate.

• Testing Feature Discoverability: A Heatmap question is an effective tool for evaluating the visibility of new features within an interface. By presenting a dashboard mockup and asking users to click on elements that catch their attention, teams can identify whether important features are being noticed. If clicks concentrate on nearby icons but miss the new element, it may signal the need for design improvements. Updating the icon design and adjusting placement based on these insights can lead to measurable results, such as reduced support queries and increased feature adoption.

A Heatmap question transforms passive visual opinions into active, click-based insights, giving teams a clearer understanding of how users interact with visual elements. It helps prioritize design changes based on real user interaction rather than assumptions, enabling more informed decisions. This approach also supports faster iteration on visual assets by providing visual proof instead of relying on subjective feedback. Additionally, it reduces ambiguity in feedback by showing exactly where users clicked, eliminating the need to interpret vague or unclear responses.

Prerequisites

You will need View, Edit and Delete permissions at the Program Level to access Survey Logics.

• View: Helps to view the feature.

• Edit: Helps to edit the feature.

• Delete: Helps to delete the feature.

  ​

Setting Up Heat Map

Configuration

1. Navigate to Builder and go to Question Library and click Heat Map.

Question Layout

Question

It helps to edit the Heat Map Survey Question Type.

1. Question Title: You can add the question title by clicking on the Question Title Option.

2. Font Size: Click Font Size to change the size of the title text.

3. Text Color: Click Text Colour to change the colour of the text.

4. Bold: Click Bold to bold the text.

5. Italic: Click Italic to make it italics.

6. Underline: Click Underline to underline the text.

7. Insert Link: Click to insert URL.

8. Add Bulleted List: Click to add bullets.

9. Add Numbered List: Click to create a numbered list.

10. Align: Assistance in aligning the text (to the left, right, or center) is needed.

11. Insert Table: Click to insert table.

12. Clear Formatting: Select to remove the formatting.

13. ​Placeholder: Click to incorporate placeholder text into the information piping of a question title externally, making it dynamic in nature.

    ​

    1. Survey Question Response: Response to one question can be added as a placeholder question title for another.

       Example: Capture name in first question and use them for other questions.

    2. Survey Metadata: Essentially, it assists in gathering details regarding the particular browser and operating system that the respondent is utilizing.

    3. Contact Fields: Assists in gathering customer contact details such as their address, email address, and both first and last names.

    4. Profile Custom Fields: Helps to tag user profiles.

       Example: user type -advocate, influencer, detractor, etc.

    5. Response Custom Fields: It is located in the anonymous section and chooses from the response custom field. When the respondent provides an answer, the particular custom field associated with it will be linked to that response.

       Example: If we receive a location response custom field from a particular site for a retail chain, it will be labeled here.

    6. Response Date: It records the exact moment when the response is obtained (in various formats). These are utilized in transactional surveys.

    7. Transaction Fields: Gathers details pertaining to any additional custom field.

Instructions

Allows you to add additional instruction for the question.

1. Instruction Title: You can add the question title by clicking on the Question Title Option.

2. Font Size: Click Font Size to change the size of the title text.

3. Text Color: Click Text Colour to change the colour of the text.

4. Bold: Click Bold to highlight the text.

5. Italic: Click Italic to make it italics.

6. Underline: Click Underline to underline the text.

7. Insert Link: Click Insert Link to add URL.

8. Add Bulleted List: Click to add bullets.

9. Add Numbered: Click to create a numbered list.

10. Align: Click to align the text ( left, right or center).

11. Insert Table: Click to Insert Table to add table.

12. Clear Formatting: Click to clear format.

Question Media

​

Question Media files helps to attach media files to provide more context to the question.

1. Click Upload Asset to upload assets using Upload Media or Select from Asset Library. You have the option to adjust the media size by clicking on the slider.

2. Add Regions:

   ​

   Adding Regions to the Image
   To obtain comprehensive information, you can include particular areas in the image. Here’s how:

   1. Click on Add Regions: 

      1. In the Question Media section, select Add Regions.. 

   2. Define Regions: 

      1. A pop-up window displays the uploaded image. Click + Add New Region to create a colored rectangular box on the image. 

   3. Resize and Name Regions: 

      Modify the dimensions of the box to accommodate the selected section of the image. Label each area accordingly.

3. Set Maximum Clicks: Add maximum number of click allowed per respondents [maximum 20 clicks allowed].

Manage Respondent Screen

• Clone: You have the ability to clone a question without having to create that again.

• Edit Logic: Edit logic option helps to edit the logic of question.​

• Delete: You have the option to delete a question.

Heat Map Settings

Go to Settings and toggle Mark as required to make the question mandatory. Every mandatory question will be indicated by a small red dot.

Preview

To preview the survey click Preview option(top right in the survey builder).

.

Best Practices

• Utilize high-resolution images to avoid blurriness or accidental clicks, particularly on bigger displays.

• Set 1 to 3 clicks per respondent to encourage thoughtful responses.

• Label regions with meaningful names (e.g., “Buy Now Button” instead of “Box 1”) to improve reporting clarity.

FAQs