Articualte Storyline: E-learning Course Navigation with Keyboard – See more at: http://blog.commlabindia.com/elearning-development/navigation-elearning-with-keyboard-keys?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+CommLabIndia-CustomTraining-ElearningBlog+%28Custom+Training+and+eLearning+Blog%29#sthash.61AXIFDs.dpuf

Written By Satish Kumar Viyyapu from CommLab India
URL: http://blog.commlabindia.com/elearning-development/navigation-elearning-with-keyboard-keys

Articualte Storyline: E-learning Course Navigation with Keyboard

In online courses, learners will be able to navigate the course with the help of mouse. What if the learner wants to navigate with the help of a keyboard? Can we develop a course which allows him to do that? Yes, we can. Let us see how to create such a course in Articulate Storyline.

If you want to allow your learner to navigate to the next or previous slide using left arrow and right arrow keys respectively, here are the steps you need to follow.

Step 1: Create your eLearning course, as per the requirement.

Step 2: Click the Properties icon on the bottom right corner of the slide.

Step 2

Step 3: Uncheck the Next and Previous checkmarks to remove the Previous and Next buttons for your eLearning course and click the OK button.

Step 3

Step 4: Now, click the View option in the menu bar and select the Slide Master option to open the master slide view.

Step 4

Step 5: In the master layout, add two triggers for navigation.

Trigger 1: Jump to previous slide when the learner presses the left arrow on the keyboard.

Step 5 - Trigger1

Trigger 2: Jump to Next slide when the learner presses the right arrow on the keyboard.

Step 5 - Trigger 2

Step 6: Publish the course and check the output.

Step 06

In this way, we can create other navigational buttons in the GUI (M- for menu (opens customized menu), X-exit course and others) of your eLearning course.

Hope you find this post useful. Do share your views.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s