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: 2207

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 IconBrian Piper, Kim Brown and Marianne Schneider joined University Web Developers
8 hours ago
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Now available in our OU Campus CMS, Global Search doesn’t require knowledge of navigating your website’s structure. It only requires general knowledge of the content or item you want to find. "
Friday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"For months, you’ve reviewed templates and created, deleted, and revised content for your new redesigned website. Now it’s time to move the content. "
Thursday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Join Caroline Roberts from iFactory for our next webcast on how to audit your content for a new CMS launch. Register today! "
Thursday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Are you using your website to your utmost advantage? Learn how to realize your site’s potential and hit your enrollment goals. "
Wednesday
David Hunt is now a member of University Web Developers
Apr 17
Jon Shaw posted a discussion

GPS Campus Shuttle Tracker / Tracking Services

Hello,We are considering options for gps tracking a small group of campus shuttles (5) on a small looping route.  There are several services available such as NextBus, TranLoc, and DoubleMaps, but these offer a full-service package that could be used by a municipal authority.We would like to look at simpler options.  We basically need to see where the buses are, and a good feature would be some built-in ETA for marked stops.  One option I found is LiveViewGPS.  It doesn't have the predictive…See More
Apr 13
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Forms are a powerful tool to actively gather data from your website visitors and make informed decisions based on the results collected. "
Apr 13
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Join us for an upcoming webcast on troubleshooting accessibility issues and how to ensure a smooth site experience for all. Register today! "
Apr 12
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"A major website redesign is a lot of work, but the results can have far-reaching effects. That’s why making sure your web CMS can handle the new technologies and features included in a redesign is imperative. "
Apr 11
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"We exist solely to make our customers successful. Without satisfied customers, we’d be out of business. "
Apr 9
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"If you manage one of the million websites affected by Drupalgeddon 2, the latest “highly critical” Drupal security breach, it may be time to rethink your web CMS. "
Apr 5
David Giordano is now a member of University Web Developers
Apr 5
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"When evaluating a new web content management system, make sure to get cross-campus input and buy-in, but avoid creating more work for your coworkers. "
Apr 4
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"It’s time to put to rest the notion that one can game search engine algorithms. "
Apr 4
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Multi-tasking and constant interruptions are inevitable when working in higher ed. The Notes Gadget can help. "
Apr 3
Katie Stompor posted a discussion

Sr. Web Developer at Purdue University Northwest

The Purdue Northwest Marketing & Communication team is looking for an experienced Sr. Web Developer. Find the full job listing here: http://purdue.taleo.net/careersection/nc_3/joblist.ftl?lang=en&portal=52400108274See More
Apr 2
Katie Stompor is now a member of University Web Developers
Apr 2
Andrew Grohowski joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Mar 29
Andrew Grohowski joined James Wanless's group
Thumbnail

User Experience and Interaction Design

Share and discuss issues that focus on user-centered design.
Mar 29

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

© 2018   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service