One of the questions we ask our clients before designing their website is “Would you like a vertical or horizontal orientation for your top-level navigation?” But, to many clients, the answer isn’t always clear. Below are some pros and cons of both vertical and horizontal orientations that will help you in making the best choice for your website.
Horizontal Navigation
Pros
- With a vertical navigation, you can choose to have as many buttons as you would like. Each button would just keep stacking, one-by-one, down the page. (Please keep in mind that having too many buttons is distracting and overwhelming for users. Be concise with the number of buttons you are including in your main navigation.)
- Sometimes there is no way around it. Your website buttons have long link names and there is no logical way to truncate them. In this case, a vertical navigation would be a logical choice for accommodating these unruly terms.
Cons
- Vertical navigations can take up space where valuable content could potentially be placed.
- Left navigation buttons require fly-out menus, which are harder to use than drop-down menus, for sub-navigations.
- The orientation of computer screens has changed over the years. These days, computer screens are typically more horizontal than screens of the past. So, depending on how long your (vertical) navigation menu is, some of your buttons could be cut off or unseen without scrolling.
Horizontal Navigation
Pros
- Studies show that most people read from left to right, top to bottom. So, a horizontal navigation has a more natural flow and is easier for a visitor to read.
A horizontal navigation is less invasive, allowing the reader to focus more on the content, rather than on the navigation.- Current design trends support a horizontal navigation (Oh, and design trends aren’t just for fun. No, seriously, I’m not kidding. They come to fruition through years of trial and error and research. Yep, we base our decisions on actual statistics, not just what looks pretty.)
Cons
- Horizontal navigations limit the length of your button names or the number of buttons you can have from left to right. If the length of your navigation bar becomes too long, there’s a possibility it will extend the length of your layout and/or run off the page. (Psst … good navigation practices suggest that you wouldn’t want to have an excessive number of buttons, anyway.)
- More mouse movement is needed when moving from one button to the next. (What?? Are we really that lazy? I guess so, because I’ve heard this complaint more than once.)
- When you scroll over your horizontal navigation bar, there’s a possibility your drop-down menu will cover up part of your content.
Many will argue that there is no right or wrong answer. What you choose is dependent upon what works best for the functionality of your site and the usability of your visitors.
My best advice is to take a look at a number of different sites with both types of main navigation orientations. Envision how each would function in relationship to your button names, content and images. Then, decide which orientation will work best for your business and for your website.
Of course, if you’re unsure, your web designer would be very happy to make the decision for you.












