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

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

Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to University of the Incarnate Word for their new website and social media hub!"
4 hours ago
Profile IconChris Waters, Derik Casper and John Gardner joined University Web Developers
9 hours ago
Anne Vaassen joined Mark Greenfield's group
Thumbnail

WordPress

This group is for all those using WordPress as both a blogging platform and as a CMS
9 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" It’s the last day to submit your gadget ideas! One idea = a free T-Shirt, but more submissions = more chances to win free OUTC15 registration!"
yesterday
Ryan Richter is now a member of University Web Developers
yesterday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Calling all presenters! It's time to submit for OUTC15. Learn more on our blog. "
Monday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Hey, OU Campus developers and site administrators! Don’t miss out on this month’s Training Tuesday on Sept. 30th at 11 AM PST, featuring how to create your own gadgets. Register now! "
Friday
Sara Clark posted a discussion

Oct. 18-19: Web conference for college students in Portland, Ore.

I’m writing to let you know of an awesome opportunity for any of your current students who have an interest in a web-related field, whether it’s on the technical side or content-creation side (or both!): CrowdSource Summit: A Conference for Emerging Web Professionals.This conference is presented by the Higher Education Web Professionals Association, known more affectionately as HighEdWeb. I’m a member, and I attend its Annual…See More
Friday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"  Have you ever looked up your institution’s walk score? Learn why you should share that information in today’s blog post! "
Sep 25
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Only one week left to nominate OU Campus for a Critic’s Choice CMS award AND University Business Readers’ Choice Top Products award. Thank you for your support!"
Sep 24
Profile IconCesar De La Garza and Timothy Hew joined University Web Developers
Sep 24
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Help build up the next generation of web pros by sending your students to High Ed Web's CrowdSource Summit. "
Sep 23
John Jackson posted a discussion

Web developer

The Web Communications team at Virginia Tech seeks a web designer/developer. This is an exciting time to join our team. We are migrating to a new content management system and expect this person to assist in the effort to develop templates, implement designs, and help us determine how the visual standards will evolve for new devices. Going forward, the successful candidate will work to develop new layouts for the web, mobile devices, and apps. Full job description with a  link to the…See More
Sep 23
C.S. Sherman posted discussions
Sep 23
Jenn Baker posted a discussion

University of Alaska Fairbanks Digital Communications Manager

The Digital Communications Manager is a key member of the leadership team of the Marketing and Communications office. Reporting to the director of Marketing and Communications and working with highly motivated colleagues, the manager will oversee a cohesive, leading-edge digital communications strategy that advances the university's national and global impact and image. The manager will oversee staff responsible for the UAF website, social media, and videography. The Digital Communications…See More
Sep 22
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Another responsive site! Way to go Clarion University of Pennsylvania. Looks fantastic! www.clarion.edu"
Sep 22
Profile IconJenn Baker and Jose Vidal joined University Web Developers
Sep 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Loving all the gadget ideas! Have you submitted yours? http://omniupdate.com/campaigns/gadget-challenge/2014/"
Sep 19
Sean Walsh posted a blog post

The Results are in: TERMINALFOUR Higher Education Web Survey

In our first annual higher education web survey report, almost 250 individuals and 169 higher education institutions reveal where they focus their online marketing activities, how they measure their online efforts and how they engage with their audiences. Discover the results for yourself by downloading a free report today: http://www.terminalfour.com/survey2014/See More
Sep 19
Mike Tackett is now a member of University Web Developers
Sep 18

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

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service