Mobile Learning – Tips for Designers to Create Mobile Friendly eLearning Courses

Mobile Learning – Tips for Designers to Create Mobile Friendly eLearning Courses

Though instructional designers initiate the content planning for mobile learning, it is the designers who think of the best design strategies to make an eLearning course much mobile friendly.

In this blog, let us look at some most relevant and important tips for designers for creating mobile friendly eLearning:

Tip # 1. Go on with the motto – ‘Space is Precious’

The real challenge for designers in mobile learning is the ‘screen size’. Avoid unnecessary buttons, banners, notices and all similar content to display on the ‘primary content’ screen. Keep the navigation controls, legal and copyright information away from the screen so that you can minimize the distractions for the learning content.

Tip # 2. Stick to your parameters to display text and graphics

Once you have finalized the screen sizes to go for, prepare relevant parameters for text and graphics to suit the screen sizes. Do not compromise on these parameters.

  • Fix the font size – the ideal default font size is 14 points.
  • Determine the per slide word count.
  • Finalize the graphic size that should not be exceeded.
  • Implement – ‘More icons & Less Text’ strategy
  • Use only clear, bright and simple images without any clutter and complexity.
  • Never insert text on the images – in case images are compressed in some devices, it affects the font display.
  • Determine landscape or portrait view – because it affects text and graphic display on the screen.
  • Ensure that scrolling is minimal. It primarily depends on how well you plan the course design.

Tip # 3. Address other miscellaneous operations effectively

Prior to implementing the design, it is ideal to observe how the chosen devices are held in the hand and operated.

  • Ensure that the touch-screen operations are totally finger-friendly. Enable the images to be enlarged and minimized easily, using the fingers.
  • Prefer to use simple interactivities and short animations.
  • Keep sufficient empty space around screen elements that the user is supposed to touch.
  • Better to go with single-column flow to display the primary content.
  • Use simple layouts without any clutter, to ensure multi-device compatibility.
  • Make the navigation simple and intuitive. The supporting UI design should ensure smooth mobile learning experience.

Tip # 4. Fix in the mind – Testing is the key

Compared to other modes of development, mobile learning needs a thorough testing as there is a danger of device-based display issues due to the influence of different aspects.

In fact, it is very difficult to create one eLearning mobile design that can work across all mobile devices. You can choose some devices and target them while developing the content.

Testing should be perfectly done on the chosen devices, so that you can notify the list of devices on which the content can be best viewed.

  • Check the font size and font display – Font should not be too big or too small.
  • In case you prefer custom fonts, thorough testing needs to be done on multiple devices. Compared to custom fonts, using system fonts is always safe.
  • Check text and image overlapping, and image cluttering
  • Check the loading time – address issues that can cause the loading problem.
  • Have a preview in the very early stage of the development and then, keep on checking at multiple intervals after every update.
  • Thorough testing needs to be done for screen behaviour of the elements used.


As a designer, while developing a course for mobile learning, your perspective should be changed according to how the course is displayed and functions on mobile devices. This approach can help you plan innovative strategies to develop mobile friendly eLearning courses.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply