Today, mLearning or mobile learning is an integral part of learning strategy. If you haven’t opted for it, chances are that you are evaluating it. Besides new online training development, you certainly need to evaluate to migrate some or all of you legacy Flash courses to a format that is compatible with Tablets and Smartphones.
In this article, I will begin the challenge that you face (existing Flash courses that are not supported on most mobile devices), the way forward (how to migrate your legacy Flash courses to HTML5 that supports multi-devices including Desktops, Laptops, Tablets and Smartphones). Additionally, I will share some of our best practices that will help you plan this migration exercise effectively so that you can achieve a positive ROI on your investment.
In my earlier article 8 Tips To Convert Flash to HTML5 That Will Help Your Business, I had highlighted the challenge (associated with legacy courses) and the solution (how HTML5 addresses the challenge). Let’s begin with this recap:
Over the years, all of us would have created courses that predominantly used Flash for development. With increase in demand to offer mobile learning, you would have realized that Flash courses do not work on most mobile devices. As a result, you need to plan to migrate the existing legacy Flash content to HTML5.
HTML5 supports all mobile devices (Tablets and Smartphones). Additionally, the more recent browsers support HTML5 enabling you to run the mobile-ready courses on Desktops and Laptops as well. This flexibility now allows a single build to work seamlessly across all devices starting from Desktops/Laptops to Tablets and Smartphones.
At EI Design, we have partnered with several organizations globally in their mandate to successfully migrate legacy Flash courses to HTML5. In the last 5 years, we have successfully migrated hundreds of legacy courses. In this journey, we have seen what worked and what did not. Here is a listing of our best practices.
I am quoting from my earlier article Migration From Flash To HTML5 – Warning: You May Be Losing Money.
Our best practices map to 3 stages of your planning. Essentially, these are aspects you should put in place prior to the migration exercise. You will see that using these simple and easy to implement best practices will make your migration effort worthwhile and create a positive ROI on you investment.
The success of any project is in direct proportion to the effort put in the pre-planning stage. We have noted that the success factors during this stage can be enhanced through the following four measures:
Watch out for the following three aspects:
Here you need to watch out for two crucial aspects:
1. Select adaptive vs. responsive designs: You have two options as you begin the migration from Flash to HTML5. You can opt for:
2. Select the right authoring tool: Selection of the right tool is a tough decision and this must be done so that it can help you deliver the gains you want to accomplish. Today, there are multiple options to choose from. Besides offering adaptive or completely responsive design capability, the tools can be further classified into rapid development (Articulate Studio 13, iSpring, Adapt, and so on) or standard mobile learning authoring tools (Adobe CS6 with CreateJS, Adobe Captivate, Trivantis Lectora, Articulate Storyline, and so on).
I hope this article provides insights on how you can craft the right approach to migrate legacy Flash courses to HTML5. If you have any further questions or would like to see how we have done this exercise for some of our global customers, 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