Our Research into Flash and HTML5: Which One is Right For Your Project?

Although it’s still early in the evolution of HTML5, we’ve started to receive many requests to develop data visualization projects in HTML5 instead of Flash.

In most cases, these requests have been related to a desire to reach a wider audience, and the belief that HTML5 will be more compatible than Flash. We’ve also heard a lot of people mention that they need to have their visualizations work on the iPad.

These are reasonable expectations and requests, so we did some research to find out exactly which audiences we could reach by deploying a large data visualization project in HTML5. We also took a look at how the iPad could influence the experience.

You can select any of the images in this post to see our entire collected research in infographic form. A breakdown of each section, with some additional thoughts about what we learned, is below.

 

Browser Market Share

The most obvious thing you notice when looking at the data about technology compatibility is that if you are interested in developing a visualization that can be used on the greatest number of web browsers, it’s pretty hard to compete with Flash.

As of May 2011, Flash was supported by 99% of the available web browsers, while 40% supported HTML5. Given that HTML5 is still new, this is understandable, but probably something to consider if your main goal is compatibility. What was more interesting is that only 1% of browsers are available for use on the iOS. Definitely something to keep in mind if your goal is to reach a lot of people.

 

Potential Audiences

After looking at how the technologies were supported on current browsers, we calculated how many people would be able to view the visualization, using each technology. The maximum audience that would be able to view an HTML5 project is about 800 million people. That’s a lot of visitors, but it’s actually only 2/5 of the more than 2 billion potential visitors that can see a site developed in Flash.

 

Interactive Features

The most important part of our research focused on the features that can be supported by each technology. A lot of people make the assumption that if their project will work on the iPad, it’ll work everywhere — and for the most part, this is true. However, in order to develop a piece that works on the iPad, you’ll have to sacrifice a bit of functionality.

We chose to look at the features that would be most commonly used to develop a large data visualization, but could also apply to any major online development effort: the ability to dynamically draw things on screen, support 3D objects, work with vector-based objects, integrate video & audio, apply filter effects, integrate with APIs, and make network socket connections.

You’ll notice how the features become less supported in HTML5, and then even less so on the iPad. What’s worse, there is a big performance difference between the iPad and the iPad2. This means that while some of these features are supported in the earlier versions of iOS Safari running on the original iPad, the performance is greatly compromised.

Select the image below to see a larger comparison:

 

Browsers by Market Share

The last thing we explored was the overall market share by browser types, and how HTML5-compatible each release version is. Most modern browsers can support HTML5, but keep in mind that a lot of large companies do not regularly update their web browsers, and can be one or two versions behind.

 

Considerations

So what does this mean for your next project?

Flash

  • Flash is an established and unified platform that reaches 99% of desktop and laptop browsers with a broad and consistent feature set matched with solid performance. Applications can be developed for Flash with fewer technical restrictions and greater speed than is currently possible in HTML5. Currently, 85% of the most-visited web sites use Flash, and 75% of web video is published for Flash Player.
  • Perhaps the most significant drawback to developing with Flash is that some mobile browsers, specifically iOS Safari, lack support for the technology. However, while the mobile iOS market is growing, it currently only accounts for approximately 1% of the total browser market.

HTML5

  • HTML5 is a synthesis of several new and existing technologies (primarily JavaScript, CSS3, Canvas, and SVG), and as such, has a broad potential developer base. It allows for the deployment of an immersive application in modern browsers that either do not, or cannot, have the Flash Plugin installed – most notably Safari for the iPad which has a screen size large enough to interact with an immersive application.
  • The HTML5 development landscape is still somewhat lawless, and there are known inconsistencies between browser implementations of core features. Being an aggregate of technologies, it lacks an established and unified methodology, which can increase the development needed for cross-browser compatibility.

Apple iOS

  • Among mobile devices and tablets, Apple’s iPod Touch, iPhone, and iPad account for a large and growing market. The default web browser on these devices, iOS Safari, accounts for about 20% of the total mobile browser market. To date, Apple has sold over 100 million iPhones and nearly 20 million iPads.
  • Immersive content intended to target these devices must be developed in HTML5, or as a downloadable app. Unfortunately, the support of HTML5 on iOS Safari is incomplete, specifically in the realm of communication and animation protocols.

 

Conclusions

We’re excited to see how HTML5 evolves.  It’s a good new synthesis of technologies and has a lot of potential for growth. The fact that its core technologies are open source should indicate that it will be well supported and accessible, and it’s likely that its feature set will only increase. At the moment however, it’s hard to say that it is a better choice than Flash for reaching the widest audience with the largest amount of features.

If your goal is to develop content in HTML5 so that it can be viewed through both a web browser and the iPad, (to reach the largest amount of people), you might be a little disappointed. Content developed in HTML5 for the iPad has the least available features and performs the worst out of all HTML5-compatible scenarios.

This is not to say that HTML5 development shouldn’t be done. We’re developing a collection of visualizations for HTML5 and feel confident that they will still be engaging and interesting; and for smaller pieces it could be a great choice.

However, from a purely analytical point of view, the best option for developing a feature-rich dynamic data visualization right now still seems to be Flash.

 

 

What do you think?  Do you have experience with HTML5? Leave a comment below, and let’s start a discussion.

comments 153 TrackBack URL comment