Basics of Web Design
Intro to web site design skills

Scanning

Instead of starting at the top and reading downwards, most people have learnt that they get better results by scanning over the page, looking for certain clues.

Content is our problem

A lot of designers think that web design is about the interface, and that content is what's added on later.

Content is our problem

Designing for the content should be the designer's problem and focus, because content is the key to success.

Content is our problem

Remember the purpose of design: To enable communication between the consumer and the content.

How people use web pages

They're impatient - they tend to click the first promising link, and often don't wait for pages to finish loading

How people use web pages

They don't like to read, scanning text quickly for clues.

You don't know how the user got here

You can't always be sure what route a user has taken to get to your web page.

What you should do:
Provide enough information on each page to make it clear what the site is about, where you are in the site, what's on the page, what is elsewhere and how to get what you want.

Design to the Brain's Strengths

Elements are more distinguishable when they:

Design to the Brain's Strengths

Simple, conventional, recognisable layouts that you know work will be more likely to work for your users than complicated, innovative designs.

Direct the user

Headlines, subheads, body copy point size, pictures, colours - all are used to 'signpost' the route the good designer wants the reader to take through the material placed before him.

The Golden Rule

Everything that goes into your web site must have a purpose.

Every single element and decision must help users achieve their goals and support the site's goals.

Web Design Conventions

Conventions make the designer's job easier, meaning we don't have to invent solutions for common problems, and letting us concentrate on specifics.

Web Design Conventions

If you want to go to a web site's home page, you'll look first at the top-left of the screen for a logo or a button with the word "Home" on it. No-one told you to do this, you've learnt from experience.

Web Design Conventions

If you see A set of | Words | Separated by | Little vertical lines at the bottom of a web page, you assume that they are a set of general links within the web site you're on. The only reason that should be the case is that you've learnt the convention from other sites.

The Sphere of Design

Your web site can be both visually appealing and easy to use.

In fact, your web site should be both appealing and functionally powerful!

Examples

Questions?