User Interfaces Should be...

If you want to support everyone by including all the new devices, you need to be responsive and choose an appropriate set of information to display.

But if you are supporting the widest range of possible devices capable of browsing the internet then you must support the browsers as well.

Give people a reason to upgrade is always the excuse. But that is not life. Some people have older browsers and that is just life.

Avoid Dark Patterns in your designs.

Instead of trying to maximise your engagement with users, minimise it! Focus on minimising your impact on the users day. Start thinking of yourself as a utility, rather than a destination. 

-- Source

Printable Sheets for Sketching Website Designs

There are several great printable templates available for planning your website design. Here are the ones I found most useful.

Sneekpeekit - Printable Sketch Sheets

I recommend learning about the Visual Vocabulary from Jesse James Garrett. The website has detailed information on how to describe information architecture and interaction design. (The book is also a good read.)

Zurb has a set of responsive sketch sheets and a good article on how to use them when planning your responsive design.

Inspiration Hut also has a set of printable papers.

960grid has several printable sketch sheets; their sheets have 12 or 16 columns in them. We use a 12 column grid so I found these sheets most helpful.

If you prefer not to draw your plans by hand, Balsamiq has a program for making wireframe mockups.

Another set of sketch sheets good for showing the movement of parts in a fluid/fixed layout.

Remember, you should always design without colour.

Suggested Reading

This page contains information I gathered and thought were very useful. See more notes on design.

Just to let you know, this page was last updated Saturday, Jul 20 24