Looking for a fresh way to bust some learner assumptions? Keep it simple with this handy comparison-based knowledge check/ quiz template I created in Storyline.
Hi,
This is really great but since I am still very new to all this I am curious to learn how you created the animated colour change from white to green so how is that done?
Many thanks,
Nick
Hi Nick. Thanks for the great question. The color change animation is simply a state on that translucent white field I created for the answer options. To create the animated effect, all I did was create a green rectangle the same dimensions as my rectangle for the answer option and then I added a wipe animation to the green rectangle. Then I used CNTRL + X to cut that animated green rectangle and then I pasted it (CNTRL + V) to a "Selected" state I assigned to that original translucent rectangle. I simply sent the pasted rectangle to sit behind the translucent rectangle to mute the color.
If this is a little over your head, no worries. Just reply here and I'll be happy to post a quick video demo of the steps.
Cheers!
Trina,
Thank you so very much for your reply I haven't had time to try it out but before I do am I right in thinking that you can't animate a state but you can animate an object first and then paste it into the state and it becomes animated? Is this what you have done?
Thanks again I really appreciate it.
Nick
This look great. I love the wipe effect.
I do have a question though... How would you go about locking out the second response after I choose the first? Currently, I am able to choose both responses on each question before clicking next. By doing this, I get 100% score, even though I may have chosen the incorrect response first.
Thanks
Leonard
Hi Leonard. Glad you like the project! Hope you'll find it useful.
So, right now this is set-up as a fun way of providing feedback/busting assumptions and really not as a robust quiz. You can achieve what you're describing in several ways. One way is by adding the correct/incorrect feedback layers in the Form View for each question. This would present the learner with a Continue button that would move them onto the next question, thereby preventing them from changing their response.
Thanks Trina,
Thanks for the reply. I will find this example very useful, as I'm always looking for better ways to present quiz questions. I really love what you've created here.
If I create the correct/incorrect layers, how do you avoid the need to create a "submit" button? I've always used the Storyline question template.
Thanks
Leonard
Hi again, Leonard. One way you can avoid using a "Submit" button is to use the learner's click of the answer option button and a "submit interaction" trigger. In order to see the wipe effect take place on the answer options, you'd want to go into the layer properties for the Correct/Incorrect layers and uncheck the "Hide Other Slide Layers" option and uncheck the "Pause timeline on base layer" option. I think you'd also want to do some tweaking to the default feedback layers (under View, Feedback Master) to reposition them so they don't obscure the animation on the base layer and to make them blend into visual design of the project a bit better. I'd also consider removing the "Learn more" button from the incorrect answer option in the current design, and instead place it on the "Incorrect... Expand
Hi again, Leonard. One way you can avoid using a "Submit" button is to use the learner's click of the answer option button and a "submit interaction" trigger. In order to see the wipe effect take place on the answer options, you'd want to go into the layer properties for the Correct/Incorrect layers and uncheck the "Hide Other Slide Layers" option and uncheck the "Pause timeline on base layer" option. I think you'd also want to do some tweaking to the default feedback layers (under View, Feedback Master) to reposition them so they don't obscure the animation on the base layer and to make them blend into visual design of the project a bit better. I'd also consider removing the "Learn more" button from the incorrect answer option in the current design, and instead place it on the "Incorrect" feedback layer, just to keep the design nice and clean without too many different spots for people to focus on.
Hope this explanation helps. If not, let me know and I'll do a real quick & dirty demo video and post it in reply.
Cheers!
Hi Trina,
Thanks again for taking the time to reply. I love your suggestions and I will be playing with these on my next assessment.
The removal of the "Submit" button will also create a better blend with the browser. so many wins from this post!
Thanks again
This is fantastic! I'm still very new to this, so I'm curious how I go about changing the point value that appears after the user selects their answer. Even though I change the actual point value on the selection from 10 to 5, when the user clicks the answer the "Answer Option 1 (star pic) 10 points" still appears. Is this a hidden layer or how do I go about changing that? Many Thanks! Brian
Hey Brian! Great question. The point value is actually just a text box on the "Selected" state for the answer option. All you need to do to change that is select the answer option object and click on the "States" tab (next to the Timeline tab). Click on the "Edit States" button and then, with the "Selected" state chosen, simply grab the text box that currently reads "10 points" and change it to whatever value you need. Here's a quick screenshot of the Edit States tab to illustrate what I mean: http://take.ms/7gxpl
Let me know if you have any other questions. Happy to help!
Great template! I was using it in a course, but I can't figure out how to edit the additional options for the incorrect choices (I can see where I can edit the "normal," "hover," and "selected" states, but there is an additional red incorrect colored state when you you make the same wrong choice twice. I can't figure out how to edit the text so it doesn't say "Option 1" or "Option 2".
Can someone please help direct me?
Hi Annalisa. Glad you've found this template useful. The incorrect choice can be edited on the Selected state for that answer option (and for the correct answer option, too). That's where you'd remove the Option 1 & Option 2 text. Hope that helps!
29 Comments
Hi again, Leonard. One way you can avoid using a "Submit" button is to use the learner's click of the answer option button and a "submit interaction" trigger. In order to see the wipe effect take place on the answer options, you'd want to go into the layer properties for the Correct/Incorrect layers and uncheck the "Hide Other Slide Layers" option and uncheck the "Pause timeline on base layer" option. I think you'd also want to do some tweaking to the default feedback layers (under View, Feedback Master) to reposition them so they don't obscure the animation on the base layer and to make them blend into visual design of the project a bit better. I'd also consider removing the "Learn more" button from the incorrect answer option in the current design, and instead place it on the "Incorrect... Expand