New facebook design confirms a drift to the right (nav)

Facebook’s homepage moves more of the navigation to the right – a signal that the convention of left navigation bars is shifting.

Facebook navigation
Facebook’s welcome page – lots of functionality has moved to the right.

When I first saw a left hand navbar in 1995, I was amazed at the idea of dividing the page up into zones, and dedicating one of them to this cryptic concept called “navigation”. I never stopped to wonder whether putting it on the left was a good idea. Fundamentally, I don’t think it is.

Left to right

In the west, we read from left to right. Eye tracking studies generally indicate the the top left area of the page is the place where everyone looks. But when we arrive on a page, we first want to assess if it brings us closer to our goal. Getting closer to our goals makes us happy. So content, not navigation should go in the prime, left-side spot.

At worst, a navbar says “Are you sure you wanted to be on this page? Why not try a different one?” And because it is there on every page, the question is quite incessant. It’s like having the store guide in a department store follow you around on wheels. Or the table of contents appear on every page of a newspaper.

Long left nav
Long left navbars: Do we really need to be able to navigate from anywhere to everywhere else?

Breaking with convention

Mercifully, around 3-4 years ago, left navs started disappearing. Maybe it was eye tracking studies that did it.

Blogs were among the first to shift- the standard templates didn’t feature left navs. The changes were a difficult decision for interaction designers. So deep rooted was the left-nav habit, that angst-ridden designers posted on lists asking, “Is it ok to put my nav on the right?”

Some debate ensued. Wasn’t convention the most important thing for ease of use? Convention said navbars went on the left. Right was for cross-links, bits and pieces. But a study showed that actually, it didn’t make a significant difference. People could complete key tasks with no training with pretty much the same levels of efficiency and effectiveness, with both right and with left navbars.

What we think while we navigate

I like putting the navigation on the right. Here’s why. I think people conceptualise their navigation through a website taxonomy like this…

Web navigation: a mental model

This comes from watching people during a lot of usability tests. If you think about web navigation like that, then right equals forward and left equals backward (just like in a book). People like going forward, making progress towards their goals. So if interaction designers can ensure there is always an interesting place to go forward to, left navigation becomes much less important. You can collapse it into top menus or push it into a rather lovely bottom navbar.
(The other key form of navigation, probably most effective of all, is inline links. But that’s another post).

Facebook is moving the emphasis to the right with its redesign. It hasn’t given up on the left navbar yet, but I think it will over time, and so will most other websites. Because overall, I think content on the left and onward links on the right suits the way we think.

4 thoughts on “New facebook design confirms a drift to the right (nav)

  • August 18, 2008 at 11:35 am
    Permalink

    Very good points Phil. It’s brave for Facebook to be breaking convention – you would think they would have waited a bit until it was more mainstream.

    Would facetted classification be one example where it makes sense to be on the left? You kinda want the user to filter the content as soon as possible so that it’s more likely to be relevant. If you present the content first, they might think that it’s all irrelevant, and click the back button before reaching the right-hand navigation for filtering.

  • August 22, 2008 at 3:10 pm
    Permalink

    In the case of a facetted navigation,, the facets are, for part of the scenario, the content. That’s true. So you could argue for facets on the left in that case. And we know it works.

    But if you’re planning to put facets on the left, that means you can’t have your traditional site nav on the left too. So yet another reason to put it somewhere else.

    Then again facets can go at the top too. See http://www.crocus.co.uk/right-plant-right-place/ for an example

  • August 28, 2008 at 1:35 pm
    Permalink

    People can generally be categorised into three groups. People obsessed about the past, people living the now and people with their heads in the cloud, always thinking about the future.

    Some people might even respectively called them conservatives, hedonists and liberals or something to that effect.

    Do you think there is a relevance between your assumption that people tend to be “forward” thinkers and the nav bar preferences of any of these groups?

  • August 29, 2008 at 8:42 am
    Permalink

    Hi, AJ.

    Tee hee!

    I have absolutely no idea. But there’s a clearly a who Masters thesis in it.

    One point: conservatives complain when things change. But later often become staunch supports of the new order.

    That’s why user feedback is so tricky. And you need user OBSERVATION to find out the truth.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>