Skip to main content

Checking Web Design Changes in All Possible Browsers

I was looking at one local web designer's portfolio a while ago. I noticed that a lot of his websites looked fine in Firefox, but not in Internet Explorer. He was obviously testing only in that browser. Then suddenly the situation reversed as newer sites looked fine in Internet Explorer, but not Firefox.

And there is also a local fancy dress shop who's website you must look at in Internet Explorer, because the images of the costumes do not show in Firefox. Seriously, and these examples are genuine, this is a major problem as many customers will just see the problems, fail to navigate the website and move on.

What do we need to do?

So what do you need to do? Well the answer is very simple. Install the latest versions of Internet Explorer, Firefox and Chrome onto your computer and check that the website works in all of them and make the necessary changes to get them displaying correctly.

But, this is not enough. My own website statistics that I have accumulated from the visitors to several websites last month show that although these three browsers will only cover about 72% of visitors. You need to be also testing in older versions of browsers, especially Internet Explorer. If you can also test your website on the 2 previous versions of Internet Explorer then you are covering over 90% of website visitors. But for this, you need old versions of the browsers installed on other machines. Not always that easy, but with 20% of visitors using the 2 old versions of Internet Explorer, a necessary task.

Is this enough? There was one last well represented browser in my statistics and that was Safari, for the Mac. Thankfully there is a PC version of this as well that seems to perform the same on both the PC and the Apple Mac.

How do we do this?

Now I am not saying that this is easy, but to get the best from your website you probably need at least three PCs - with current, previous and older versions of the browsers installed on each. For more extensive testing, each should also have a different screen size, from 1024 pixels wide right up to 1600 pixels wide.

Are your visitors the same?

How would you know for yourself whether these figures are accurate for you? Well, I would doubt that another website would exactly match my experiences. More technically targeted websites probably get more technical people, who are more likely to use Firefox and up to date browsers. On the other hand, certain niches of websites are more likely to attract people on older browsers who are not maintaining the security through updates.

There is a simple answer and this also shows you if you need to test on other browser than those listed above. You install a tracking system such as Google Analytics and every quarter or 6 months, review the browsers that your visitors have been using and check that you are testing the experience on the popular browsers. Also look at your bounce rates by browsers and if any are particularly high, that could indicate that there is a problem with that browser.

Moving forward

The big problem we have is that there are new versions of browsers being issued all of the time and we just cannot keep up to date with every change. Instead, we should cover the vast majority of users and watch for trends developing in our traffic.

For Website Designing and Development
Website Designing Services Hyderabad
eMail : varadesigns@yahoo.com
phone : +91 9247457705

Article Source: http://EzineArticles.com/?expert=Keith_Lunt

Popular posts from this blog

What is XHTML ?

XHTML is almost identical to HTML 4.01 with only few differences. This is a cleaner and more strict version of HTML 4.01. If you already know HTML then you need to give littel attention to learn this latest variant of HTML. XHTML stands for EXtensible HyperText Markup Language and is the next step in the evolution of the Internet. The XHTML 1.0 is the first document type in the XHTML family. XHTML was developed by the W3C to help web developers make the transition from HTML to XML. By migrating to XHTML today, web developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility. Developers who migrate their content to XHTML 1.0 will realize the following benefits: 1. XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. 2. XHTML documents can be written to operate better than they did before in existing browsers as well as in new ...

Photo Optimization

Photo Optimization is necessary to allow a web page to load in the shortest amount of time possible. Fast loading time require small files. This article discusses the methods used for photo optimization. In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Fast loading requires small file sizes for pictures. Unfortunately, there is a trade off between picture quality and file size. Web surfers are a notoriously impatient bunch. If a website takes too long to load, they will just click away and never come back. Computer monitors can only display images at 72dpi (dots per inch). So the first step in photo optimization is to reduce the resolution to 72 dpi. Large picture can be sliced up into smaller ones and the put back together on the web page. Each piece will be a very small file and together will load in a fraction of the time a single image file would load. Most graphic files contain information about the color palette...

Mobile Web Design: Tips and Best Practices

Mobile Web Design Trends For 2009 Web designers know that the industry involves plenty of change, and continuous adaption and development of skills is required in order to stay up to date. In the past few years, one of the biggest areas of change has been the amount of Internet users who are accessing websites via phones and mobile devices. As a result, Web designers have a growing need to be educated in this area and ready to design websites that accommodate this audience. Because designing websites for mobile devices brings some unique situations and challenges into play, the subject requires a strategic approach from the designer and developer. In this article, we’ll look at the subject as a whole, including current trends, challenges, tips and a showcase of mobile websites. Plenty of helpful resources and articles are also linked to throughout the post, so if you’re interested in learning more about designing for mobiles, you should have plenty of information at your fingertips. 1....