Hot spot slide with multiple right answers
Jan 03, 2013
By
Chris Ammon
I'd like to have users find 5 errors in a single image, so my plan is to use hot spots. A hot spot quiz seems to only allow for one right answer, so I'm currently building a regular slide with multiple hot spots, but I need to figure out how to count that they've clicked all five before they can advance.
I'm working that out via variables now (when all five variables are updated to a new value the Next button will appear), but if someone has another idea I'm all ears. Thanks! Oh and this is my first Storyline project after a few years in Presenter, just FYI.
25 Replies
Hi Chris, and welcome! Congrats on embarking on your first Storyline project, too!
Regarding your hotspot issue... rather than using a hotspot question type, it might be quicker and easier to use a Freeform Multiple Response question instead, since you are wanting your learners to find several items on the slide. That way you wouldn't have to fuss with variables. Take a look at this example... it involves using freeform shapes (which have been set to 100% transparent), drawn overtop of the selectable areas, as the answer choices:
Hopefully that gets you pointed in the right direction! Good luck with your project!
Thank you for the quick reply and great lesson. This might be a better way to challenge my learner, in fact. Instead of my instructions being, "find 5 errors..." they can be, "find all the errors and then click submit...". That way they don't know how many there are and can submit any number of guesses.
My original idea was that each hotspot would pop open a caption with positive feedback. Once they found all five then the Next button would appear.
Back to it... Thanks!
Here is what I came up with that serves my original idea. Hopefully you see the attached file.
I use a variable "emailcount" that is originally set to zero. Whenever a hotspot is clicked I add 1 to the value of that variable. The click also changes the state of the hidden caption to a state I made called "appear". The variable depends on a condition to NOT add 1 to the variable if the state of the caption is = to "appear", that way the user can't repeatedly click the same hotspot to up the value of the variable.
The Next button has a condition on it that shows my Warning layer if the value of the variable is not 2. When it is 2, the congratulations box appears, the warning box disappears, and the Next button is allowed to advance to the next slide.
In this demo, I have a text box at top right that will show you the variable value, and I used 2 markers to show you where the hotspots are.
I may add a function so if the user clicks anywhere that is NOT a hotspot I can offer some helpful text and my "Show me" button. I welcome any ideas on how to simplify it or improve it. Cheers!
Your original idea would work too! You could build your positive feedback into the Selected state of each object. And you could add a next button on the slide but set its initial state to Hidden, then use a trigger to change it to Normal when the state of each correct object is Selected.
Lots of ways to skin a cat ... if you like, feel free to attach your slide here and we can show ya how to do the caption thing and the conditional next button!
Oops, looks like we were posting at the same time. Let me take a look at your file - back in a minute!
Nice work, Chris! I like what you did with the warning layer and the hint layer! And you could totally build a "helpful text" layer that appears if learners don't click the right place. The trigger would look like this:
Scene 1 in the attached shows an example.
Oh that's great. Thanks so much. I'm liking Storyline a lot!
This was extraordinarily helpful. I now have great Pick Many quiz questions. But I don't want the cursor to change to a hand when hovering over a correct answer. If learners snaps to noticing that hand over the selected area, they won't have to know the answer - they can just look for the hand. So - can I turn off that hand when hovering over the correct areas?
SMILES
SUsann
Hi Susan,
It's really easy to turn off the hand cursor for hotspots (once you know how). I took a screen shot from the file Jeanette had provided:
Hey Jeanette! thanks for the tutorial! Is there a way to do the hotspots in sequence and grade that? I don't really want to have to grade each step individually, but I want to make sure they do the "clicks" in the right order...
thanks for any help!
~Meg
Hi Meg,
Jeanette doesn't work for Articulate any more ;(. She is missed.
I'm attaching a freeform quiz that does what you want. Not sure if it could have been simplified, but I tried a few things before this "final" version. I'm open to simplification if anyone wants to jump in.
You'll see that the numbers 1, 2, 3, 4 (so I think you'll "get" the sequence ) are covered with transparent objects...I've left a thin line around the rectangles, so you can see where they are.
There are Correct and Incorrect buttons offstage and these are the two choices in the Quiz.
Triggers are set up so
the Correct button is selected IF ALL conditions are met when the user clicks Submit...at which point the correct layer shows.
or
The Incorrect button is selected IF ANY of the conditions are NOT met when the user clicks Submit...at which point the incorrect layer shows.
In order to ensure that Learners click the buttons in the correct order, each rectangle has an associated T/F variable, defaulting to false. If Learners click in the correct order, the associated button's variable is set to True.
For example,
etc....but you'll see it in the trigger pane.
Please shout out with any questions.
Thanks, Rebecca
When I right-click on a "pick many" shape, this is the shortcut menu I see (no "Show hand cursor on hover"):
Is there another way to get rid of that tell-tale hand?
SMILES,
Susann
Hi Susann,
So, do you NOT have hotspots? I assumed you were working along with the file or idea that Jeanette had posted which included this Screen Shot. If that's not the case, you can upload your slide? If is IT the case, you'd need to right-click on the hotspots rather than the shapes.
Thanks Rebecca,
The initial post was about hot spots only having 1 right answer and Jeanette explained using Freeform > Pick many so that I can have many right answers on the slide. So if you consider those Pick Many areas as hot spots, then yes, I do have hot spots. And when I right click over those areas, I get the menu I showed above. I still want to get rid of the cursor hand when the shapes are moused over.
SMILES
Susann
excellent! thank you so much Rebecca, that makes sense - might be a bit of work to set up all those variables, but definitely doable
love this community!!!
Thanks!
Meg
Susan, I'm not sure I understand the problem with the Pick Many freeform. By default, the hand cursor shows over ALL the answers, not just the correct one. It would be easier to sort out your problem if you uploaded your slide. Is that possible?
Meg, I agree. Great community. If you have any questions on that setup, please shout out.
Hi Susann,
I'd agree with Becky, that to help us determine what's occurring it may be best to see your Storyline file. If you're unable to share here in the forums, I can send you directions to share with me privately.
I just wanted to let you know this was VERY helpful
Delighted to hear it, Nancy! Always love to see when an older discussion is still coming in handy!
Is there a way to include a "pick many" in the quiz results. I have it working properly but I want to include it in the quiz results. Appreciate your help.
Thanks
Leanne
Please ignore my post above. Silly mistake by me!
No worries Leanne - we all have those moments.😀
Glad you got what you needed.
I've been reading various posts on multiple hotspots, and they all seem to skirt my issue but don't address it directly. That is, I would like the learner to click on either of two correct spots on an image. In my Freeform Pick Many, the learner must click on both spots to get a correct answer, which is not what I want.
Is there a way to have two areas (hotspots) on the image, and clicking on either hotspot (and then Submit) will retrieve a correct response?
Any suggestions would be welcome.
Thank you.
Hi Stuart,
Thanks for contacting us to share what you would like to create for your course.
Is there a way to have two areas on the image, and clicking on either will retrieve a correct response?
The short answer is yes, but you have to create it :)
Here's an idea:
Attached is a sample created by a previous community member that displays this behavior with a few options for a correct answer as an example.
Please note that hotspots were not used for this example, but you can see how they could be.
That's ingenious Leslie. Thank you SO much.
Stuart
This discussion is closed. You can start a new discussion or contact Articulate Support.