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

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

Todd Easter is now a member of University Web Developers
Oct 17
Profile IconJulia Easton and KATE KWAME joined University Web Developers
Oct 13
Bill Hartley posted a discussion

Job Interview Presentation Ideas

Has anyone ever asked job candidates to do a presentation as part of the interview process? We're in the process of searching for a web director, and are looking for some ideas.See More
Oct 6
Gabriel Nagmay is now a member of University Web Developers
Oct 3
Bill Hartley posted discussions
Oct 2
Geoffrey Campbell is now a member of University Web Developers
Sep 27
Colleen Brennan-Barry posted a discussion

NOW HIRING: Operations Director

Position Title:Operations Director of the Higher Education Web Professionals Association Position Overview:Reporting to the President of the Higher Education Web Professionals Association (www.highedweb.org), the Operations Director is responsible for coordinating the day-to-day operations of the Association and its volunteers. The Operations Director will work with the Board of Directors to facilitate the implementation of a strategic plan, and lay the…See More
Sep 18
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Upcoming webcast: Join Robin Kelly from the University of Texas at Tyler as she shares tips and tricks to improve productivity as a web professional. Register today!"
Sep 11
Eloine Chapman replied to Eloine Chapman's discussion Should we migrate to https?
"Thanks Barb!"
Sep 1
Eloine Chapman replied to Eloine Chapman's discussion Should we migrate to https?
"Thanks Jason!"
Sep 1
Elizabeth Hyde-Copeland is now a member of University Web Developers
Aug 30
Gavin Younger is now a member of University Web Developers
Aug 24
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Our 2018 OmniUpdate User Training Conference will be held in Anaheim on March 25 - 29! Speak at OUTC and you could receive free registration. Submit your proposal today!"
Aug 18
Jason Brady replied to Eloine Chapman's discussion Should we migrate to https?
"We have started the move to make all our sites HTTPS. With our InCommon membership (paid by our State Chancellor's Ofice), we get free certificates, so there is no ongoing costs. In 2014, Google said they give some SEO bumps to HTTPS sites.…"
Aug 18
Profile IconMichael Harvey, Bill Hartley and Jeff Dobbin joined University Web Developers
Aug 18
Barb Iannucci replied to Eloine Chapman's discussion Should we migrate to https?
"Yep, I got the same messages. Some of our sites use SSL and we've been talking about migrating all the rest our sites for a while now. I suspect we will be doing it rather than just talking about it sooner rather than later now. :\"
Aug 18
Eloine Chapman posted a discussion

Should we migrate to https?

I recently got a notice from Google that in October 2017 Chrome V62 with show the warning "NOT SECURE" on all our web pages we have a input field for search. Since on most of our pages there is nothing that would require secure information I've never felt the need for HTTPS. Our class registration pages are secure but not the general information pages. The warning is going to scare people though. Are others upgrading their websites?See More
Aug 17
Colleen Brennan-Barry posted a discussion

HighEdWeb 2017 Early-Bird Pricing available through July 31

It’s the last week get HighEdWeb 2017 early-bird registration pricing! When you register for the Annual Conference by the end of Monday, July 31, you save $100 — and who doesn’t love that?!Register by July 31 to save $100…See More
Jul 25
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Upcoming webcast: Join Angela Cavaliere from Montgomery County Community College as she demonstrates how to perform user testing to improve overall web experience. Register today!"
Jul 12
Michael E Matzkin joined Mark Greenfield's group
Thumbnail

WordPress

This group is for all those using WordPress as both a blogging platform and as a CMS
Jul 10

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

© 2017   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service