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

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

Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Ever wonder why we do what we do at OmniUpdate? "
Friday
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"There is a fine line between waiting for more money, time, and staff… and waiting too long to replace your school’s web content management system.  "
Feb 13
Mel Mills is now a member of University Web Developers
Feb 12
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Accessibility is no longer an afterthought in creating a college or university website: It is an essential component in website design. "
Feb 9
Anna Prentiss is now a member of University Web Developers
Feb 8
Sara Arnold joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Feb 7
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Has your institution received an OCR letter, or does your web team live in fear of getting one? You’ll fare better by being proactive. "
Feb 7
Trisha Salas is now a member of University Web Developers
Feb 7
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Nearly 85% of our customers choose our SaaS offering and we have more SaaS customers than any other CMS in the higher ed market. "
Feb 5
Jesse Clark posted a discussion

Updating our Privacy Policy

Hello,We are looking to update our privacy policy on our website to better reflect the activities of our marketing folks and their partners. This would include things like retargeting and the potential personalization of our CRM. I was wondering if other universities have updated their privacy policies recently and could share how they crafted it? I'd like to have some sort of template before meeting with our lawyer to get their sign off.Thanks!See More
Feb 5
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Are you holding your web content management system together with Band-Aids and patches? It may be time to start your search for a new CMS to manage your higher ed website. "
Feb 2
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"How does one manage a major website redesign, including the addition of a new web CMS, while keeping fellow colleagues happy during and after the process? Robert Heyser from Tarrant County College shares his experience with us. "
Jan 31
Rachel Burt commented on Lynn Zawie's group OmniUpdate
" There are plenty of opportunities to get hands-on experience with our OU Campus CMS at #OUTC18! Our workshop tracks are designed to help you choose. "
Jan 30
Sandi Arendalkowski is now a member of University Web Developers
Jan 29
Jesse Clark joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Jan 29
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Join us for our January webcast! Lin Larson from Stamats will present on how to ensure a sustainable website redesign process for your institution. Register now "
Jan 26
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"The OU Campus Source Editor is a nifty feature you’ll find in your developer toolbox. See it in action! "
Jan 26
Profile IconJill St Martin, Al Nemec and Jessie Nemec joined University Web Developers
Jan 26
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"When your CMS is discontinued, should you try to keep it cobbled together as long as possible, or should you start the process of looking for a new one? "
Jan 25
Leta Negandhi posted a discussion
Jan 24

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