Mobile eLearning Design Demo

Mobile Learning MLearning Example

Storyline eLearning Example Designed for Smart Phones

Launch Demo

Following are a few design tips for creating eLearning that plays well on various devices supported by a Storyline demo example.  Contact Us if you need help designing or developing your next eLearning project.

  1. Responsive is not mandatory: While you can create responsive eLearning courses using a tool like Captivate, Storyline, Lectora, etc. or manually programming in HTML5, you can instead choose to create a single layout that supports the lowest common denominator.  This demo is designed to be user friendly on desktop, smart phone, tablets, and other devices.
  2. Use Fewer Words & Larger Type Font: This is a great idea regardless of how large your screen is. Modern eLearning uses audio narration, images, and some text to reinforce concepts so there is no need to include a lot of text on screen.
  3. Use Testers of Various Age Ranges and Genders:  When soliciting feedback from testers you will find that a  20 something may find 14 pt font size just fine, while a 50 something may not. Error on the side of the font being too big rather than too small. Men tend to be color blind more often than women, so ensure you use colors and styles that work for everyone.
  4. Mobile does not automatically mean Smart Phone: While we recommend that all courses be exported as HTML5 compatible, we do not recommend that all courses be designed to fit on smart phones. Do you really want your learners trying to master your new software system using a smart phone while away from the desktop upon which they will actually be accessing said system? Remember that most of your learners will have regular access to large computer screens or tablet devices and that online learning is best absorbed and retained when in a quite focused environment.
  5. Don’t publish to Android and iPhone: For now (as of 8/18/15) many of the eLearning authoring tools that publish to specific phone devices do so in a way that is buggy at best. Instead, just publish HTML5 output and use the phone or other mobile device browser instead of phone specific apps.
  6. Push training to PC’s and Support Info to Phones: Blended learning used to mean mixing instructor-led training with eLearning. However, you can also have a blended technology approach whereby the primary lecture and interactive elements (like software training for example) are designed for PC-based consumption while refresher training and support documentation are designed for quick reference via mobile devices.

This eLearning example demonstrates how we use Storyline to create eLearning specifically formatted to fit a modern (as of 2015) smartphone screen size.  M-Learning Demo Features include:

  • Portrait layout
  • Familiar smartphone navigation design
  • Smart graphic design/theme
  • HTML5 output