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

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
"Have you heard? OmniUpdate has a Pinterest Page! We created the page to showcase our customers' awesome web pages and projects for inspiration and motivation. Learn more on our blog. "
Friday
Andrew Collington is now a member of University Web Developers
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Lance Merker, President and CEO of OmniUpdate, reflects on our 2014 accomplishments. Read it now on the blog! "
Tuesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OU Campus users, have you signed up for this month's Training Tuesday? Don't miss out. Join us Tuesday, January. 27th, 2015 at 11:00 am PT and learn how to integrate social media channels together with OU Mashup!"
Jan 19
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" If you’ve performed a search on omniupdate.com recently, you probably found our new and improved search solution! Find out why it's better on our blog. "
Jan 15
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Joining the OU Campus user community is Jackson State Community College. WELCOME!"
Jan 13
Alisa Harrison joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Jan 12
Alisa Harrison is now a member of University Web Developers
Jan 12
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Voltaire Santos Miran, Co-founder and CEO of mStoner, speaks to Lance Merker, OmniUpdate’s President and CEO, about changes in the higher education industry. Check it out!"
Jan 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"First new customer of the new year. Welcome Grambling State University to the OmniUpdate Family! "
Jan 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"With the Email Campaign Manager module in OU Campus, your users are empowered to easily create, send, and monitor emails. Find out more about this great module and learn how it can help your institution better its email communication in our…"
Jan 7
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Shout out to Ryan Garcia who has shaped the CSU Channel Islands website! He was featured in Channel Magazine: Alum Works to Showcase CI"
Jan 6
Profile IconBrian Ireley and Matt Heitto joined University Web Developers
Jan 5
Mandi Hix joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Dec 31, 2014
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Is your institution providing the robust web presence its audience needs? If not, this New Year calls for a new web CMS! Check out how to choose the right CMS in our blog! "
Dec 30, 2014
Janus Boye posted a discussion

J. Boye Philadelphia 15 conference for web developers and digital leaders

Hello uwebd community,We at J. Boye have had the pleasure of meeting many of you at our annual, international web conferences in Philadelphia since 2009.  Once again, we will return to Philly in May for a few days of insights, inspiration, practical case studies and of course world-class keynotes. The conference features 40+ speakers from around the United States and Europe, 8 tracks and 8 workshops.On the program is also 4 social events and an opportunity for an early morning run with the…See More
Dec 29, 2014
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to Potomac State College of WVU for going live with their redesigned home page‬ potomacstatecollege.edu "
Dec 29, 2014
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Who should be seeing your institution’s website analytics? Find out in today's blog post!"
Dec 23, 2014
Emily Burns is now a member of University Web Developers
Dec 19, 2014
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Learn all about OU Campus Custom Dictionaries in today’s blog post. Plus, get some Pro Tips on how to best use them! "
Dec 18, 2014

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

© 2015   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service