Usability by Example

I was recently inspired by a feature on Andy Rutledge's website. For those of you who don't know of him Andy is, amongst other things, and expert on interface usability.

The look and feel of his site is very basic and works on the premise of less is more. One feature I wanted to highlight to you, and the purpose of this post is his follow-on navigation located at the foot of each article; quite simply because it is a fantastic example of good usabilty.

As you reach the end of his site's body content you come to a clear set of options headed "what now?": a simple question with a set of multiple choice hyperlink answers: back to top, back to main page, and more articles. Could this possibly be any easier to use? The answer is no. And what a great way to lead people further into your site?

We all know how stupid the web-browsing population can be. I'm sure all of us have designed components of a website which, at one point or another, have come into dispute thanks to moronic user. Andy's hand-holding approach is an example we can all learn from.

Article Envelope

About the Author

Steve Tucker is a 23 year old web developer living and working in Huddersfield, England
Read more...

Bookmark and Share


Interact

Comments

  1. On 02/02/2007 P.J. Onori said:

    I definitely enjoy many elements of Andy's new design - quite good work.

  2. On 03/02/2007 Elessar said:

    I like the colors, but personally i prefer light colors on dark backgrounds.

    My blogs current look contradicts what i like (and want) but as mentioned before, i am without my computer. But to the point, Andy did a great job on making sure visitors are able to use his site. Props :)

  3. On 03/02/2007 James said:

    Hi Steve, just thought I'd let you know that your recent article in this month's .net was great, once again!

  4. On 03/02/2007 Steve Tucker said:

    @Elessar: A good colour scheme can make the world of difference to the usability of a website. BTW I'm still waiting for a redesign of SynGamer that's gonna stick around for more than a week ;)

    @James: Cheers mate

  5. On 03/02/2007 Elessar said:

    Dell says my computer should be back sometime this week...once i get that, i can load up Photoshop and finally get to work.

  6. On 04/02/2007 Lorissa said:

    A really great example of "guiding a user". Nicely done. I've always liked Andy's work. I do wish there was just a little more contrast on the headers - but that's be being terribly nit-picky.

Make a Comment

Note: Any HTML you enter will be encoded.

*:
:
:
*:
:

Discover

Media Panel - Things I like

Music I Like

  • U2 - The Joshua Tree - Album Cover
  • Feeder - The Singles - Album Cover
  • The Stone Roses - Album Cover
  • Embrase - Out of Nothing - Album Cover
  • Nirvana - Incesticide - Album Cover
  • The Offspring - Smash - Album Cover

Videos I Like

  • U2 - Original of the Species - Video Screenshot
  • Nirvana - Heart Shaped Box - Video Screenshot
  • Cillet Bang Video Screenshot
  • Metallica - Unforgiven - Video Screenshot
  • U2 - Numb - Video Screenshot
  • Michael Jackson - Motown 25 - Video Screenshot

Books I Like

  • Red Dwarf, Backwards - Rob Grant - Book Cover
  • DOM Scripting - Jeremy Kieth - Book Cover
  • Foundations of Ajax - Ryan Asleson, Nate T. Schutta - Book Cover
  • The Silence of the Lambs - Thomas Harris - Book Cover
  • PHP Anthology Volume 1 - Harry Feucks - Book Cover
  • Web Standards Solutions: The Markup and Style Handbook - Dan Cederholm - Book Cover

About This Website

This site is the personal space of Steve Tucker. Its version number is 9. As a testing ground the site gives Steve a canvas on which to push his skills and ideas, bridging the author/reader gap using dynamic technologies like Javascript. Since version #2 this site has been custom-built in PHP, a stable open-source programming language running on a Linux server.

This site is not just an information platform. It's Steve's passionate hobby and part time retreat. Continually evolving it remains true to its roots; clean, attractive, cutting-edge and distinct. The site has built upon web standards, tableless CSS design, and the principal of accessibility.

You can learn a little more about Steve here »