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

Views: 2010

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

Sara Arnold commented on Lynn Zawie's group OmniUpdate
"How do you get all the help your web team needs without taking a bite out of the budget? We've got the answer in today's blog post!!​​"
Wednesday
Profile IconCraig Koebelin and Evan Starr joined University Web Developers
Wednesday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn why Hope College switched from open source Drupal to OU Campus to manage its website in our new case study! "
Monday
Ronny Murahwa is now a member of University Web Developers
Apr 21
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Check out today's blog post for tips on how to structure your institution's website content based on student interests! "
Apr 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Ready to optimize your website visitors' search experience? Tune in this Friday to Higher Ed Live at 1PM ET and get tips on how it’s done from Utah Valley University and Oklahoma City Community College. "
Apr 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get your 2016 Gadget Challenge idea submitted for a chance to win free registration to #OUTC17! "
Apr 19
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"There’s no better time to shine than at NCMPR’s 2017 national conference in Charleston, SC! Submit your proposal by May 2 for your chance to present. "
Apr 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Learn about the website transformation that got University of North Carolina School of the Arts nominated for a Webby Award in our latest blog post!"
Apr 13
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Let’s show support for our fellow OmniUpdate community member and vote for University of North Carolina School of the Arts in The Webby Awards. Their site is stunning!"
Apr 12
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your site look stunning on desktop, but takes eons to load on mobile? Tarrant County College’s Stephen Fornal has the fix in Community college week!"
Apr 7
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Don’t play catch-up! It’s critical to focus on your web presence now rather than later. Why? Get the scoop on our blog."
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Introducing Module Monday, where every first Monday of the month one of our modules will be featured. Check out this month's module! "
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"CCCU’s 2016 Commission on Technology Conference is going to be simply amazing... Don’t miss your chance to present! Proposals due 4/15."
Apr 6
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"The deadline to speak at AMA’s Symposium for the Marketing of Higher Education in Orlando, FL is fast-approaching! Submit your proposal by 4/15."
Apr 4
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Find out what it means to “design with a crystal ball” when building a website from the ground up in our new blog post!"
Mar 31
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Welcome aboard Midland College! We are pleased to have you as part of the OmniUpdate family. "
Mar 29
John Richardson is now a member of University Web Developers
Mar 29
Brad James joined Mark Greenfield's group
Mar 28
Jeffrey Garner left a comment for Lacy Paschal
"Thanks for feedback."
Mar 28

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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service