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

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
"We’re so happy to welcome Washington State Board for Community & Technical Colleges to the OmniUpdate family!"
10 hours ago
Ken Pooley replied to Ken Pooley's discussion Examples of landing pages in Higher Ed
"Good question....having spent a little time, between stops in highered, in a business which was pretty cut throat competitive and really leveraged direct response marketing and jailed landing pages at a high level, I have been surprised how little…"
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"When 404 happens, what do your visitors see? Find out how some of your higher ed peers are keeping visitors on their website in today's blog post! "
Wednesday
Florentin Albu posted discussions
Tuesday
Profile IconFlorentin Albu and Ashley Banks joined University Web Developers
Tuesday
Rachel Carden posted a discussion

Speakers needed for HighEdWeb Alabama conference - Deadline is Friday, April 24

You have great ideas. The HighEdWeb Alabama conference is looking for great ideas! Please consider sharing your great ideas with HighEdWeb Alabama! Our call for speakers is open until Friday!Share You Brain With Us!We all think and work differently. Whether you realize it or not, you have unique insight, skills, and expertise that others have not experienced. We want to hear about your projects and your strategy. We want you to share your brain…See More
Tuesday
Chris Paddock replied to Ken Pooley's discussion Examples of landing pages in Higher Ed
"Hi Ken,  Can I ask, are you trying to get better perspective on the experience, construction, something else? Just curious.  Chris "
Tuesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"What exactly is a well-composed picture when it comes to your website? Marie Wise from Lower Columbia College has the answer! Why You Want Pictures on Your Web Pages (Part 2) "
Apr 14
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Learn about the 2015 OmniUpdate Hackathon from the ‪#‎OU15Hackathon‬ participants themselves in this blog post! "
Apr 10
Kris Read is now a member of University Web Developers
Apr 10
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OU Campus Users: Get the 2015 OmniUpdate User Training Conference presentation slides, photos, and videos now on the OmniUpdate Community Network! Don't miss Lance Merker's opening, "The Key to Web Success: Leveraging the Power of the…"
Apr 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Another enlightening post by Marie Wise from Lower Columbia College on the importance of pictures on your higher ed‬ website! Read it now."
Apr 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Honored to have Kodiak College join our OU Campus users. 50,000 and counting!"
Apr 6
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"OmniUpdate is proud to present, in cooperation with our business partners, the OmniUpdate Concierge Program! Learn more about it on our blog. "
Apr 1
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Did you miss our latest webex on OU Search? See it now and find out why it's a better and faster search solution!"
Mar 31
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Excited to welcome Rosemont College​ into the OU Campus user community!"
Mar 27
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Guest blogger Michael Stoner of mStoner shares tips on how to incorporate social media on your college or university website! "
Mar 26
John PArdavila is now a member of University Web Developers
Mar 26
Sherry Nelson joined Arlen Johnson's group
Thumbnail

Calendars

Discuss event calendars and calendaring - identify products, solutions, and needs
Mar 25
Ken Pooley posted discussions
Mar 25

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