People approach web sites in very different ways to how we design them

Designers need special skills to succeed in this environment

To start learning ways of designing for real users, we can gain insights into what the brain is good at. This provides a useful foundation for developing and evaluating design techniques.

Fortunately, the mass experience of digital design is at our disposal, and provides us with patterns and conventions that are proven to work.

Contents

Web Design Process Overview
Read this first - my complete no-nonsense step-by-step guide to designing web sites
Reduce, re-use, recycle
These 3 principles of sustainability work really well as a web designer's mantra
Attention Map
Pencil & paper tool for planning page layout
Design like no-one's watching
Designers need to learn to look at their work through fresh eyes
The Design Spectrum
A visual tool for picturing the relative aesthetic and functional elements of a design solution
Don't Decorate, Communicate!
Concentrate on the content of the message you're communicating, which is far more important than how it looks
Golden Rule of web design
My golden rule - a simple touchstone to help all design decisions
Pursuit of the Original
The value of laziness in design, and why the pursuit of the original can be detrimental to design success
Simplicity in web design
Explains why the principle of Simplicity is so helpful in web design
Think Then Do
A discipline for visual designers that minimises fiddling
Work smart, not clever
Why designers should practice working smart instead of being clever.
10 Productivity tips
My top 10 tips for working more productively
My Workstation
A tour round a pro web designer's desk and the 10 tools I can't live without

Further reading...

Do you love our approach to crafting simple & effective web sites that just work for people?

To make your web project a success, contact Scratchmedia for Great Web Design - guaranteed!

Search this site
Pro Tips
Learn how to make fantastic web site designs..
Buy "Save the Pixel" now!
On “Save the Pixel”
Clicss templates, great robust useful CSS templates from £40
Share this Article
Send to a friend now&hellip
Follow Ben Hunt on Twitter
Floor 3
111 Buckingham Palace Road
London
SW1W 0WQ
UK
Phone
+44 (0)207 1600 989

Articles + tutorials in Web Design Process

Web Design process overview
Menu of articles in the process section
Complete Web Design Process Overview
My breakdown of the ideal web design process.
Think Then Do
Use this discipline for visual designers that minimises fiddling and maximises effectiveness.
Design like no-one's watching
Designers need to learn to look at their work through fresh eyes
Don't Decorate, Communicate!
Concentrate on the content of the message you're communicating, which is far more important than how it looks
Reduce, re-use, recycle
These 3 principles of sustainability work really well as a web designer's mantra
10 Productivity tips
My top 10 tips for working more productively
Work smart, not clever
Why designers should practice working smart instead of being clever.
Why code by hand
The argument for typing your HTML and CSS by hand.