Search
Recommended Products
Related Links


 
 

 

 

Informative Articles

10 Tips on designing a fast loading web site
Tips and tricks on effective web design The Number 1 rule that every web designer should follow is to create a fast loading web site. You might have a great design but very few people are going to see it if it takes a long time to load. While...

Cascading Stylesheets: 5 Reasons To Use CSS
Cascading Stylesheets become more and more important in today's webdesign. But before you decide to get started using CSS you should know why CSS is so important and what its advantages are. 1. The content is separated from the design...

Diabolical Design
© 2004, John Calder http://www.TheEzine.net You can find guides and tips on good web site design everywhere. In 1998, Vincent Flanders co-authored a book with a unique twist. It was called "Web Pages That Suck", and Mr. Flanders followed that with...

Display RSS Feeds
Displaying RSS RSS offers webmasters a unique opportunity to display fresh content on websites. While publishing an RSS feed is a great way to generate site interest and increase communication, syndicating and displaying feeds from related relevant...

Guns Don't Kill People - Videogames Do!
“Ban these evil games”, “Videogame violence corrupting our nation’s youth”, “video games stole my husband”. It seems everyday that the media are making more and more claims about the evils of videogames. But are these claims based on fact, or is it...

"I'm just me" - An Overview of an Web er.. Designer, Developer, Consultant and Friend.
I am going to give you a breakdown of my ... er ... work ... playtime .... income .... I'm a UK based Web Designer, Web Developer, Internet Consultant. I build websites, content management systems and internet solutions for anybody who can afford...

"I'm just me" - An Overview of an Web er.. Designer, Developer, Consultant and Friend.
I am going to give you a breakdown of my ... er ... work ... playtime .... income .... I'm a UK based Web Designer, Web Developer, Internet Consultant. I build websites, content management systems and internet solutions for anybody who can afford...

Interactive Forms
Why interactive forms? Forms are easy enough to create when they are simple, like search boxes. But what if you need them to be complex? How about changing the forms based on input by the viewer? This is where interactive forms using Javascript...

SVG and Flash as the same species
We can name several technologies for displaying 2D interactive vector graphics on the web however, two names rises among other contenders. These are the Macromedia’s Shock Wave Flash (SWF) and the World Wide Web Consortium’s (W3C) Scalable Vector...

Using CSS with Tables
Tables are currently the most common method of laying out/structuring a web page. Although the use of tables for this purpose is considered, by many, to be a misuse, it is by far the easiest way of organising web page content. Most purists...

 
 
 
Making The Business Case For Web Standards


Through the explosive growth of the Web, companies have realized the benefit of building a strong online presence. By publishing a website to the Internet, companies are able to build their brand, market their products, support existing customers, release publicity pieces, and even take orders. Lost in the feverish pace of growth however, has been an eye on the effect that their current web-building practices have on the bottom line and the future of their online presence. Not only does the website content itself have an impact on the company's income but so does the way the site itself is created.

Building your site with a commitment to web standards - and continuously testing to ensure it maintains its adherence to those standards - can save your company money and even increase website related income.

What are web standards?

Web standards are, for purposes of this discussion, carefully designed sets of rules and protocols that drive web-based content throughout the Internet.

Specifically, web standards revolve around:


  • Structural Languages - such as HTML, XHTML, XML, SMIL, SVG, MathML

  • Presentation Languages - such as CSS, XSL

  • Document Object Model

  • ECMAScript


These web standards have been defined by the Worldwide Web Consortium (W3C) and other standards bodies to ensure the interoperability and access of documents placed on the web. Documents that follow the established standards will benefit in many ways:


  • Lower maintenance effort and cost

  • Lower cost for redesign

  • Improved usability and accessibility

  • Broader compatibility across platforms and devices

  • Reduced hardware demand and cost


Site wide look and feel consistency

Designing to current standards enables the site to maintain the same look and feel theme throughout the site. Standards also allow the site's look and feel to change rapidly with little additional load on personnel resources.

Improved usability: smaller document size loads faster

Designing to current standards means that - by proxy - the documents will be smaller. Because of this, the pages will load faster for the user. Download times have been shown to be a factor in website usability. A perceived delay in site presentation undermines users' evaluation of the site. Users systematically rate slower sites as less interesting and having lower quality content. In addition they report that delays interfere with task continuity, their ability to remember the site, and use flow. Exceedingly slow sites can lead users to believe an error has occurred. Finally, users correlate site performance and security: Chronically slow sites are considered to be less secure resources for purchase. (http://www.humanfactors.com/downloads/aug03.asp)

Better cross-platform compatibility

As browser manufacturers come closer to adhering to web standards, it is becoming clearer that creating standards-based pages can be an increasing assurance that the site will operate across multiple platforms. "Rendering fine" is a myth born of misunderstanding. Considering that 5 different rendering engines are used to surf the web using dozens of browsers (and versions of those browsers) on 3 platforms, attempting to test the site for rendering in every configuration is next to impossible. Coding to standards then, is the only practical solution for ensuring compatibility - now and in the future.

Prepares for the future

"Rendering fine" on current browsers is no guarantee that a site with invalid markup will render fine in the future. Moreover, it is no guarantee that a site will render fine (or at all) in the growing number of non-traditional devices such as PDAs and cellular telephones. As browser manufacturers make further efforts to make their

 


products adhere to standards, the point of "rendering fine" in target browsers becomes moot, anyway. Standards-compliant markup will be even more of a guarantee that it will work on all platforms than error-laden and proprietary markup.

Extensibility

Designing to the current standard means sites should be marked up using XHTML - an XML-compatible version of HMTL. Using this format will enable the company to venture into the inevitable world of XML without the need for major modifications to the site structure. XML features can be added quickly and painlessly.

Lower maintenance and easier troubleshooting

Personnel can come and go - but the code they create will stay behind. If that code contains error-laden, invalid markup and "work-arounds" for rendering in target browsers, it will cost the company money in personnel time to find the bad markup and make it right. "Because standards are very well documented, another person taking over some standard-compliant code can hit the ground running - and will not need to become familiar with the previous developer's coding practices." - Tristan Nitot, Netscape Communications (http://devedge.netscape.com/viewsource/2003/why-web-standards)

Regardless of who does the site maintenance, designing to standards ensures shorter time spent hunting down problems. While poor rendering may very well be a buggy browser, in most cases "rendering improperly" usually means "something is wrong". Validation is one of the ways to uncover exactly what the issue is. By maintaining a standards-compliant site, you are providing yourself with insurance that if something goes awry, you will be able to more easily and quickly get to the possible cause. Simply put, if you know everything else is OK, you can focus any troubleshooting efforts on what has been changed instead of looking at what else already existed that could have caused or exacerbated the problem.

Accessibility

Designing with web standards makes accessibility an easier goal to achieve, as standards have been created with accessibility in mind.

Proper markup goes beyond "validity". Each element in (x)HTML has been created with a specified purpose, and so creating a standards-compliant site also means using the most appropriate element for the task at hand. Doing so increases accessibility. Proper markup gives alternative access devices the ability to provide context to the page's content.

Reduced bandwidth cost

Last, adhering to standards-based markup can reduce the amount that a company pays for bandwidth. As stated above, adherence to standards has the effect of reducing the size of a document - by up to 50% or more by some estimates. This can lead to big savings in bandwidth charges for high-traffic websites.

Standards just make sense

So what does all of this really mean? As the company's website becomes more important to its bottom line, standards can help position the company as a leader. Those who choose to make the commitment to quality will find a payoff that begins immediately and lasts into the future. Right now, you'll save on development of new content. In the future you'll benefit from reduced maintenance and increased agility. Standards compliance just makes sense.

Additional Resources


  • HTML Standards Compliance - Why Bother?

  • Why Should You Validate Your Web Pages?

  • WASP: Fighting For Standards Liberty!

  • Quality! Validity!

  • Why We Won't Help You

  • How User-Agents Handle Tag Soup

  • The Business Value Of Web Standards

  • Web Standards For Business


Karl Groves is a freelance web designer who has done production work on sites for National Cancer Institute, Network For Good, Aerospace Medical Association and more.