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

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
"OU Campus Developers: There's still time to build and submit your working gadgets to our 2014 Gadget Challenge for a chance to win free registration + travel reimbursement to OUTC15! Learn more about building gadgets in OU Campus by…"
22 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Last chance to submit your proposals to present at #OUTC15 "
Friday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"A lot of our customers are presenting at HighEdWeb! See who in today's blog post.  "
Thursday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Voting has officially begun! Check out the gadget ideas submitted by your higher ed peers and vote for the ones you would like to see incorporated in OU Campus. "
Oct 15
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Happy Tuesday! We are pleased to welcome Nevada State College as the newest addition to the OU Campus user community."
Oct 14
Zack Rosen is now a member of University Web Developers
Oct 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Lots to do with this year’s E-Expectations survey. See the discussion in today's blog post."
Oct 13
Jay Massey replied to Cal Anderson's discussion T4 Site Manager Implementation in the group Terminal Four Site Manager
"We just finished our institution-wide, procurement, redesign, development, migration and launch our our university's public web presence with T4 Site Manager. I've been intimately involved in the entire process. AMA... シ Jay"
Oct 13
Jay Massey joined Cal Anderson's group
Thumbnail

Terminal Four Site Manager

For institutions using Terminal Four's (T4) Site Manager CMS.See More
Oct 13
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Only one more week to submit your presentation proposals for a chance to receive free or half-priced registration to OUTC15! "
Oct 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Check out Treasure Valley Community College’s new Course Catalog. Excellent work! "
Oct 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please help us welcome to the OmniUpdate family our first new customer of the fall season, Millsaps College!"
Oct 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Now you can use the CMS features you know and love in OU Campus to succeed in your institution’s blogging efforts! Find out how in today's blog post. "
Oct 7
Profile IconDiana Muina and Kate Clark joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Oct 7
Profile IconDiana Muina, Kate Clark, Charlie Holder and 2 more joined University Web Developers
Oct 7
Artur Charukhchyan replied to Artur Charukhchyan's discussion Wordpress setup advice needed
"Thank you!"
Oct 6
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OmniUpdate customers are invited to join us Thursday, October 9th at 11AM PDT for a free 30-minute webcast all about Email Campaign Manager! Register now. "
Oct 6
Dan Bashaw replied to Artur Charukhchyan's discussion Wordpress setup advice needed
Oct 6
Dan Bashaw replied to Artur Charukhchyan's discussion Wordpress setup advice needed
"Check out a 'multisite' install for this use case -- it will be very suited to creating a departmental structure."
Oct 6
Profile IconKat Liendgens, Sarah Golden and Blaine Herman joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Oct 3

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