The Evolution of Flash Content
When Flash first became popular many websites included a “Flash Intro” that began with a progress loader and a “skip intro” button. More sophisticated designers used cookies to spare the viewer the intro on subsequent visits. Eventually the Flash intro was extinct and followed by Flash banners, embedded Flash animation and Flash apps. Flash plug-in limitations including the inability for search engines to index content forced developers to maintain alternate content.
Mobile Kills Flash
The lack of Flash player support on certain smart phones and tablets (thank you Apple) has practically made Flash illegal in the marketing world. Research predicts the use of tablets to almost double by early 2012. While Android and Blackberry tablets will support Flash research shows that nearly 89% of the world’s tablet traffic comes from iPad.
HTML 5 offers a new way to create animation
Just recently I witnessed my first HTML5 intro animation on the Magento website (it may or may not still be available). It’s subtle, tasteful, revealing logos of customers and its short and ends by fading into the homepage.
How to Create HTML5 Animation
Adobe is developing an HTML5 animation tool that looks promising but they haven’t indicated when it will be released except for saying soon. Here’s a video demo.
Already have Flash? Convert to HTML5
Swiffy from Google Labs converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads).
Swiffy currently supports a subset of SWF 8 and ActionScript 2.0, and the output works in all Webkit browsers such as Chrome and Mobile Safari. If possible, exporting your Flash animation as a SWF 5 file might give better results.
Providing a rich experience with subtle choreographed motion and sequentially revealing content is a great way to add style and class to your message and finesse to your overall brand experience. Designers are no longer forced to display static graphics as the first visual impact they have on viewers. Put extra emphasis on the word ‘subtle’ – no need to revive the ‘skip intro’ button. A skilled design, animator or programmer with solid layout/design sense can quickly learn to create HTML5 animation.