University Web Developers

University Web Developers

Vertical vs Horizontal Global Navigation (any usability studies?)

Are there any case studies or data on the usability of vertical navigation on higher education websites? I'm referring to vertical global navigation, which would also include vertical navigation for lower level sites. 

The only references I came across (not specific to higher ed) are this article http://www.smashingmagazine.com/2010/01/11/the-case-against-vertica... and this blog post - http://www.usefulusability.com/main-navigation-types-and-usability-.... Is there more definitive information out there? I'm trying to build a case against going with a new site design that features vertical navigation.

The biggest drawback I see for implementing vertical global navigation is poor usability. Given the large amount of content typically found on a higher ed sites, need to serve multiple audiences, many lower level pages I think it's hard to navigate sites with vertical nav. As you get deeper into lower level department sites the navigation tends to extend further down the page which might force you to scroll up or down on the page to access the page content or links in the vertical navigation. 

Appreciate any thoughts or suggestions.

Thanks,

Doug

Tags: IA, experience, usability, user

Views: 1308

Reply to This

Replies to This Discussion

I'll look forward to answers as they come in on this one- we have both horizontal and vertical nav...........

Thanks Sarah. Just to clarify, I'm talking about just a vertical navigation for global nav and subsite nav. My feeling is that most visitors to higher ed sites are use to a IA convention of having a horizontal global primary nav and then a vertical subsite navigation once you get level pages off the homepage, e.g., Admission, Academics, Campus Life, and vertical nav for lower level department pages.

Hope this makes sense. There are sites out there that use an entirely vertical navigation (with no horizontal nav for global nav links) so I'm looking for any usability data that takes about the pros and cons of this approach.

Thanks,

Doug

HMM. I see. Yes, we have a vertical nav on our homepage currently, but its not global and we are actually looking to remove it now. If I run across any global-level usability stuff in my travels, I'll know where to post it!

I don't know of any specific studies, but I agree that the majority of higher ed sites use horizontal primary and vertical secondary navs. This is something I've been thinking a lot about lately as we update our core templates to build in responsive features. I don't think a combined global and secondary vertical nav would work well. Depending on the design it could be too much to scan and gets in the way of valuable real estate.

Our global nav is horizontal and is featured on every single page. Individual sites, such as this one,  have a title bar, and then their own primary horizontal nav below it. Within each main section, or tab, there is a vertical nav which can support up to two levels. I have sometimes wondered if having two horizontal navs would be confusing, but so far informal and anecdotal data shows that it works fairly well. I'm also working to remove dropdown/flyout menus across the board because in a lot of cases its overkill, and is hard to use on mobile/touch devices.

tl;dr - a vertical global nav for the whole site doesn't make much sense IMHO. I think a horizontal layout, combined with a visual tab metaphor, is the way to go.

RSS

Elsewhere

Latest Activity

Profile IconAndy Long, Melba Acevedo and George Fullerton joined University Web Developers
yesterday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We warmly welcome Dillard University to the OmniUpdate family! We're excited to have them aboard the OU Campus CMS user train!"
yesterday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We welcome Reynolds Community College to the OU Campus CMS user community! We're excited to have them in the OmniUpdate family!"
Friday
Brian Richardson is now a member of University Web Developers
Apr 10
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"New post up on the blog! Tips from Higher Education Marketing's CEO Philippe Taza on Tackling Higher Ed Digital Marketing Challenges. Give it a read and comment on your top challenges!"
Apr 9
John Jackson commented on Debbie's blog post New ICANN TLDs
"We've identified the domains we want to follow, such as .education (released at the end of March), .college, .university, and .sucks (I'm serious on the last one). The last three listed are still in the evaluation phase.  Just today…"
Apr 9
Brett Sizemore posted a discussion

Interactive Designer

APPLY AT: https://jobs.pepperdine.eduThe Interactive Designer supports Pepperdine's integrated marketing communications efforts aimed at strengthening the brand, elevating national reputation, improving recruitment, and building engagement through creative design across media including web, mobile, broadcast, print, and events.DUTIES: Directly support the creative communications needs of the University through the development and execution of integrated…See More
Apr 8
Brett Sizemore is now a member of University Web Developers
Apr 8
Heather Godwin joined Rik Williams's group
Thumbnail

Maps and Mapping

For the discussion of the Mapping of University campuses and facilities from static images to groovy Google mashups.
Apr 7
Profile IconMatt Dana and Heather Godwin joined University Web Developers
Apr 7
Matt Lauer is now a member of University Web Developers
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We've got another new customer! We warmly welcome Morehouse School of Medicine to the OmniUpdate family and OU Campus CMS user community!"
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Check out this great video from our friends at University of Arkansas Cooperative Extension Service promoting their new uaex.edu website!"
Apr 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn about our 2014 OmniUpdate Customer of the Year in today's blog post! "
Apr 2
John Eastvold joined David Wissore's group
Apr 2
John Eastvold added a discussion to the group ColdFusion
Thumbnail

ColdFusion Web developer Job Just Posted

I just posted a job listing and wanted to bring it to this group's attention.  It is primarily a ColdFusion Developer position.http://cuwebd.ning.com/forum/topics/web-applications-and-systems-developer-administratorSee More
Apr 2
John Eastvold posted a discussion

Web Applications and Systems Developer/Administrator

Posting specificationsOpen to all qualified candidatesCampus LocationDuluth, MNJob TitleWeb Applications and Systems Developer/AdministratorJob GroupStaffJob SummaryThis position is responsible for effectively implementing and administrating the College’s web applications utilizing appropriate tools to assist the College in achieving its strategic initiatives.Key Results/ResponsibilitiesRequired Qualifications- Bachelor’s degree or comparable technical certification, training, and experience.-…See More
Apr 2
Marcus Taylor is now a member of University Web Developers
Apr 2
Dan Bashaw replied to Emily Gravell's discussion What CMS are you using?
"Drupal has some strengths for larger sites, and has a strong a code-centric culture that seems to be a good fit for many universities looking at open source. I especially like the 'Types and Views' approach to displaying content chunks,…"
Apr 1
Ken Pooley replied to Emily Gravell's discussion What CMS are you using?
"Have been on Joomla 1.6 since god was a child, now moving ( probably) to Drupal. Wordpress was also considered pretty seriously, but there was more internal comfort with Drupal."
Apr 1

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic

About

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service