Mobile learning, or learning on the go, provides multi-device support.
Slowly, there is a shift from offering this multi-device support that featured a fixed layout (mobile-friendly or adaptive eLearning design) to a dynamic design (mobile-first or responsive eLearning design) that automatically adapts to the viewable area of each device.
As is true for any transitions, this raises associated questions like:
In this article, I provide answers to these questions and then outline tips that you can use to create great responsive eLearning designs. I wrap up the article with 7 examples from our repository that show you how you can create great responsive eLearning designs that will create a more engaging learning experience.
Unlike the first-generation, mobile learning solutions that were mobile friendly (worked on all devices but featured an adaptive or fixed layout), the mobile-first or responsive eLearning designs adapt to the viewable area of a device creating an optimal view and a better learning experience.
Interestingly, the responsive eLearning designs draw their inspiration from the responsive website designs.
To illustrate the difference between adaptive and responsive eLearning designs, see how the same content would appear across devices:
While mobile friendly or adaptive eLearning designs provide the flexibility to learners to consume learning across devices, they are designed primarily for layouts of desktops/laptops. As a result, they work well in the landscape mode on tablets and smartphones. However, in the portrait mode, the content shrinks.
Furthermore, since they are not primarily designed for mobile devices, they use learning interactions that are not optimized for mobile devices.
You Should Invest In Responsive eLearning Designs:
Take a look at the following stats that prove the rise in consumption of content on mobile devices and more significantly, why you should adopt a mobile-first approach:
Here is a list of my 5 tips that will help you create great responsive eLearning designs for your learners:
If you are planning a first-time roll out of response eLearning design in your organization, do plan for a focused user group testing early in the development cycle. This will ensure that the feedback can be applied in the eventual delivery and you get a clear affirmation that responsive eLearning is indeed the answer your learners are seeking.
Start the design from the smallest real estate (smartphones) and then build up to other devices. Validate the design feasibility on the smartphones, particularly the portrait mode. With this foundation, you will be providing optimal viewing across all devices that learners may opt for.
There is a significant process of eLearning content customization that you need to factor for. Once this is done, can you offer an optimal learning experience across different devices with different viewable areas? For instance:
Simple and intuitive navigation is vital in creating a great learning experience, and this aspect assumes a greater relevance on smartphones on account of limited real estate. Obviously, what would work for a smartphone will not look as good on another devices, so do select different formats so that you are able to offer equally good learning experiences across devices.
Effective learning interactions hold the key to a successful and sticky learning experiences. Remember not to transpose what worked on tablets/laptops; this would not work and in fact, may come in the way of big thumbs.
Similarly, all clickable buttons or other assets must be large enough. Otherwise, the learners would find the approach to be cumbersome, and they will lose interest, including suspending the learning on smartphones.
Now, I pick 7 examples of responsive eLearning design. In each example, I have highlighted why we love this design.
I love the immersive learning experiences and engaging learning journey in this course. It offers short, nugget-based formal training and Performance Support Tools (PSTs or job aids) for learners in different formats; videos, decision-making scenarios, and gamified assessments. This is not all. There is curated content that is updated periodically so that learners keep coming back for more!
I love the simple yet intuitive interactivities that emulate a mobile app design approach in this course. The Virtual Reality (VR) nugget is my favorite as it offers an immersive and sticky learning experience.
I love this approach as it leverages the power of video-based learning in a microlearning format; context-setting, explaining a concept, providing a solution, or creating a learning summary.
I love this course for the granularity of microlearning-based learning paths to offer a personalized and participative learning journey.
It is used as a prelude to a larger course, such as data security and privacy. The microlearning format used is that of a parallax website with interspersed learning elements as the learners complete their journey. I love the anchor; an ethical hacker who leads the learners through the learning path with highly interesting comments.
I love this course as it features a very real and relatable situation that each one of us would have encountered at the workplace! It uses a decision-making microlearning format where scenarios drive the learning journey along with a fully responsive design appeal, using our custom HTML5 framework.
I love the combination of microlearning with quizzes and scenarios for higher engagement and better retention of formal training or Performance Support Tools (PSTs or job aids).
I hope this article provides you with insights on what responsive eLearning designs are and when should you invest in them. I also hope that the featured examples showcase how you can use the responsive or mobile-first eLearning designs to create better engagement and higher impact training.
If you have any queries or need any specific support, do contact me at email@example.com.
The Service You Are Interested In *elearningmlearningGamificationMigration of Flash to HTML5MicrolearningSocial LearningInteractive VideoMobile AppsBlended LearningLocalisationResponsive Learning PortalsReporting and AnalyticseBridge Review TooleSpace – Platform to enhance ILT/VILT deliveryContent CurationOthers
How Can You Measure The Learning Effectiveness Of eLearning Courses And Create A Positive ROI
Creative Instructional Design Featuring 7 Learning Strategies That’ll Work For You
Why Microlearning Based Training Is Trending
Using Social Learning to Foster Collaborative Learning
ROI On Training – How Can You Measure It And Maximise It?
Is Outsourcing Of eLearning Content Development Right For You?
How To Evaluate The Right Partner To Outsource Your eLearning Content Development
What Is Gamification And How Can It Enhance Corporate Training?
Why You Should Adopt Gamification For Corporate Training
Flash To HTML5 – Essential Toolkit For Successful Migration