Creating a Useable Website

instructor Jason Quintin

Don't Make Me Think

  1. There is nothing to "Get"

    Everything should be self evident, Obvious, Self Explanatory

  2. When done correctly the medium and interface should be ill relevant and aide the user to finding information.

  3. When Planning/designing a website you should try and answer more questions than you create.

  4. If you can't make something self evident it should at the very least be self explanitory

  5. We rarely read an entire page, nor do we follow a set path.

What can go wrong

Sometimes our urge to be clever & unique can overshadow clarity

General rule people do not like puzzles. fighting against convention will always loose

When in doubt err towards the obvious

What actually Happens

Designing for Billboards

People are not pouring over your words and designs. You need to grab them quick and make sure that relationships matter.

Keep it Simple

Omit Needless words, and content


It should function similarly like walking through Sears.

Understanding Homepage Design

As quickly as possible a homepage must answer these questions for the users

Understanding Homepage Design

Answering these questions often have to be conveyed through these conventions and provide a starting point. Some elements that maybe included.

Understanding your other pages

Your visitors aren't always going to come to you through the front door. Each page should be a consistently branded experience. With a sense of position and direction

Other things to consider

Successful sites build trust with their users. People are incredibly smart so do not try to full them.


My Typical Work flow.

Milage may Very

Allot of thinking has to happen even before a pixel hits the page. It is incredibly easy to get excited by diving into code and design. Without understanding your objective though you will be Design, Redesign, repeat. First we must understand

What is the Plan

Lets talk about about a few plans

Understanding C.R.A.P.


Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. Strong contrast between page elements allows the user’s eye to flow from one to another down the page instead of creating a sea of similarity that’s boring and not communicative.


Repeat styles down the page for a cohesive feel. if you style related elements the same way in one area, continue that trend for other areas for consistency.


In my opinion, quality alignment and spacing is the hallmark of good web design. Friends often ask me how I produce my design work, and honestly, I just line things up and make sure the padding around design elements is symmetrical and relative to their sizing.


Proximity creates related meaning: elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

Going even a little deeper

The interfaces we design must first be functional – they need to solve a problem for us. Next, they need to be reliable Our interfaces need to be usable – easy to learn, easy to use, and easy to remember.

We have to balance

Finally.. is it pleasureable