- Accessibility (1)
- Blogging (3)
- Business (6)
- Design Showcases (3)
- In Real life (3)
- Portfolio (8)
- Tools & Resources (7)
- Usability (3)
- Web Design (2)
- Web General (4)
- Wordpress (4)
To most people, where the sidebar navigation is on a website seem like something pretty insignificant. Chances are if you’re an average website user, it’s not something you give much thought to. But in the web design world, it’s something of greater interest, and it brings up some larger ideas about how people look at and use websites that are worth mentioning.
Whether to place the sidebar on the right or the left is an ongoing debate, so there are no right answers to this (no pun intended). At the end of the day, web designers have to take into account many things when determining where to put the sidebar - including how it fits in with the overall look and feel of a website. Placing the sidebar on one side versus the other might just feel like the better choice, so it should go where it feels more comfortable visually.
So here are some reasons for putting the sidebar on either side:
Put Your Sidebar on the Left
On most websites where the main purposes of the sidebar is to help people navigate through the website, you will find sidebars on the left-hand side of the page. What are some reasons for why navigational sidebars appear on the left?
Put Your Sidebar on the Right
An argument can also be made for why you should put the sidebar on the right. Blogs are the best example of websites that tend to have the sidebar navigation on the right, and it’s something that is being seen more and more on newer websites. So what might be some good reasons for putting the sidebar on the right?
Why I Lean to the Left
When you look at this website, one of the things that you might (or might not) have noticed is the position of the sidebar. Throughout all of the pages on my website, it’s on the left-hand side of the page, with the main content area on the right side of the page.
Although most blogs put their sidebars on the right, I found that having the layout this way just felt better and was more conducive to having the sidebar on the left instead.
How does this work in action? Well, when you take a look at my blog page, at first glance did your eyes will tend to go to the center of the page? If so, then putting the sidebar where I did worked as I had intended. But where your eyes first moved to isn’t solely a function of where the sidebar is. There are other things I did to help guide your eyes there, like using some subtle visual cues to your eyes notice the center of the page first, such as:
Which Way Do You Lean?
So what’s your take on this? If you have a website, where did you put your sidebar, and did you put it where it is on purpose?
Nick | Resource Pile wrote on November 24, 2008
I normally go for the right, especially for a content focussed site such as a blog, because then the first thing the reader ‘reads’ will be the main content. However, I can see situations where a left hand sidebar could suit better. Of course, having both is always an option.
The Website Store And More wrote on November 24, 2008
World Best Website Awards are granted to exemplary websites that are pursuing “best practices” in website design & Internet communications.
Justin wrote on November 24, 2008
For me it usually depends on the context of the content being presented in the sidebar. For instance, if the content is some form of navigation — usually section sub-navigation on a standard, non-blog website — I’ll place the sidebar on the left. I’ve run tests in the past that suggest users are generally more apt to recognize the sub-navigation connection to the section header/title that way. It also suggests that the content in the subnav/sidebar is essential to the section since it comes before the content. If the sidebar content is supportive of the page’s main content, but does not denote in-section navigation, I usually will place it to the right to signify that the information is helpful but not essential.
Justin
Austin wrote on November 25, 2008
“Search engine spiders read through your web pages in the order that the HTML presents your content. So if you put the content on the left, that means that search engines will see your content before your navigation”
This is not true. The structure of your HTML and the location in which it is displayed do not have to have anything to do with each other (although they often do). Whether you use a left- or a right-hand navigation, the main content can (and usually should) always be generated first in the HTML. It’s as simple as floating elements in opposite directions…
Chad Mueller wrote on November 25, 2008
A good point to be made about having sidebars on the right is think about where your mouse cursor spends the most time… usually its on the right side of the screen, close to the scroll bar… even if you are reading you tend to have the scroll bar on the right side of the screen…. makes sense also because almost 100% of people use their right hand to direct the mouse….
so by having your sidebar on the right you make it very convenient to navigate
Andrew Boyce wrote on November 25, 2008
I tend to agree with Chad (above). I started putting side bars on the right to make easier to jump back and forth from scrolling to navigating. However, I believe that it really tends to depend on my target audience. If I’m aiming for a more technical crowd I will usually put it on the right, but for a more broad audience I will but it on the left. It also depends on the design and what will make it feel more balanced.
blogfail wrote on November 26, 2008
“Blog sidebars go on the right. Period.” This statement is fail. Blogs started out with nav on the left. It was only trendy designers that moved it. Stop enforcing BS.
Bob Pease wrote on November 26, 2008
This is something that has always been in the back of my mind, but never something that I really put much thought into. I basically have two scenarios in deciding whether to use the right or left side.
1. Navigation - if the sidebar is meant to be part of the navigation I tend to use the left side. It makes more sense to me because it has more importance. Since we read from left to right, I like the keep the navigational elements on the left.
2. Extras - things like blogrolls, archives, and rss feeds I like on the right. It feels more natural to have these elements on the right.
Steven Novick wrote on December 10, 2008
What about options for navigation on the top?
Addicott Web wrote on December 11, 2008
Steven - what I was writing about was the placement of sidebar navigation as a secondary navigation. I think I was presuming that there was already a primary navigation in the header at the top of the page, and that the secondary navigation in question was more of a way to interact with users through either more action-oriented links or blog-related navigational links.
Post a Comment