7:5 Place Primary Navigation Menus in the Left Panel
Strength of Evidence:
Document Type: Guideline
Place the primary navigation menus in the left panel, and the secondary and tertiary menus together.
One study found that navigation times were faster when the primary menu was located in the left panel. Placing a navigation menu in the right panel was supported as a viable design option by both performance and preference measures. AlsoOne study showed that, navigation performance was best when the secondary and tertiary menus were placed together. Placing a navigation menu in the right panel was supported as a viable design option by both performance and preference measures. Users preferred having the primary menu in the left panel, and grouping secondary and tertiary menus together, or grouping all three menu levels together. The best performance and preference was achieved when all three menus were placed in the left panel (placing them all in the right panel achieved close to the same performance level).
Kalbach, J. & Bosenick, T. (2003). Web page layout: A comparison between left and right-justified site navigation menus. Journal of Digital Information, 4(1). Retrieved November 2005, from http://jodi.tamu.edu/Articles/v04/i01/Kalbach/.
Kingsburg, J.R. & Andre, A.D. (2004). A comparison of three-level web menus: Navigation structures. Proceedings of the Human Factors and Ergonomics Society 48th Annual Meeting.
Primary and secondary navigation is are placed consistently throughout the site.
Title: Web Site Consistency (UI Design Newsletter May, 2001)
Description: How consistent do web pages need to be in order to not degrade the performance of experienced users?
Title: Web Style Guide: Page Structure and Site Design
Description: This style guide illustrates the consistent placement of key elements in a web page template.
Title: Welie.com Main Navigation pattern
Description: This page in a UI pattern collection illustrates typical options for placement of primary navigation menus.
Related Usability Guidelines: