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

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

Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We’re excited to welcome Stockton University to the OU Campus user community! "
Thursday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Website viewers form a first impression in less than two-tenths of a second! Read our latest blog post for tips on how to make it a good one. "
Wednesday
Scott Wilson is now a member of University Web Developers
Monday
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"How did Charter Oak State College’s one-man web team achieve a DIY responsive website redesign? Get the details in our new case study! "
May 20
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Voting is now open for the 2016 OmniUpdate Gadget Challenge! Head on over to the OmniUpdate Feedback Forum and cast your votes. "
May 19
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get website information architecture tips from mStoner strategist Fran Zablocki in today’s blog post! "
May 18
Dan Demmons posted a discussion

Anyone know what happened to www.edustyle.net

edustyle.netSite has been down for awhile now- was a great resource in the past.Anyone know what's become of it?-DanDan DemmonsDirector, Web ServicesProvidence Collegeddemmons@providence.eduSee More
May 18
Alecia Heidt is now a member of University Web Developers
May 17
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"The OmniUpdate family is getting bigger… welcome Lansing Community College! "
May 16
Profile IconLeta Negandhi, Eric Scott Sembrat, David Harper and 1 more joined University Web Developers
May 16
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're excited to welcome Wayland Baptist University to the OmniUpdate family! "
May 13
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"What does the Halo Effect have to do with your website? Find out in today’s blog post! "
May 11
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Help us give a warm welcome to our newest OmniUpdate family member: Winthrop University!"
May 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"We're excited to welcome Indian River State College to the OU Campus user community!"
May 5
Profile IconKrishneel Kishor and Dana DeFebbo joined University Web Developers
May 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Learn how to quickly arm yourself with the website usability data you need to cut through internal politics! Tune in to Higher Ed Live this Friday at 1PM ET. "
May 4
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Nearly 57 million people in the U.S. have some form of disability. Learn how to S.I.F.T. through your website’s content for accessibility compliance in today's post! "
May 4
Nic Winn replied to Morgan A. Huff's discussion Is there a University Web Developers Slack group?
"A team just started up. You can send a request to leta@berkeley.edu and she can add your schools domain. Then anyone with ann address there can sign in at https://uwebd.slack.com/signup."
May 4
Kelsey Layos posted a discussion

Help faculty, staff, and students transition to Canvas!

The Office of Information Technology at UCI has two vacancies for Technology Support Specialists to assist faculty, staff, and students through the Canvas transition (see sites.uci.edu/canvas/).Please share this with others looking to:Help faculty, staff, and students use Canvas and associated toolsSolve problems and remove barriers for end-users dealing with software changeDevelop productive relationships and positive rapport with…See More
May 2
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"It's Module Monday! Strengthen your school's marketing power and brand with our Faculty Directory module. See it in action! "
May 2

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