What is Image Hotspot and how to set it up?

Main use:

This question type is mainly used to gather feedback on images or ads/concepts that are a mixture of image and text.

Participants are presented with an image with predefined regions to select from and choose whether they feel like, dislike or confusing. An open ended question is then asked to comment on the reasons for their selection. 

A quick video to show how Image Hotspot works on the inca chatbot

How to set up in the platform:

1. In the Questionnaire Builder page, add new question OR insert new question by hovering over an existing question and click the green (+) button (either above or below the existing question).

2. Select Image Hotspot from the popup menu that appears.

3. Write your question number or label in the upper box and write your question in the Question Text Box. 

4. Add the image to be tested. Once the image have been uploaded, the system will automatically generate areas.

5. Confirm the areas / labels to your test image.  (The labels will show only on programming and dashboard). 

- To add another area / label, click "+ Add New Area" and hover the red box to your selected area then add the label. 

- You can edit the text of generated areas / label by hovering to the blue text box

- You can also delete the area / label by clicking the X icon of the blue text box.  (Toggle on the Show Boxes in the Question Setting to guide the participants which areas are clickable)

5. Select the options types: Likes, Dislikes and Confused

6. Toggle on Follow-up question (By default the follow-up question is: Could you tell us why you selected (answer) ? 

7. Select the minimum (left box) and maximum (right box) areas / text to be selected.

Note: There is no limit for the maximum number of highlights but users can input a number to set the maximum number of highlights; maximum number usually corresponds to the total number of hotspots/areas generated or to be tested

Other Question Settings

To allow participants to update or change answer after submitting, toggle on Allow User Corrections.  

To allow participants to see blue boxes/borders to help them make a selection, toggle on Show Boxes. 

Other Option Settings

The user can edit the Option label (reference to data/dashboard), Option text (how the participants view the selection), Value/codes and image by clicking the "<" icon

Other examples:

1. Add the image to be tested and click Apply Heatmap
2. Specify the Hotspot areas as rows and columns
   
   
   
   
   
3.  Users can re-label the Hotspot areas and adjust the number or columns and rows accordingly
   
    

A quick video to show how Heatmap is enabled on the Question Builder