May 22, 2018
Mobile First Designs in eLearning: A Mobile Learning Case Study
Comments
(3)
May 22, 2018
Mobile First Designs in eLearning: A Mobile Learning Case Study
Asha Pandey is a seasoned entrepreneur with over 36 years of experience. After a successful transition to MPSi, which acquired EI Design in May ’22, she retired in Aug’22. Prior to her retirement, Asha was the Founder and Chief Learning Strategist at EI Design.
Legend 317 posts
Followers: 157 people
(3)

From being a desirable approach, mobile learning is fast becoming a standard for online training. Now, you hear of debate on mobile friendly vs. mobile first designs. In this article, I share a case study featuring a mobile first design in eLearning.

A Case Study On Mobile First Designs In eLearning

Mobile learning has matured over the last 8 years and has seen a steady increase in its adoption by L&D teams worldwide. With its intrinsic strengths of any time, anywhere access to learners, it comes as no surprise that it is now seen as the future of learning.

Specifically:

  • It provides control to the learners with the added advantage of flexibility as they can choose when to learn, how to learn, and which device to learn on.
  • It facilitates higher usage and application as it is accessible to all learners within their workflow. They can access the required inputs at the moment of their need.
  • From the organizational perspective, it can address the wide spectrum of corporate training needs making it the first choice of L&D teams.

What Are the Key Drivers That Are Increasing Its Adoption?

Besides the flexibility and control mobile learning offers to learners, the following factors are accelerating its adoption:

  • Look at the extensive usage of smartphones in our daily lives. Given this, using smartphones for training (to facilitate both formal and informal learning) makes sense.
  • More often than not, learners do not log in to the LMS or intranet to seek inputs they need during work. However, if these inputs (formal training/learning summaries/job-aids and so on) are available on smartphones, they will certainly be accessed and processed. This reality check is leading organizations to offer more pieces of training in the mobile learning format.
  • For training to be engaging, we need to offer it in formats that engage learners better. Notably, mobile learning uses microlearning techniques that make learning short and easy to internalize. Furthermore, it normally features formats like videos, interactive videos, and apps for learning that resonate better with learners.
  • Another significant factor is that mobile learning solutions offer multi-device support. This flexibility allows the same course to be available on desktops/laptops and tablets/smartphones. Learners can begin learning on office desktops but continue the practice or quizzes on their smartphones.

All these factors are accelerating the adoption of mobile learning for corporate training.

Now, let me address mobile friendly versus mobile first designs in eLearning—What do they mean and when should you use these approaches?

To understand this better, let us look at the evolution of mobile learning. Then, I will share a case study that features a mobile first design in eLearning.

How Has Mobile Learning Evolved, And What Considerations Are Important As You Use It Today (Mobile Friendly Vs. Mobile First Design In eLearning)?

At EI Design, our mobile learning practice was established in 2011. In the absence of established authoring tools then, we had created a custom HTML5 framework. During the last 8 years, we have been part of the evolution and maturing of mobile learning solutions.

Let me summarize the evolution of mobile learning. This backdrop is necessary to understand as it leads us to the mobile first aspect:

  1. The early mobile learning solutions supported formal training, which was rendered in the traditional eLearning format. During this phase, only certain components of the formal training were made available on mobile devices.
  2. The second avatar was the use of mobile learning to offer informal learning, notably as job aids (Performance Support Tools or PSTs).
  3. Increased usage of microlearning-based techniques enabled mobile learning solutions to address formal training (with learning paths) and informal training with equal ease. This truly accelerated the adoption of mobile learning to address most of the corporate training needs today.

With the maturing of authoring tools and supporting technologies to create mobile learning solutions, mobile learning solutions are now available in 2 formats:

  • Mobile Friendly (Adaptive designs)
  • Mobile First (Fully responsive designs)

How Can You Determine If You Should Opt For The Mobile Friendly Or The Mobile First Design In eLearning?

At EI Design, we make the distinction based on how content is consumed by learners (that is, on which device).

Mobile Friendly (Adaptive Designs)

These are multi-device designs and work seamlessly across desktops/laptops and tablets/smartphones.

  • The notable aspect is that on smartphones, they map the landscape mode well but will shrink when viewed in portrait mode.
  • This approach is designed when content is mainly to be consumed on a combination of desktops/laptops and tablets and partially on smartphones.
  • In short, these designs are not optimized for smartphones.

Mobile First (Fully Responsive Designs)

While this approach also supports a multi-device approach, the designs here are fully optimized for smartphones.

  • The design adapts to the viewable area and as a result, the user gets the same experience in both portrait mode as well as landscape mode of the mobile device.
  • This approach should be adopted when you expect a majority of content consumption on smartphones.

Case Study

Now, I share a case study that features a mobile first (fully responsive design) approach. The learning strategy is Scenario-Based Learning (SBL).

Key Aspects Of Mobile First Designs For eLearning

As mentioned earlier, this approach was used as we expected nearly 100% of the usage of smartphones.

As a result, we had to design learning experiences that were optimized for smartphones. The cues were taken from the way we interact with smartphones as well as from Apps.

  1. The interactive screen had simple and intuitive interactivities (similar to a mobile app design approach).
    Mobile-first-design-in-eLearning-case-study-interactive-screen
  2. To bring in more dynamic animations and visual effects, the scenario screens were converted to video nuggets.
    Mobile-first-design-in-eLearning-case-study-video-nuggets
  3. Knowledge checks were converted to decision-making activities. Usage of icons to represent key concepts made the processing of content easier for the learners.
    Mobile-first-design-in-eLearning-case-study-knowledge-checksMobile-first-design-in-eLearning-case-study-knowledge-checks-feedback
  4. We simplified the conversational screens’ representations by keeping minimal content on the screen and using intuitive mobile first interactivities.
    Mobile-first-design-in-eLearning-case-study-conversational-screensMobile-first-design-in-eLearning-case-study-conversational-screens_kcMobile-first-design-in-eLearning-case-study-conversational-screens-feedback
  5. We also used knowledge checks periodically to check the learner’s understanding by using interesting and contextual visuals.
    Mobile-first-design-in-eLearning-case-study-knowledge-checks-introMobile-first-design-in-eLearning-case-study-knowledge-checks-question

Impact

With this approach, we were able to create a high impact mobile first design in eLearning. The designs are visually engaging and interactions are optimized for mobile devices as the users wanted.

Listen to the audio version of the article:

https://soundcloud.com/user-623513612/podcast-mobile-first-designs-in-elearning-a-mobile-learning-case-study

I hope this article helps you in understanding the differences between a mobile friendly versus mobile first approach and aids you in opting the right approach for your mobile learning solutions. If you have any queries, do contact me at apandey@eidesign.net.

Source: https://www.eidesign.net/mobile-first-designs-in-elearning-a-mobile-learning-case-study/

3 Comments
2018-05-29 14:55:50
2018-05-29 14:55:50

Very nice example! Thank your for sharing. There will come a day soon (if not here already) where mobile is the primary means users access our content.

Like
2018-05-22 19:34:02
2018-05-22 19:34:02

“Mobile first” is gaining more and more popularity. The same applies to websites of all kinds. But it is possible to make ‘mobile first’ approach desktop/notebook friendly as well. Then we don’t have to worry about our target learners.

Like
(1)
>
Piotr69
's comment
2018-05-24 17:33:51
2018-05-24 17:33:51
>
Piotr69
's comment

Totally agree. If same learning design works for mobile and system both, that would be an ideal winning situation.

Like
Add Comment