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

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

Daniel Bashaw replied to Kimbel Jeffers's discussion Office Reservation software
"Hi Kimbel -- Does you manual process include a checklist and workflow documentation? If not, it sounds to me like checklists and schedulers are your best next steps. You can structure and document what you do now, and then look at it to see if there…"
19 hours ago
Kimbel Jeffers replied to Kimbel Jeffers's discussion Office Reservation software
"The problem is we use a manual process right now and things keep falling through the cracks."
yesterday
Annette Spearman replied to Derek Tonn's discussion Freelance web design recommendations (small projects)
"Hi Derek, We can help you! I'll in box you all my info so we can connect and set up some time to talk. Annette "
yesterday
Mark Rothbaum posted a discussion

5-Minute Survey on Use of Facebook in Admissions

We're conducting our annual survey on Facebook and Admissions. Please take a few minutes to complete the survey at:http://www.varsityoutreach.com/FacebookSurvey/Our GoalOur goal is to explore trends related to how schools are using Facebook to reach out to prospective and admitted students.How Is the Data Used?All data will be shown in the aggregate. Answers from individual schools will not be released and will remain…See More
yesterday
Profile IconSang Yoon and Brittany Smith joined University Web Developers
Wednesday
Colleen Brennan-Barry posted a discussion

HighEdWeb Welcomes Steve Wozniak & Scott Stratten

HighEdWeb is very pleased to announce HighEdWeb 2013 Annual Conference opening keynote speaker Steve Wozniak and closing keynote speaker…See More
Wednesday
faris ahmed commented on social networking web design's blog post Megastar Media Webby Award Honorees
"wow thats amazing article .  your stuff never fails to amaze me honestly . great work as always :D  something i would like to add in is that  the entries each year are rapidly increasing .  but i think thats cause they take the…"
Wednesday
Lynn Zawie posted a discussion

Freelance Web Developer Needed

Stony Brook University web team is looking for some help coding a new design.  HTML5, CSS3, JQuery, Responsive Design expertise needed.  If you are interested in bidding on this project, I am happy to share more details.  Work would need to begin early summer.  ..LynnSee More
Tuesday
Sara Michel commented on Lynn Zawie's group OmniUpdate
"Great blog post by Higher Education Marketing on leveraging Google pay-per-click ad extensions for higher ed."
Tuesday
Sara Michel commented on Lynn Zawie's group OmniUpdate
"Check out Naropa University's new online magazine. Looks awesome! Great job team."
Monday
Norma J Dowell replied to Derek Tonn's discussion Freelance web design recommendations (small projects)
"Hi Derek! First of all, apologies for taking so long to respond! Secondly, I am not your web developer for such an issue, but if you can find someone to pick their brain and use as a sounding board, it may be all you need.  In the past, when I…"
Monday
Daniel Bashaw replied to Kimbel Jeffers's discussion Office Reservation software
"Hi Kimbel. I know you've been tasked with finding a software solution, though I'm wondering if you may need an interim step first: Does your institution have checklists covering all of the steps needed in on-boarding, relocating, and…"
Monday
Kimbel Jeffers posted a discussion

Office Reservation software

I've been tasked with finding a software tool that helps manage the onboarding and exit process of new and departing faculty. Ultimately i would like this software to management faculty office interms of when resources can be removed from a particular office and when a new faculty member can be moved in with the necessary resources. This tool should have notifications and alerts so there are no conflicts with someone being removed from a office and someone being placed in a office. Does anyone…See More
May 11
Sara Michel commented on Lynn Zawie's group OmniUpdate
"Congrats to Harper College on going live with their new online course catalog! Looks great!"
May 10
Helen Mosher joined Aaron Rester's group
May 9
Helen Mosher joined Mark Greenfield's group
May 9
Helen Mosher posted a status
"After 8 years being away from higher-ed communications work, I'm very interested in returning."
May 9
Will Martin is now a member of University Web Developers
May 6
Sarah McMaster replied to Katra Farah's discussion Online chat interfaces
"Thanks, Daniel. We don't currently have any livechat solution so this is new fact-finding territory for us! I will keep the forum posted as/if we are able to move forward."
May 3
Daniel Bashaw replied to Katra Farah's discussion Online chat interfaces
"In our case the impact of our current proprietary chat tool seems to be minimal, as it is little-used. It requires log-in with contact details and is slow to load. I don't have any metrics on its impact to back up my perception though. I expect…"
May 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

© 2013   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service