Skip to main content

Seven Useful Web Development Tips & Tools for Cross-Compatibility

As a web designer, you would think that the major Internet browsers would’ve come to some sort of agreement on standards and best practices after all this time. In reality, browser compatibility is a minefield of confusing conflicts and picky platforms that refuse to play nice with each other. Here are some useful tools and tips for riding out the waves:

Tip: Create a profile of your target audience.

cross-compatibilityYou could easily spend hours optimizing your pages for every browser from the first iteration of Mozilla forward. At some point you have to ask yourself, who is using this?
Does your website cater to contractors and DIY homeowners who may use their cell phone for texting, but are more comfortable surfing the net on a PC? Are you trying to reach C-level execs who have their iPhone surgically attached to their hand?
Think about their native technology environment, and prioritize your compatibility efforts based on the technology your audience prefers. The idea is to shape your message to their medium, or browser in this case.

Tip: Do not guess about what your audience is using.

Research and prioritize intelligently, and be prepared to back up your decisions with facts. Everyone loves seeing statistics.
Let’s say your client or your boss asks you to make the website compatible with their pet platform. You need something more compelling than, “Your browser is out of date; you should upgrade.” Let them know you mean business. “Your browser currently represents .5% of global browser users,” carries the weight of authority. And you can back it up.
Fun W3Schools Usage Statistics as of November 2009:
95% of browsers have JavaScript enabled
90% use Windows family operating systems
62% use Windows XP

Tool: W3Schools – Browser Share Statistics

cross-compatibility
W3Schools has the latest numbers for browser share past and current. They offer a monthly breakdown of the most popular browser platforms, including which versions garner the lion’s share of users. Firefox and IE ( versions 6, 7, and 8 ) are the most common browsers. At the back of the pack, Google Chrome has captured 8.5 percent, with Safari holding 3.8 percent. These statistics are extracted from W3Schools’ log-files, but W3Schools monitors other sources around the Internet to assure the quality of these figures.

Tool: W3Schools – Browser Display Statistics

This breakdown will show you what screen size visitors will most likely use to view your website. You can also see how colors will be viewed on your site.
Surprising, most computers are using a screen size of 1024×768 pixels or more, with a color depth of at least 65K colors. Remember the old standby screen size of 800×600? Only 4 percent of visitors actually use that setting!
Keep in mind, this data comes from W3Schools, a website catering to web technology hounds. Definitely a tech-savvy audience there. Your mileage may vary.

Tip: Website audiences are unique.

Global averages are helpful, but the important thing is how your users see your site. Website audiences are unique as a fingerprint. Some web site users favor the latest technology, while others have grudgingly accepted email as a universal form of communication. Dig into your website analytics to find out what technology your visitors use to access your website.
“First get your facts; then you can distort them at your leisure,” – Mark Twain.

Tool: Google Analytics – Browser Capabilities

cross-compatibility
Google has a fantastic (and free!) tool to analyze your own Browser statistics. From your dashboard, select Visitors > Browser Capabilities to access this tool. You can view by Browser alone, or look at the OS driving the browser technology.
This Analytics section provides very detailed information about your visitors. You can view typical screen resolutions, screen colors, operating systems, and so much more.
Wondering how your latest Flash creation or JavaScript app will play with your audience? You can see which version of Flash your visitors are using, and how many have JavaScript enabled.
Another useful feature of Analytics enables you to look at visits, time spent on site, new visits and bounce rates for these various browser segments. You can also view goals and conversions for each type of browser, OS, and screen resolution. See how these technologies affect your goals for the site.

Tip: Do not idolize statistics.

cross-compatibility 
In the immortal words of Oscar Wilde, “The pure and simple truth is rarely pure and never simple.”
Keep in mind, many statistics may have incomplete or faulty browser detection. It is quite common by many web-stats report programs not to detect the newest browsers.
Also, if you find that a small segment of your traffic is extremely active or spending a lot of money on your site, you may want to optimize for them. Even if they’re a small part of the overall pie, they could be crucial to the success of your site.
“You cannot – as a web developer – rely only on statistics. Statistics can often be misleading.” – W3Schools


Comments

Popular posts from this blog

Evolution Of Computer Virus [infographic]

4 Free Apps For Discovering Great Content On the Go

1. StumbleUpon The granddaddy of discovering random cool stuff online, StumbleUpon will celebrate its 10th anniversary later this year — but its mobile app is less than a year old. On the web, its eight million users have spent the last decade recommending (or disliking) millions of webpages with a thumbs up / thumbs down system on a specially installed browser bar. The StumbleUpon engine then passes on recommendations from users whose interests seem similar to yours. Hit the Stumble button and you’ll get a random page that the engine thinks you’ll like. The more you like or dislike its recommendations, the more these random pages will surprise and delight. Device : iPhone , iPad , Android 2. iReddit Reddit is a self-described social news website where users vote for their favorite stories, pictures or posts from other users, then argue vehemently over their meaning in the comments section. In recent years, it has gained readers as its competitor Digg has lost them.

‘Wireless’ humans could backbone new mobile networks

People could form the backbone of powerful new mobile internet networks by carrying wearable sensors. The sensors could create new ultra high bandwidth mobile internet infrastructures and reduce the density of mobile phone base stations.Engineers from Queen’s Institute of Electronics, Communications and Information Technology are working on a new project based on the rapidly developing science of body-centric communications.Social benefits could include vast improvements in mobile gaming and remote healthcare, along with new precision monitoring of athletes and real-time tactical training in team sports, an institute release said.The researchers are investigating how small sensors carried by members of the public, in items such as next generation smartphones, could communicate with each other to create potentially vast body-to-body networks.The new sensors would interact to transmit data, providing ‘anytime, anywhere’ mobile network connectivity.Simon Cotton from the i