Web Standards Design

I have become religious about web standards design and accessibility. I won't confuse you with XHTML, CSS, Transitional DTDs and the like (unless you really want me to!). I'll simply develop a design that looks and works perfectly in all the browsers you need it to.

The Benefits

Improved Page Load Times

Spaghetti code, nested tables and outdated markup can triple the bandwidth required for even the simplest of websites. This means that users are forced to wait longer for your pages to load - increasing the chance that they'll bailout before they've even seen your logo.

Maintainability

Does your site look different in different browsers? Or do you create a new version of your site every time a new browser or device is released? Designing and building with web standards lowers production and maintenance costs. Make design changes in hours, not weeks.

Forward Compatibility

When designed and built the right way, any document that is published on the web can work across multiple browsers, platforms and devices, even those that are yet to be built or even imagined!

Backward Compatibility

Because standards are inclusive by nature, standards-based design accommodates people who use older browsers and devices.

Accessibility

Comply with accessibility laws and guidelines without sacrificing beauty, performance or sophistication.

Support for Non-Traditional Devices

Adhering to standards allows organizations to accommodate a variety of non-traditional browsing devices - from PDAs and mobile phones to Web TV and Videogame Consoles and Screen-readers.

Frequently Asked Questions

When should I do this?

Before you buy new servers / pay for more bandwidth. If your pages are large in size, you could probably save a ton of bandwidth by designing for standards-compliance.

If you are spending money every time a new browser version is released. Is your site "best viewed in Internet Explorer?" Are you maintaining multiple versions of your site to cope with the needs of different browsers? It's time you upgraded. A standards-compliant design will look good in all future browsers, on Mac or PC.

If changing the colors and fonts used across your site would mean updating every page. Web standards design involves centralizing design control. Fonts, colors and layout devices are specified in one place only. This means that one change affects every page in the site. No more search and replace.

If your pages take more than 4 seconds to load. Slow response times are the most common complaint of Internet users. After waiting past a certain attention threshold, users bailout to look for a faster site. This threshold is around 4 seconds. Web standards design can often halve the size of web pages, meaning faster loading times.

But will my site still work in older browsers?

I can create an accessible design that works with any browser - old or new. I will work with you to understand who's using your site and then select the correct tools for the job.

I can't afford a large redesign just yet, are there any tweaks I can make to tie me over?

I advocate that pages are laid out with Cascading Stylesheets (CSS) instead of HTML tables wherever possible. But I can patch-up your table-based designs to meet basic levels of standards-compliance and accessibility - until you're ready for a wider redesign.

Aren't these cutting-edge techniques? Sounds risky to me

There's really nothing to be scared of. The tried and tested techniques of old had their place when standards were in their infancy and poorly-supported by mainstream browsers. But those days are gone now. Now that modern browsers are solid enough we can safely discard outdated methods, work smarter, and satisfy more users.

What I Do

Preparation

I will begin by auditing your existing website against the Web Standards (W3C) guidelines. This tells me exactly what needs to be done. I'll also work with you to understand business objectives, common user tasks, and technical constraints. This ensures that our page designs can be implemented with maximum impact.

Design and Implementation

First the templates are designed and built. Then I test them across all mainstream browsers and platforms: Internet Explorer, Netscape Navigator, AOL, Opera, and Mozilla. I also test with popular assistive technologies including text-only browsers and screen-readers. This ensures maximum standards compliance and proves that our new designs will work in whatever environment you need them too.