Hotspot questions require a learner to respond to a question by selecting a point on an image. The question is scored based on whether the learner selected a point that was within an area set up by the instructor. You can create new questions within an existing Test or Question Bank or directly from the Questions tab.

Creating a Hotspot Question From the Question Library or Within a Question Bank

From a web browser, go to your region's login page:
Enter your email address and click Sign In.

If you are part of multiple institutions, from the dropdown, choose your institution and click Sign In.
Enter your password and click Sign In.
From the My Library tab, select Questions or Question Banks.

If you select Question Banks, open the Question Bank you want to add a question in.
Click New Question.
From the New Question Template window, select Hotspot.

This question type is not supported on mobile devices for online exams. Exams including this question type must be completed with a screen width of 1024px or larger.
In the Enter question text box, type in your question.

Use the Rich Text Editor to edit the question text.
Drag and drop or click in the image area to add an image for the answer choice.
- Upload / URL - Upload a resource from your computer or add one from a URL. EchoExam currently supports .png, .jpg, and .jpeg image files.
- Resources - Select from resources you have uploaded or that have been shared with you.
- Stock Images - Choose from our over 1 million royalty-free Stock Images to add to your question.
Click Add.

The image is inserted into the question.
From the Options tab, you can
- Change the Points value of the question.
- Choose the Response Indicator from the dropdown.
  
  The response indicator is the visual representation of the learner's response.
  - Arrow
  - Circle
  - Cross Mark
  - Dot
  - Map Pin
- Click to set a Border Color for the response indicator.
  
  Choose from one of the predefined colors or enter any Hex Code.
- Click to set an Interior Color for the response indicator.
  
  Choose from one of the predefined colors or enter any Hex Code.
- Optionally, enter Hotspot Image Alternate Text.
  
  By default, the uploaded image's file name is displayed. The alternate text can be a maximum of 125 characters.
- Link a Narrative or Case Study to your question.
  
  A narrative is a descriptive passage, special instruction, a table, image, or other information that you can link to one or more questions. When taking an online exam or printed test, narratives are presented to the learner along with the questions they are linked to.
  A case study is a set of one or more tabs with descriptive passages, special instructions, tables, images, or other information that you can link to one or more questions. Case Studies are typically used to mimic information as it would be displayed in a patient’s medical chart. When taking an online exam or printed test, case studies are presented to the learner, along with the questions they are linked to.
From the Hotspots tab, you can
- Set one or more hotspots to add to the image.
  - Rectangle - You can click and drag to adjust the size of the hotspot.
  - Ellipse - You can click and drag to adjust the size of the hotspot.
  - Freeform - You can add up to 15 points for the freeform shape. Click around to create your shape. When finished, click on the starting point to close the shape.
- Set the colors
  - Default - This is how hotspot areas will display on reports.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Hover / Active - This is how hotspot areas display when you hover your mouse over them.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Focused - This is how hotspot areas display when selected.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Border - This is the hotspot area borders.
    
    Choose from one of the predefined colors or enter any Hex Code.
    - Line type - This is what the hotspot areas border lines look like.
      
      Choose Solid or Dashed from the dropdown.
    - Line width - This is the width of the hotspot areas border lines.
      
      Set it from 0 to 10. 1 is the default.
From the Metadata tab, you can view or edit metadata tags associated with the question.
From the Feedback & Rationale tab, you can enter
- Instructor Annotations are additional notes that learners will never have access to, regardless of exam settings.
  
  Use the abbreviated Rich Text Editor to format the question text and / or add a resource.
- Rationale refers to the reasoning or justification behind the question's answer. Understanding the rationale behind a question can help clarify its purpose and relevance.
  
  Use the abbreviated Rich Text Editor to format the question text and / or add a resource.
- Correct Feedback is positive reinforcement of the correct answer.
- Incorrect Feedback can be constructive criticism or additional information that helps clarify why the learner's response is incorrect.
Optionally, you can click the Desktop icon to preview how the question is displayed for the learner.
When finished, click Save.

The question is added to your Question Bank and / or Questions library so you can use it on additional tests.

Creating a Hotspot Question in an Existing Test

From a web browser, go to your region's login page:
Enter your email address and click Sign In.

If you are part of multiple institutions, from the dropdown, choose your institution and click Sign In.
Enter your password and click Sign In.
From the My Library tab, select Tests.
Click the three vertical dots to open the action menu on the test you want to add a question to.
Select Edit.
Click the Add Question button.
From the New Question Template window, select Hotspot.

This question type is not supported on mobile devices for online exams. Exams including this question type must be completed with a screen width of 1024px or larger.
In the Enter question text box, type in your question.

Use the Rich Text Editor to edit the question text.
Drag and drop or click in the image area to add an image for the answer choice.
- Upload / URL - Upload a resource from your computer or add one from a URL. EchoExam currently supports .png, .jpg, and .jpeg image files.
- Resources - Select from resources you have uploaded or that have been shared with you.
- Stock Images - Choose from our over 1 million royalty-free Stock Images to add to your question.
Click Add.

The image is inserted into the question.
From the Options tab, you can
- Change the Points value of the question.
- Choose the Response Indicator from the dropdown.
  
  The response indicator is the visual representation of the learner's response.
  - Arrow
  - Circle
  - Cross Mark
  - Dot
  - Map Pin
- Click to set a Border Color for the response indicator.
  
  Choose from one of the predefined colors or enter any Hex Code.
- Click to set an Interior Color for the response indicator.
  
  Choose from one of the predefined colors or enter any Hex Code.
- Optionally, enter Hotspot Image Alternate Text.
  
  By default, the uploaded image's file name is displayed. The alternate text can be a maximum of 125 characters.
- Link a Narrative or Case Study to your question.
  
  A narrative is a descriptive passage, special instruction, a table, image, or other information that you can link to one or more questions. When taking an online exam or printed test, narratives are presented to the learner along with the questions they are linked to.
  A case study is a set of one or more tabs with descriptive passages, special instructions, tables, images, or other information that you can link to one or more questions. Case Studies are typically used to mimic information as it would be displayed in a patient’s medical chart. When taking an online exam or printed test, case studies are presented to the learner, along with the questions they are linked to.
From the Hotspots tab, you can
- Set one or more hotspots to add to the image.
  - Rectangle - You can click and drag to adjust the size of the hotspot.
  - Ellipse - You can click and drag to adjust the size of the hotspot.
  - Freeform - You can add up to 15 points for the freeform shape. Click around to create your shape. When finished, click on the starting point to close the shape.
- Set the colors
  - Default - This is how hotspot areas will display on reports.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Hover / Active - This is how hotspot areas display when you hover your mouse over them.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Focused - This is how hotspot areas display when selected.
    
    Choose from one of the predefined colors or enter any Hex Code. Optionally, change the Opacity to any value between 0 and 100.
  - Border - This is the hotspot area borders.
    
    Choose from one of the predefined colors or enter any Hex Code.
    - Line type - This is what the hotspot areas border lines look like.
      
      Choose Solid or Dashed from the dropdown.
    - Line width - This is the width of the hotspot areas border lines.
      
      Set it from 0 to 10. 1 is the default.
From the Metadata tab, you can view or edit metadata tags associated with the question.
From the Feedback & Rationale tab, you can enter
- Instructor Annotations are additional notes that learners will never have access to, regardless of exam settings.
  
  Use the abbreviated Rich Text Editor to format the question text and / or add a resource.
- Rationale refers to the reasoning or justification behind the question's answer. Understanding the rationale behind a question can help clarify its purpose and relevance.
  
  Use the abbreviated Rich Text Editor to format the question text and / or add a resource.
- Correct Feedback is positive reinforcement of the correct answer.
- Incorrect Feedback can be constructive criticism or additional information that helps clarify why the learner's response is incorrect.
Optionally, you can click the Desktop icon to preview how the question is displayed for the learner.
When finished, click Save.
The question is added to your test and saved to your Questions library so you can use it on additional tests.

Related to