Usability tip: Implement web page titles as inverted breadcrumbs

In the past, I implemented web page titles (i.e. the code in the <title> tag) the same way that one would implement a breadcrumb – that is, from the least-specific to most specific. For example:

Web Site Name: Category: Page Name

That is similar to how a breadcrumb would look:

Home > Category > Page Name

Note that I said this is how I did it “in the past.” Today, I read 9 Common Usability Mistakes In Web Design over at Smashing Magazine, which states in mistake #3:

Putting the name of the website last puts more emphasis on what the page itself is about, rather than on website branding, which is still there.

This makes perfect sense, and the article illustrates the idea well with screenshots.

Needless to say, I’ll be refactoring web projects to invert titles at my earliest convenience.

Popularity: 7% [?]

Related posts:

  1. The case against splash pages
  2. Automatic downloads and usability
  3. Is this spam or what?
  4. Usability Week 2008 in New York — anyone going?
  5. What’s broken in the new Republican web site, gop.com? Nearly everything!

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>