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

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
"Help us give a warm welcome to Louisiana State University Eunice​! Happy to have you in the OmniUpdate family. #ourcustomersrock"
5 hours ago
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"OU Campus users and administrators: There are only two more days to vote for your favorite gadget ideas in the 2015 Gadget Challenge! Cast your votes by tomorrow, September 4 at 5:00 PM Pacific Time. The top five ideas will go on to the finals, so…"
yesterday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Did you hear? OUTC16 Call for Proposals is now open. We are eagerly awaiting your submissions!"
Tuesday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Have you seen The University of South Alabama's new online course catalog? It integrates with Banner. Looks sharp! Check it out. "
Aug 26
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Oklahoma City Community College on going live with their new responsive online course catalog! "
Aug 24
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Curious about what's going to be in the 2015 E-Expectations Report? Get some hints in today's blog post! "
Aug 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Big congrats to Butler County Community College on going live in OU Campus last week with their new responsive site. Looks amazing! Check it out: bc3.edu "
Aug 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"HUGE shout-out to Hope College on going live in OU Campus with their new responsive site, which Includes a course catalog, calendar, directories, news center, and much more! Check it out: hope.edu "
Aug 18
Howard Hanna posted a discussion

Cloud Providers: Acquia or Pantheon?

We're considering moving a lower-trafficked site with a fairly vanilla Drupal install to a cloud provider and are wondering whether to go with Acquia or Pantheon.Which would you choose?See More
Aug 18
Profile IconJanine Sazinsky and Cynthia Rodriguez joined University Web Developers
Aug 14
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"#OUTC16 dates and location have been announced!! Get the scoop on our blog! "
Aug 13
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Southwest Mississippi Community College has joined the OmniUpdate family. Hip hip hooray!! #weloveourcustomers‬"
Aug 11
Howard Hanna posted a discussion

Site Search: Evaluating and Testing

Amherst College is considering switching the search engine we use on our website (Drupal) from Google Search Appliance (GSA) to Google Custom Search Engine (CSE). We are considering using Google Tag Manager (GTM) for A/B testing of GSA and CSE. We are configured to seamlessly switch between the two search options.Does anyone have ideas, resources, or a checklist you've used for testing the site search and gauging relevancy?If not GTM for A/B testing, any recommendation on what else to use?All…See More
Aug 5
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"New post up on the blog by OmniUpdate CEO, Lance Merker! Check it out: Three Takeaways from #eduweb15 "
Aug 4
Phyllis Treige posted a discussion

UX Analyst at University of Wisconsin-Madison

The Communications Department in the UW-Madison Division of Information Technology (DoIT) is looking for a full-time User Experience Analyst to join our team.  The opportunityWe’re redefining the experience of higher education at UW-Madison, from improving the course enrollment process to designing tools that support advising to overhauling the MyUW portal.  We need someone who is driven to understand the challenges our users face, to help untangle thorny process and technical ecosystems, and…See More
Aug 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're so excited to add Lake Tahoe Community College to the OmniUpdate family! Welcome aboard!"
Aug 3
Profile IconKendra Smith, Dan LeGate, Matt Kacskos and 2 more joined University Web Developers
Jul 31
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Congrats to Snow College on going live in OU Campus with their new responsive site! Check it out: www.snow.edu "
Jul 30
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get the scoop on snippets in the new post up on the blog! "
Jul 29
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New blog post from Kate Browne, Technology Trainer at Illinois Wesleyan University! The Welcoming Website Part 1: Accessibility and Universal Design "
Jul 22

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

© 2015   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service