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

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

Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Your peers can't wait to present at #OUTC16! Read what they are most excited to share with you! "
Thursday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"The OmniUpdate Customer Support Team is in the running for People’s Choice Stevie Awards in two categories! Voting ends Feb. 13 so cast your vote today! "
Wednesday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Check out our latest blog post on web accessibility for ways to improve your school’s user experience! "
Wednesday
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Time is running out! Today is the last day to save $100 on your registration for #OUTC16. Register now! "
Monday
Eric Castillo is now a member of University Web Developers
Jan 29
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Prospective students are now taking action on your website from their phones! Optimize for mobile with these tips."
Jan 27
Profile IconTom McGee and Jason O'Connell joined University Web Developers
Jan 26
Profile IconOwen Savage, Jeremy Pieper and Waylon Baumgardner joined University Web Developers
Jan 25
Deb Withee replied to Deb Withee's discussion HubSpot
"I think I will need to post on the other uwebd listserv also."
Jan 22
Katelyn Colombo replied to Deb Withee's discussion HubSpot
"I'm very interested in this question as well--especially if any universities are using it for alumni communications."
Jan 22
Katelyn Colombo is now a member of University Web Developers
Jan 22
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your school’s website adapt to the resolution of all devices? Find out how media queries can help!"
Jan 20
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Does your school’s website adapt to the resolution of all devices? Find out how media queries can help!"
Jan 20
Samantha C is now a member of University Web Developers
Jan 18
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Listen to University of the Incarnate Word talk about the benefits of switching from open source WordPress to OUCampus in our new testimonial video! "
Jan 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
" "
Jan 15
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Need help building your #OUTC16 schedule? Get tips on which workshops to take in our latest blog post!"
Jan 14
Kevin Kinder commented on Lynn Zawie's group OmniUpdate
"Take your internship program to the next level with these 7 steps from OmniUpdate CEO Lance Merker!"
Jan 12
Beth Hastings posted a discussion

Opening for Web Designer at Columbia College

We have a job opening for a Web Designer at Columbia College, in central Missouri.The Web Designer position works closely with various college departments to create and maintain a college website that is marketing focused and content driven. This individual is a talented and creative graphic designer with strong background in designing modern and innovative web pages. The ability to implement the designs into working web pages using front-end development skills in HTML5 and CSS3 is…See More
Jan 12
Deb Withee posted a discussion

HubSpot

Any present or past users of HubSpot out there?Interested in your opinion.- How are individuals trained to use the system? (in person, online?)- How is the customer service?- Are analytics true to results?- Other comments.Deb WitheeCollege of Arts and SciencesWestern Michigan Universitydeb.withee@wmich.eduSee More
Jan 12

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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service