A Freeform Hotspot question allows you to define one or more hotspots on a slide and provide feedback based on the user's interaction with them.
In this tutorial, we'll look at how to create a hotspot question from scratch. However, you may find it easier to create a hotspot question from an existing slide. To learn how to convert an existing slide into a freeform hotspot question, take a look at this tutorial.
Step 1: Insert a Hotspot Freeform Question
- Do any one of the following:
- Select the Home tab, and click New Slide.
- Or, select the Insert tab, and click New Slide.
- Or, in Story View, right-click anywhere in the workspace and choose New Slide.
- Or, in Normal (slide) View, right-click anywhere in the left navigation pane and choose New Slide.
- When the Insert Slides window appears, select the Quizzing tab from the left edge.
- Select the Freeform tab at the top of the window, and click the Hotspot thumbnail.
- Click the Insert button.
A new slide will be added to your story, and the Hotspot question editor will automatically open where you can add an image and define one or more hotspots.
Step 2: Add an Image and Define Hotspots
First, you'll want to add an image to your new slide on which you will define hotspots. Click the Choose Image button below the slide preview area, select the image you want to use, and click the Open button.
Then add one or more hotspots to your slide. Here’s how:
- Click the Add Hotspot drop-down list below the slide preview area, and select Add Oval, Add Rectangle, or Add Freeform.
- Draw your hotspot in the slide preview area.
- Tip: If you are adding your first hotspot, you can also click either the oval hyperlink or the rectangle hyperlink in the hotspot list on the right side of the window, which will automatically add an oval or rectangle to the slide preview area for you.
- If you want to add more hotspots, repeat steps 1 and 2.
Here are some things to keep in mind when constructing a hotspot question:
- You must have at least one hotspot. You can add more hotspots if you want, but only one is required.
- If you are building a hotspot question that will be graded (scored), the first hotspot that you draw will be green, which indicates that it is the correct response. If you draw any additional hotspots, they will be red, which indicates that they are incorrect responses. You will be able to change which hotspot is the correct one at any time after you add at least two hotspots (see below).
- There can be only one correct hotspot in a graded question.
- On the other hand, if you are building a hotspot question that will be unscored, all the hotspots will be green, since there are no wrong answers for an unscored question.
After adding hotspots to your question, you can further customize and manage them, using the following options:
- You can resize hotspots by dragging the sizing handles.
- You can rearrange hotspots by dragging them with your mouse (which changes to a 4-headed arrow) to the desired locations on the slide.
- You can rename hotspots by clicking in the text field and typing over the default name (Hotspot 1, Hotspot 2, etc). Though your learners won't see this text, the names make it easier to identify or select objects when you're working with other Storyline features, such as the timeline or triggers.
- If you have more than one hotspot and you are building a graded (scored) question, you can specify which hotspot is the correct response by selecting the appropriate radio button in the hotspot list on the right side of the window. The red and green color coding of the hotspots in the slide preview area will change accordingly.
- If you need to delete a hotspot, select that hotspot in the slide preview area or in the hotspot list, and then click the Delete button below the slide preview area or click the Delete key on your keyboard.
Step 3: Specify How the Hotspot Question Will Be Submitted
Use the Submit drop-down list on the toolbar to specify which of the following four methods will indicate that a user has completed the hotspot question and submitted it for evaluation:
- By Player Button
- On Click
- On Double Click
- On Right Click
The default option, By Player Button, means that users must click the built-in Submit button on your course's player for the question to be evaluated. However, if you want users' responses to be evaluated as soon as they click on a hotspot, select one of the other three options.
Step 4: Enter the Score
- Choose one of the following from the Score selector on the toolbar:
- By Question: This is the default, and it allows you to assign points to the correct and incorrect answer.
- By Choice: This allows you to set up a different score for each answer choice.
- None: This omits any scoring info from the question. It also removes the need for correct/incorrect answer choices and correct/incorrect feedback.
- If you chose By Question or By Choice for the Scoring option, now enter values in the Points area of the question editor.
Step 5: Make the Question Required or Optional (Unscored Questions Only)
If you’re building an unscored question, use the Require selector on the toolbar to choose User may skip or User must answer. (For graded questions, the Require selector isn’t available, since graded questions require an answer.)
Step 6: Choose Your Options for Feedback and Branching
In Storyline, you can show your learners feedback after they answer a question—and you can also branch learners to different parts of your course, based on their answers. Here's how:
- Choose one of the following from the Feedback selector on the toolbar:
- By Question: This allows you to set up question-based feedback and branching. For a graded question, you can show different feedback for a correct vs. incorrect answer. For an unscored question, there’s just one feedback message for the question overall.
- By Choice: This allows you to set up different feedback for each individual answer choice.
- None: Choose this if you don't want any feedback to display and you don't need to branch the learner to a different place in the course based on how they answer.
- If you display feedback, you can edit the feedback text in the Feedback area of the question editor, which appears at the bottom of the question editor (if you chose Feedback By Question), or next to each answer choice (if you chose Feedback By Choice). Or, when you return to the Normal View of your slide, you can make the changes to the feedback layers that Storyline creates for you. To learn more about layers, see this tutorial. To change the visual design of your feedback layers, check out this tutorial.
- For graded questions, you can also include Post-Quiz Review feedback. This feedback appears during the quiz review if you provide your learners with a Result Slide that includes a "Review Quiz" option. In the Post-Quiz Review field at the bottom of the question editor, enter the review feedback you want learners to see.
- Now let's talk about branching. By default, Storyline will take the learner to the next slide in your course once they answer your question. But if you want to take them somewhere else in the course, you can do that. Click any More button that appears to the right of the Feedback field, and then use the Branch to the following selector to choose the destination.
Step 7: Choose the Number of Attempts (Graded Questions Only)
By default, Storyline gives learners one attempt at your question. But if they answer incorrectly, you can give them the opportunity to retry. Use the Attempts selector to choose the number of attempts, or set it to Unlimited if you want learners to keep trying the question till they get it right. (The Attempts selector doesn’t appear on unscored questions, since those don’t have a right or wrong answer.)
Some things to keep in mind:
- If you allow multiple tries, Storyline adds a "Try Again" section to the Feedback area on the question editor. This is the feedback that’ll appear if a learner answers incorrectly. You can make changes to the feedback here on the question editor. Or, when you return to the Normal View of your slide, you can make the changes to the to the “Try Again” slide layer that Storyline creates for you. To learn more about layers, see this tutorial.
- If you want the "Try Again" messages throughout your course to look a certain way, you can make changes to the Try Again feedback layout. For more details, check out this tutorial.
Step 8: Return to the Normal View of Your Slide
When you're done setting your options on the question editor, click Save & Close. This closes the question editor and returns you to the Normal View of the slide.
If you chose to provide feedback on this question, or if you chose to include a post-quiz review message, you'll see separate layers for each of these in the Slide Layers panel, and you can edit those layers if you like.
Step 9: Assign a Result Slide
You can display quiz results at any point in your course by using a results slide. When you create a results slide, you can tell Storyline which questions in your course you want it to use for calculating the results. Find out more about how to create a results slide here.
If you've already added a result slide in your course, you can assign the current question to it like this: in Normal View, find the Question panel at the right edge of the slide workspace. Use the Results slide selector to choose the results slide to which you want to connect this question.
How Do I Edit My Question Later?
If you need to make changes to your question later, you can go to your question slide and edit the content directly on the slide. If you need to change other things about the question that aren't visible on the slide (such as the scoring, number of attempts, or how feedback is handled), just click the Edit Hotspot button in the Question panel that appears to the right of the slide workspace. This opens the question editor where you can make whatever changes you need. Click Save & Close when you're done.