Skip To Content
Web Design

Don't Make Me Think

Things that make you think add to your brain’s workload. It might not be much, but these things add up, so every bit of clarity that can be added is welcome. Nobody likes feeling like they’re not sure what to do.

Not everything can always be self-evident. If not, settle for self-explanatory.
How people use the web

Most people don’t read an entire web page, but simply scan it for the first thing that looks good, which they then proceed to click. People don’t attempt a thorough understanding of a web site, but prefer to satisfice - making do with what seems like pretty good choices.

Design pages for scanning, not reading

Mindless choices are good #

In the sense that people don’t mind clicking more, if they are confident that they’re clicking on the right thing, and the choice was easy.
Writing for the web

Keep it brief.

Get rid of half the words, then get rid of half of what’s left.

Instructions are often useless - it’s far, far better to make things self-evident.

Design for both browsers, who click around to find what they want, and searchers, who go immediately for the search box.

Some problems with browsing, as compared to the more ‘human’ experience of a store, are the lack of a sense of scale, no sense of direction from one place to the next, and no sense of where we are, exactly.

Navigation exists to guide us, to give us something to grasp, tell us where we are, tells us how to use the site, and if it works well, increases our confidence with the site.

“Persistant navigation” appears on every page, and usually refers to:

The home page, however, may be an exception to this rule, as well as pages that exist solely to provide a form to be filled out.

Sections can also be called the “primary navigation” and are links to the main sections of the site.

Utilities are useful things that should be readily available, yet are not part of the hierarchy. They shouldn’t be as prominent as the sections.

Page names #

Breadcrumbs are a useful technique, but shouldn’t be used in place of high quality navigation. The navigation should show at least the top two levels without having to resort to breadcrumbs.

Tabs are a great means of doing navigation because they’re very obvious, impossible to miss, and look good, to boot.

“The trunk test”: if you’ve been blindfolded and locked in a car trunk, you should be able to answer these questions about a site immediately when your blindfold is removed:

Home page #

The home page is tough, because everyone tries to pull it in a different direction. It must accomplish/contain the following:

It should also show you how to get what you want from the site, tempt you with things you didn’t know you were looking for, show you how to get started, and also give a good impression.

A home page is also the place where you need to spell out the big picture. Remember not to write too much, and include these elements:

Be sure to test the home page with other people who are not ‘blind’ to the site because they’ve been looking at it as much as you have.

A good tagline is clear and informative, normally between 5-10 words, and also convey what’s different about your site, rather than vague, generic text.
Web design arguments are often a waste of time

Avoid useless debate between team members. Rather than debate what “most people like”, look at what works for your site, andtest it.

Simple, cheap usability testing #

Testing doesn’t have to be perfect, because any testing is far better than no testing. The earlier testing occurs, the better. Testing is an ongoing process - keep doing it as your site evolves. Cheaper tests are better, because they are more likely to happen at all, and happen more often.

Basic testing requires an empty room with a desk, computer, a few chairs and to show what the user is doing to others, a camcorder, long video cable and tripod. The video setup is used not to videotape the session, but simply to broadcast it into another room where interested parties (anyone who is interested - developers, designers and management are all welcome) can observe the session and discuss it freely. A more advanced setup might utilize a video recorder aimed at the user’s face in addition to one following the screen. Another possibility is a screen recording system that records exactly what’s happening on the computer’s screen.

Tests should consist of several parts:

Once you’re done, review the results immediately - try and determine what the problems were, and how to go about fixing them. Ignore problems where the user had a little problem but then found the right way. Being unclear on the overall concept, not finding the works they seek, and being overwhelmed by too much information are common problems. If you fix something, make sure it doesn’t break other aspects of the site.

Usability - comment courtesy #

Depending on their mood in any given moment, most people have a “reservoir of goodwill”. Each problem they encounter on a web site drains it (and when things work well, maybe it gets added to). When they hit their limit, they’re likely to leave your site unless they absolutely must use it.

“Don’ts” #

“Do’s” #

Accessibility #

By ”accessibility”, we mean making it so that, for example, a visually impaired person using a screen reader will be able to navigate and utilize your site. You should make your site accessible, because of “how extraordinarly better it makes some people’s lives”. One very simple test is to view the site with a greatly increased font size, and see if it still looks ok.