Posts Tagged ‘website design’

Website Design Basics: Usability

July 19th, 2009

When designing a website, or paying someone to create one, you should have at least one thing in mind: usability. Even if a website looks great, if it confuses us, we will leave (and probably not be back). Most of our browsing sessions are limited to a short time span, browsing at will until we find something that scratches our itch. Here’s a diagram from the book Don’t Make Me Think by Steve Krug:

How We Really Use The Web - Steve Krug

How We Really Use The Web - Steve Krug

It’s something that can be lost after countless hours designing the perfect “looking” website, while forgetting the basics or the point of a website. Remember this key fact when developing your website and in your discussions with your web designer.

On a side note, I highly recommend Steve Krug’s book for any business owner, web designer, or anyone involved in the industry (plus it’s a quick read).

  • Share/Bookmark

Website Accessibility

July 6th, 2009

Accessibility is something that is rarely taken seriously and something most business owners are unaware of. By accessibility we mean your website being displayed properly to anyone and everyone that comes across your website, including the disabled. The FAE (Functional Accessibility Evaluator) is a great online validation tool that combines the validation from the W3C (World Wide Web Consortium) Guidelines, the United States Federal Government Electronic and Information Technology Accessibility Standards (Section 508), and the Illinois Information Technology Accessibility Act (IITAA).

Some people would argue that it “takes too much time,” or “something they will do later” — but the fact of the matter is, your website should not ignore anyone. By creating a website that is completely accessible to anyone, you are entering into Universal Design. Last time you walked into a supermarket, did you realize the doors (most likely) opened up automatically for you? That function was originally designed to assist those in wheelchairs to enter the store more easily, while also helped anyone that was not disabled to enter the store easily too (while also reducing germs etc).

When you create a website that is accessible to the entire population, you are also enabling your website to be more search engine friendly, while also helping you become a better programmer / designer (three birds + , one stone).

Sources:

FAE (Functional Accessibility Evaluator)

W3C (World Wide Web Consortium) Guidelines

the United States Federal Government Electronic and Information Technology Accessibility Standards (Section 508)

Illinois Information Technology Accessibility Act (IITAA)

Great book for anyone wanting to expand their knowledge on Web Standards or Accessibility:

Designing With Web Standards – Jeffrey Zeldman

  • Share/Bookmark

Horizontal Layouts

June 24th, 2009

A fairly new design that has been making its way around, is the horizontal layout. Although gaining popularity, you haven’t seen it on any of your major websites. A horizontal layout is one where you scroll through a website left to right, rather than scrolling down to read more information. The Urban Outfitters blog is a great example of this.

Once you get the hang of using the website, it’s not all that bad — it makes sense. But that’s the catch, people have to figure out how to navigate your website, and with the amount of information that we have at our finger tips, I don’t know if we have the time to learn a new way to browse a website.

The last thing you want your visitors to do is think, especially when looking for information on your website. The ultimate goal is allowing your visitors to find the information they are looking for without a battle. Once they become challenged, they may leave and never return.

One thing is for certain, once you browse a horizontal site it does feel natural. Everything we read is left to right so it makes sense. It is a step that your competitors most likely aren’t making, but then again — there might be a reason for that.

What do you think?

  • Share/Bookmark