As Flash was the leading authoring tool till a few years ago, most organizations have a massive investment in Flash-based courses. Today, most browsers do not support Flash. Today’s learners want the flexibility to learn on the device of their choice (notably Tablets and Smartphones) and not just desktops and laptops. Since Flash does not support mobile devices, there is an intrinsic need to convert your Legacy Flash courses to HTML5, which would make them mobile compatible.
The need to migrate Legacy Flash courses to HTML5 can be viewed from two perspectives:
As we know, organizations have made significant investment on Flash-based courses in the past. Many of these have a long shelf life and continue to be relevant. However, these courses do not support mobile devices. There is very limited support for Flash in browsers. Very soon, this support may cease to exist.
Studies clearly indicate the learners’ shift from desktops to mobile devices. They also indicate designing eLearning courses that are responsive is emerging as a clear standard.
Globally, there is a clear shift from traditional eLearning (available on desktops and laptops) to mLearning or mobile learning which is multi-device. Learners want this flexibility wherein they can learn on the device of their choice.
However, migration of eLearning courses to HTML5 is not as straightforward as it sounds. You can read some of my previous articles (listed in the Read More section at the end of this article) where I have highlighted these aspects and have also shared pointers to maximize your ROI in the process.
Now, we move on to an interesting opportunity this migration exercise provides. You can use this exercise to not only gain the technology uplift, but also incorporate the trending and more immersive learning strategies.
Let me begin with the key factors that impact the ROI of training and then identify the techniques that can influence or impact this. We will then see how we can use this migration opportunity to embrace these techniques and create an impactful training.
Key factors that impact the ROI of training
Here are my recommendations. You can leverage this opportunity to:
Use learning techniques that engage and motivate learners, including:
Use innovative formats that appeal to learners (rather than traditional eLearning approaches), such as:
Foster an environment of continuous, collaborative, and inclusive learning through:
Here are 4 examples that showcase how we enhanced the training impact as we migrated the Legacy Flash-based eLearning courses to HTML5 using more immersive techniques. All these examples feature:
Imagine what you would have got if you had opted for only technology uplift. These superior designs uplift the learner engagement quotient and facilitate sticky learning.
This course was originally a traditional eLearning course which needed to be redesigned for a modern learner profile.
Overall, the new, migrated course offered the learners a more intuitive experience through better hierarchy in information and engaging layouts, and users found it easier to navigate through the course. The new course design also offered the learners better ways to interact in the course, and they now had better control over the pace at which they wanted to learn.
Before: 3 separate frames on Introduction and Module structure
After: A single frame with required information (layered and more intuitive)
Before: Image was not relevant to the content and visual hierarchy was not also not apt
After: Relevant imagery and precise information hierarchy
This course was originally a Flash-based, traditional eLearning course with heavy visuals supported with animations. The whole content was presented in a user interface that looked like a book. The content was presented using contextual imagery and typography.
Before: The design looks dated (the initial course was designed over 7 years ago)
After: Modern and contextual imagery is used to set the context
Before: The design looks dated and screen looks cluttered
After: Contextual imagery and a clear visual hierarchy
The original course was initially developed using an older HTML framework that was not compatible with Smartphones and had a lot of interactivities that were not optimized for a mobile platform.
Before: Traditional eLearning design format
After: Uses a Scenario based learning in a Guided exploration mode
Before: Traditional and heavy design
After: Easy to read and clean uncluttered design
Example 4 – Migration of a traditional, page turner eLearning course into scenario-based, Mobile Apps to engage a modern learner demographic
This was a traditional eLearning module created as a PPT and integrated into an articulate presenter framework with minimal controls for the user. It was more like a page turner wrapped into a nice User Interface.
Before: Cluttered design
After: Uncluttered and crisp design with clear visual hierarchy
Before: Traditional format
After: Modern design
I hope this article gives you food for thought that you can use as you plan the migration of traditional eLearning courses to HTML5 format. Do use this opportunity to enhance your training delivery’s impact. If you have any queries, do contact me.
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
How To Evaluate The Right Partner To Outsource Your eLearning Content Development