A rainy weekend is the perfect time to catch up on some e-learning challenges, and I’m really digging deep into the archives for this one!
This challenge was to develop a gate screen for course content. It was specifically requested to develop two slides, but I feel like the gate screen is pretty self-explanatory, so I opted out of the second slide.
I knew I wanted an elegant looking gate screen, so I chose a background image relevant to my content (in this case, driver training tips – specifically, tips for driving in the rain). I then added shapes to create a sleep looking ‘popup’ box with second shape at the top, posing the question.
Some of the best gate screens I’ve seen operate as knowledge checks, so that’s the style I chose. I created a multi-response question with two layers. One layer for correct (with a green banner and a continue link) and one layer for incorrect (with a red banner and a continue link).
For the multi-response question, I used checkboxes so the user could see which selections they made when the feedback appears. I then added triggers to show the correct layer if Checkbox 1, 2, and 3 are selected IF Checkbox 4 is not equal to Selected, and a trigger to show the incorrect layer if Checkbox 4 is selected.
Click Here to view the full interaction.