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

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

Profile IconDoug Kern, Melisa T Haggerty, Jeff Hilyard and 32 more joined University Web Developers
10 hours ago
Colleen Brennan-Barry posted a discussion

Call for 2014 HighEdWeb Regional Conference Hosts

Have you attended one of HighEdWeb’s regional conferences, or heard the great buzz about the regionals, and thought that your institution would be an ideal future conference host? Then we invite you:Submit a proposal by June 30 to host a 2014 HighEdWeb regional.“Planning a regional event, while work-intensive, gives both planning committee members and conference attendees an incredible…See More
16 hours ago
Anne Swinton joined Stewart Foss's group
16 hours ago
Anne Swinton commented on Brent Hoard's group Sitecore
"We are about to implement Sitecore in the next few months, so I'm hoping to find some useful info here for our transition. We are currently in Ironpoint/Active CMS."
16 hours ago
Anne Swinton joined Brent Hoard's group
Thumbnail

Sitecore

For users of the Sitecore CMS
16 hours ago
Erik Hagen replied to Chris Lewinski's discussion Success metrics for web CMS implementation?
"As Annette said, it depends on why you're doing it. What are the problems that need to be solved, and what are the outcomes that can be measured? I'm planning to switch to a CMS from not having one this coming year, and most of our issues…"
20 hours ago
Liz Snow commented on Debbie's blog post Web CMS evaluations project
"Later this year, we plan to re-evaluate our CMS also.  I would be interested in material you were able to gather to support you such as the samples from Holly and/or the information from Miz."
20 hours ago
Erik Hagen replied to Kathy Jensen's discussion Content: Header and Footer
"For our global header nav, I've been tracking every click as an event in Google Analytics for several months. It's pretty clear now which links are popular and which are being ignored. I also use Crazy Egg to see clicks on the current…"
20 hours ago
Peter Sawyer left a comment for richeleine gandon
"Hi Richeleine,  Looks like your account is being used to send out spam. If you check your comments, your account has left the same comment for many others. Also, your website throws a 404.  Here is something good to think about…"
21 hours ago
Mark Greenfield's video was featured

HighEdWeb '13 Annual Conference - Buffalo Style

Much like #marks911 the HighEdWeb Annual conference is a beautiful thing to behold. http://2013.highedweb.org Get to Buffalo this October to network, share, ...
21 hours ago
Mark Greenfield posted a video

HighEdWeb '13 Annual Conference - Buffalo Style

Much like #marks911 the HighEdWeb Annual conference is a beautiful thing to behold. http://2013.highedweb.org Get to Buffalo this October to network, share, ...
21 hours ago
Daniel Bashaw replied to Daniel Bashaw's discussion What tech do you use for remote presentations?
"Thanks – I've also heard mention of Adobe Connect as a tool the #PSEWEB conference organizer has used successfully in the past -- I'll check it out as an option."
21 hours ago
richeleine gandon left a comment for Jesse Racine
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Géna Thompson
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Ed Hillis
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Erin Leavitt
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Sara Leavitt
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Brian Rogers
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Sheila Lefor
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday
richeleine gandon left a comment for Max Bronsema
"Hello Dear, I will like to get acquainted with You, I have something Special to share with You, Contact me via email: richeleine.gandon@live.comMiss Richeleine."
yesterday

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

© 2013   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service