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

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
"Join Josh from VisionPoint on our next webcast to learn SEO basics and how to position your content in the best way possible. Register today! "
yesterday
Holly LaRose-Roenicke posted a discussion

Looking for inexpensive job intake/ work request tools. Anything Office 365?

We are part of University Communications and are looking for a tool or product to take in job requests, project requests, etc. Would prefer something that allows a feedback survey that asks for client satisfaction upon job completion. What are you using? What do you like about it?See More
May 18
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Does your school have international students? Have you received website inquiries from prospective students living overseas? Do any of your alumni and donors live abroad? "
May 15
Katie Ryan-Lambert joined Mark Greenfield's group
May 14
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"With the release of OU Campus version 10.8, Snippets are even better! "
May 11
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"What do higher ed mission statements and refrigerator magnet poetry have in common? "
May 10
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Your site shouldn't be a refrigerator door showcasing your accomplishments. In our next webcast, learn how to request and create better content to meet your site goals! Register today"
May 9
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Drupal has once again made news with two vulnerabilities that make cyberattacks easy. Is your CMS safe? "
May 8
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"If your website, and specifically the content you’re showcasing, isn’t serving your marketing goals, you’re missing opportunities. #CMS #highered "
May 4
Katie Ryan-Lambert joined Anthony's group
Thumbnail

Plone

Discussion about Plone CMS.
May 2
Katie Ryan-Lambert is now a member of University Web Developers
May 1
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Accessibility should be a deciding factor when choosing a web content management system. If a CMS purchase is in your future, consider these factors. "
Apr 30
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"The more you plan and anticipate issues upfront, the smoother your migration from a homegrown CMS to OU Campus will be. "
Apr 26
Profile IconKeith Castillo and Kimberly Prieto joined University Web Developers
Apr 25
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Ever wonder what other colleges and universities are doing to attract prospective students and keep faculty, staff, and existing students informed? Get some inspiration from these award winners"
Apr 23
Profile IconBrian Piper, Kim Brown and Marianne Schneider joined University Web Developers
Apr 23
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Now available in our OU Campus CMS, Global Search doesn’t require knowledge of navigating your website’s structure. It only requires general knowledge of the content or item you want to find. "
Apr 20
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"For months, you’ve reviewed templates and created, deleted, and revised content for your new redesigned website. Now it’s time to move the content. "
Apr 19
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Join Caroline Roberts from iFactory for our next webcast on how to audit your content for a new CMS launch. Register today! "
Apr 19
Rachel Burt commented on Lynn Zawie's group OmniUpdate
"Are you using your website to your utmost advantage? Learn how to realize your site’s potential and hit your enrollment goals. "
Apr 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

© 2018   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service