Moving your flash based courses to HTML5? Here are five best practices to keep in mind.
1. Consider incorporating responsive design principles so that your content will work well on devices with different form factors (Smartphones, Tablets).
2. Evaluate browser compatibility for HTML5 from your end user perspective. If for some reason, your users are all using Internet Explorer 6 or 7, HTML5 will not work for your users. And every browser has different levels of HTML5 compatibility!
3. Encode your videos in multiple formats such as MP4 or OGG. Different browsers support different video formats and it’s always good to know the devices and the browsers used by your target audience.
4. HTML5 still has difficulties in playing multiple media elements together such as multiple videos or sounds at the same time. Also, you need user input to start playing multimedia elements. All of these features are possible in flash. So consider the impact on instructional design and media design upfront.
5. Set up a test lab. A basic HTML5 test lab should include a Desktop or a Laptop with a Smartphone and Tablet from both Apple and Android (Samsung devices). Windows and Blackberry devices can be included if know your users have these devices.
HTML5 is an evolving specification. So watch out and make no assumptions!