Gate Screens in Online Courses #3

Gate Screens

Gate screens are a great way to make learners pause and interact with your course before continuing through it. Think of gates like floating dialog boxes that provide a big picture overview or contextual help for a specific slide.

Challenge of the Week

Show and share your best out-of-the-box ideas for using gate screens:

Objective: Design a two-slide interaction that includes a content screen and a gate screen. The content screen can be a placeholder screen. The key is to show how your gate screen will load and close in relation to the course.

Tools: You can use Articulate Storyline or PowerPoint to create your example.

Sharing

This is a really great way to practice your visual communication skills while building up your e-learningportfolio. To share your files, do one of the following:

Comments: Use the comments section below to share a link to your published project. The comments section allows links but not attachments. If you have a question or want to share your source files, you should use the forums.

Forums: Create your own thread in our forums and share a link to your published source file. You can also attach your project files if you’d like some help or feedback.

Personal blog: Post your published example on your own blog and include a link in the comments below.

Looking for inspiration?

We were totally impressed with the creative ideas you shared in last week’s tabs interaction challenge. Thanks for making it a big success! To warm up for this week’s challenge, check out the creative examples your fellow community members shared last week:

Squeaked this challenge in with another one I just created (#8)! I had so much fun and spent way too much time on this one.
Blog: http://jennifervalley.blogspot.com/2014/10/is-clip-art-dead.html
Tweet: https://twitter.com/jvalley0714/status/521759371089293312
Files: https://drive.google.com/file/d/0B8fzCiZzCiQmTUItRjFXb19mRVE/view

I began by recreating the gate screen shown in the demonstration. After that I tried different approaches while also playing around with ghost buttons. Thanks for the challenge!
https://www.dropbox.com/s/0uphrmozh0jp73d/E-Learning%20Challenge%20%233%20-%20Gate%20Screens.pptx?dl=0

I couldn't go more than a few days without throwing another one of these out here... So I came up with a quick picture game that utilizes gate screens and uses a state change depending on the choice on the first slide. The game is functional with a counter, which also comes out in the feedback. Have fun!
Project:
http://www.richardcordrey.com/Projects/3_GateScreens_Cordrey/story.html
Blog:
http://www.richardcordrey.com/portfolio/elearning-heroes-challenge-3-gate-screens/

Hey All. After a long absence from the challenges, I'm jumping back in!
Description:
http://davidlindenberg.com/portfolio/gate-screen-challenge/
Demo:
https://dl.dropboxusercontent.com/u/35891322/sandbox/Challenge-3%20-%20Storyline%20output/story.html

Thanks Pamela and David, I'm glad you both like it!
There's also a free download of the template on my website, David. Here's the direct link: https://drive.google.com/file/d/0B-VQowE8H2dZdG5fOW05QUlHLWs/view?usp=sharing

I applied a different approach. In this, a person has to give his mobile number for authentication. The person will receive a one time miss call from +1234567XXX
S/he has to enter the number to access the course.
Here is the demo.
http://kawstov.com/Demo/motp/SL5/story.html
The mobile no. is not captured by the process right now, so do not worry about privacy :)
However, we can build a process around that, to capture essential data.
Here is the link for the missed call API.
https://www.mashape.com/motp/motp-sms-less-two-factor-authentication
I'll update the 'how to...' soon on my blog post - http://blog.kawstov.com/elh-challenge-3-building-an-e-learning-gate-screen/

Here is the link to my gate screen course:
Be a Customer Service Rockstar
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/stp1a6m1becb18gr1tur10qmounav34/story.html
This weekend I am working on getting a permanent space for my Elearning courses instead of Tempshare.
Thanks,
Dana

Good to see you again, Dax!
Thanks for sharing your gate screen ideas and blog post overview. I just updated the recap to include both your blog and demo: https://community.articulate.com/articles/gate-screens-modal-boxes-elearning-recap#DaxLovett

Nice gate screen examples, Deanna! I really like the way you designed your objective buttons.
I just updated the recap to include your project: https://community.articulate.com/articles/gate-screens-modal-boxes-elearning-recap#DeannaBrigman

This one was a lot of fun. I used my gate screens when time was up for the timed interactions in this activity. I'm reading _Telling Ain't Training_ right now, so I used one of the activities in the book to do this challenge.
https://dl.dropboxusercontent.com/u/156825228/eLearning%20Challenges/Challenge%203/Memorize%20an%2018-digit%20Series%20-%20Storyline%20output/story.html

Hi everyone - a little late, but here is my entry for this Challenge. It is a gate screen that is used in a real project. The idea behind it, was to check if the user had selected the correct choices.
Here is the demo and download for SL2 en SL360
http://www.eyespirations.com/portfolio-item/gate-screens/

Here is my take on Gate Screens. I was inspired by my current cold...yuck.
Here is my blog post about this course: http://www.elearningbydana.com/coldvsflu/
Here is a link to the course: http://www.elearningbydana.com/ELearningChallenges/ELH3_ColdorFlu1/story_html5.html
-Dana

It's never too late for an elearning challenge. Upload your file and share the link here. Here's info on how to share your files http://blogs.articulate.com/rapid-elearning/5-easy-ways-share-e-learning-courses/