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

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

Fabio posted a discussion

4icu.org rebranded to uniRank

Just a brief note to inform all University webmasters that we have rebranded the 4 International Colleges & Universities higher education directory to a new name: uniRankWe have also just published the new 2017 uniRank University Ranking based on an updated algorytm including this time 5 web metrics extracted from 4 different web intelligence sources:1. Moz Domain Authority 2. Alexa Global Rank 3. SimilarWeb Global Rank 4. Majestic Referring Domains 5. Majestic Trust FlowMore about ranking…See More
1 hour ago
Jeffrey Garner posted a discussion

Website Developer opening at FGCU

Details at: https://jobs.fgcu.edu/postings/3766We are implementing the OmniUpdate CMS and going through a full site redesign. This is an exciting time to be on the Florida Gulf Coast University web team!Please share this great job lead!See More
Jan 17
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Registration for our 2017 OmniUpdate User Training Conference is now OPEN! Visit our conference website for speaker information, registration, workshops, things to do in San Diego, and other awesome stuff. "
Jan 13
William Hadley joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Jan 5
William Hadley joined Mark Greenfield's group
Thumbnail

Accessibility

This group is for all those interested in Web Accessibility.See More
Jan 4
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"With registration opening soon for the 2017 OmniUpdate User Training Conference, we thought we'd spread some holiday cheer by giving you reasons to put OUTC17 on your wish list! "
Dec 16, 2016
Profile IconRonan McDonnell, David White, Adam HIlls-Meyer and 2 more joined University Web Developers
Dec 12, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Give a warm welcome to East Mississippi Community College! "
Nov 7, 2016
Profile IconAdam Arrowood, Pete Nowak, GEORGE JAMES and 1 more joined University Web Developers
Nov 1, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Do you want to present at our 2017 OmniUpdate User Training Conference but still need an idea? Today’s blog post has presentation topics and more about OUTC17! "
Oct 25, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"What should you know before building the structure of your site content? Check out today’s post inspired by mStoner!"
Oct 21, 2016
Artur Charukhchyan posted a discussion

Recommendations for an outsourced web dev company

Hello,I'm in charge of information systems at SUNY Orange, but our budget isn't currently allowing us to hire a full-time web developer, so I was looking for outsourced solutions that other institutions can recommend. We have a few PHP/MySQL applications, and will be shortly moving to OmniUpdate as far as general content management. We also have a Luminis portal.Any suggestions?Thank you in advance.ArturSee More
Oct 21, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Help us welcome Michigan Technological University to our OmniUpdate family!"
Oct 20, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Our newest module, Emergency Alerts, was developed based on our customers’ feedback. Learn more in today’s blog post! "
Oct 7, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We love when our customers succeed. Saint Louis University’s new website has been named best in class by the Interactive Media Awards. Congratulations, SLU!"
Oct 4, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Join us in welcoming Jacksonville University to the OmniUpdate family! "
Sep 29, 2016
Catherine Donnelly replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I would support using LinkedIn for this group (and have confirmed that I am a member over there).  Generally I  follow highered topics/people on twitter, but long-range/complicated discussions are impossible on that platform. A combo of…"
Sep 27, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Jim Heiney from Lock Haven University shares his advice on how an editorial calendar can help keep your web content up to date and engaging in today’s blog post.  "
Sep 22, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We have a new addition to our OmniUpdate family. Welcome, Cerritos College! "
Sep 21, 2016
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Emergency Alerts for OU Campus allows you to communicate with students, staff, and the community with custom website announcements. When time matters most, make sure your website is the go-to place for info."
Sep 20, 2016

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