Last week I posted, Keep the Important Stuff on the Left. It was a quick post about how Jakob Nielson has new data that supports old, about how the important things like site navigation should really be on the left.

I know many would argue this, and I myself, could list a handful of blogs (some of my favorites) that contradict this. That’s why I thought we should take a look at what the kings and queens of the Internet are doing today. I give you the top 5, according to Alexa: Google, Facebook, YouTube, Yahoo, and Live.

What Does Google Do?

Google does so much, and you could probably find a menu in just about every part of a screen when looking at all of their services. What are they best known for though? Google is best known for search and Gmail.

Google search results are not centered, they are aligned to the left. If you need additional search options, this menu is expanded on the left as well.

google

Gmail you ask? Menu on the left.

google2

Facebook

Facebook uses a three column centered theme. Their main menus can be found on top and on the left. I’m guessing 95% of you reading this have a Facebook account so I will omit the screenshot. Can you guess what fills the bulk of the right column?

YouTube

YouTube may appear to be a trouble maker to my theory based on first impression. They have content on the left, supported by a second menu on the right. If you look closely at the right column content though, you will find it does not truly support the navigation like the top menu does, or some of its other menus. The right menu in this case is more of a “look what else we have” menu.

Take a look at how YouTube displays your account information. It’s on the left.

youtube

It’s Time for Yahoo!

Yahoo has been using the left hand navigation style since before most of you had ever heard of Google.

yahoo

Finishing with Live

I’m not a big Live user, though I do use Bing on occasion. Logging in to my Live account though, what do I find? A navigation menu on the left.

live

And Finally

I can only imagine some of you are thinking that this doesn’t apply to your own site, and you may be right about that. Mashable, probably the most popular blog today, keeps all of its navigation in the top horizontal menu. Ads and miscellaneous fluff float harmlessly on the right.

So what is the best way? Identify site purpose, know that users will typically first look to the top left, and develop for that. There is no law that says menus have to be on the left. But in the eyes of many, it just makes sense.

  22 Responses to “More Important Stuff on the Left”

  1. Hi.
    We all usually use all of the sites you mentioned above. But never noticed that thing you mentioned. So thank you for informing us.

  2. This is very helpful. It will also help your SEO, I think, if you have your menus on the left. Search engines like sites to be user friendly. :) Thanks for this informational post.

  3. Thanks for the info, btw google just released there new search system, they say if your page loads faster the higher you will rank. Just wanted to let you know.

  4. Good finds, Rob. More major sites use the left adage than I thought.

    Till then,

    Jean

  5. Some really awesome points on having your navigation on the left, thank you for taking the time to find all those screen shots!

    Does anyone know of WP themes with navigation on the left?

  6. What theme is this? Since it has the navigation on the left….

    • It is/was…looter-xp. If you were to download it though, don’t expect it to look much like this site. Very modified. It’s theme did have the same left hand column though.

      • You’ve done a great job of modifying the theme Robert, I especially like the small details such as the wrapping of the comments with the dashed orange lines :) All very beautiful and comes out with a very crisp and clean feel to it! My theme on the other hand.. is just plain and basic :-p

        Till then,

        Jean

  7. Also what I really would like to see is how rankings correlate to how old the cache-date is. Which in my opinion is a better indicator then pagerank to see how much authority (in the eyes of google) a page has.

  8. That is very true, I never knew all the menus go on the left, I wonder if its because thats the first thing your eye sees when looking at a site.

  9. But lots of HTML site templates are having their menu on the right. Any specific reason ?

  10. It’s the left to right rule, also statistics have been made and it looks that the initial focus of a user when visiting a page is the page’s top and left side.

  11. The location for your vertical menu doesn’t matter a lot.
    If your users can find it, they will use it.

    There are differences, but they are minor on most websites. The best location depends on various factors:

    * Goal of the menu
    * Overall design of the website
    * Type of website
    * Type of users
    * Causality
    * …

    Even when the top 5 is using a menu on the left, that isn’t prove that it’s the best location for all websites.

    Beside, I did count what the Belgian TOP 100 is doing and here it’s almost 50/50.

    I did 2 contextual analysis with low and high fidelity prototypes and an A/B test on 5 websites and published the results on my weblog

  12. It is very useful tips. If you have menus then put it left hand side of pages. Search engine prefer sites easily and you get more benefits.

  13. yes i also see on left.

  14. Thanks for the great tip. I have my sidebar at right. Man, will think over my blog layout now.

  15. Wow!That’s really good features share on this well post.I am glad to watch it.

  16. Thanks a lot for providing individuals with remarkably memorable opportunity to read articles and blog posts from this website.

 Leave a Reply

(required)

(required)

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>