How to Build an M-learning Template With Storyline?

How to Build an M-learning Template With Storyline?

How to Build an M-learning Template With Storyline?

It is common knowledge that mobile devices have become an integral part of our lives. Many organizations are taking advantage of the widespread use of mobiles and using m-learning to train their employees. According to Ambient Insight, the global mobile learning market is likely to touch $12.2 billion by 2017, registering a staggering compound annual growth rate of 18.2% for the period 2012 to 2017.

The phenomenal growth in the demand for m-learning solutions has resulted in online training experts taking up rapid authoring tools which can be used to publish courses to HTML5, a mobile friendly format. Most rapid authoring tools such as Articulate Storyline provide HTML5 output, but do not support the development of responsive e-learning courses (which can be accessed on any device in a seamless manner) effectively. So, while using such tools for developing m-learning courses, you need to design an m-learning template based on the device requirement.

Today, in this blog, let us see how to build an m-learning template with Articulate Storyline.

The first thing you should do while designing an m-learning template is to change the screen size. This is very important to avoid re-work at a later stage.

Step 01:

Click the Design tab on the ribbon.


Step 02:

Click the Story Size button on the Design tab.


Step 03:

Change Story Size window pops up where you can change the screen/slide size according to your device requirements.

If you are designing an m-learning course for a specific device, then you need to set the story size as per the device’s screen size.


Note: The size in the screen shot is set for Portrait view.

Step 04:

Now, remove the unnecessary features of the player that would eat away the screen space. For example, removing the menu would save a lot of screen space.


Step 05:

Also, remove the built-in Slide navigation controls from the slide properties as we have to create navigation controls as per the design requirements of the mobile.


Step 06:

Now, go to the Slide Master from the View tab.


Step 07:

In the Slide Master, design the layouts and navigation controls as per the agreed design standards and requirements. Here, I have designed different layouts for different slide requirements.


Step 08:

Incorporate interactivities, quizzes, and all the necessary components according to the client’s requirements. Here, the screenshot shows the example of a quizzing slide.


Step 09:

Finally, publish it for the mobile.


That’s it! Similarly, you can build different m-learning templates according to the project requirements. Simple, isn’t it?

Note: Some organizations implement the bring-your-own-device policy for delivering training through m-learning. In such cases, it is not advisable to use Articulate Storyline as the rapid authoring tool does not support responsive design. Adobe Captivate 8 would be the ideal choice for these organizations.

Hope you find these tips interesting and helpful. Please share your thoughts through your valuable comments.

View eBook on  Making Articulate Storyline Dance to the E-learning Developer's Tunes