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

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
"Nominations for the third annual Critics' Choice CMS Awards are closing Oct 1! Don’t forget to submit OU Campus for consideration. Recommended categories include: Best Enterprise JAVA CMS, Best Cloud CMS for Enterprise, and Most…"
8 hours ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"  After the mad rush of classes starting, how do you keep your web editors energized for the rest of the academic year? Read how Lower Columbia College does it in today's blog post!"
Friday
Profile Icondavid wickins, Alice Nguyen and John Hartley joined University Web Developers
Friday
Seth Meranda posted a discussion

Seeking an Web Interactive Producer

I'm looking to add someone with HTML/CSS and UI/UX experience to my team at Concordia University, Nebraska. We're located just outside Lincoln, NE.Position Summary:  This position serves as a member of the marketing communication team and provides leadership and strategy for the creation, implementation and maintaining of web and email productions used in promotion and advancement of the University's mission.General Duties:Implements, designs and optimizes user interfaces for cune.edu and…See More
Thursday
Nancy R. Bailey posted a discussion

Web Development Specialist

The Institute for Transportation Research and Education at North Carolina State University is looking for a web development specialist (technology support analyst).  To provide support and consult on web development, design, coding, and modifying hosted websites.  Provide web application development and web communications support, as well as maintain duties for web-based projects which include interactive multimedia, graphics, tutorials, and social media.  Knowledge of and experience with…See More
Wednesday
Maggie Slater commented on Lynn Zawie's group OmniUpdate
"Such great information within the talk! Thanks for sharing!  :)"
Sep 9
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Missed yesterday’s E-expectations talk with Chris D’Orso, Stephanie Geyer, and our own Lance Merker? See it here."
Sep 9
Sara Clark posted a discussion

Missouri State University seeks new media specialist

Missouri State University is accepting applications for a new media specialist in the offices of university communications and Web and new media.Position comes with superior benefits, including group health insurance, life insurance, retirement, tuition waivers, wellness programs and professional development opportunities. Learn more about benefits.Responsibilities:Works to ensure that assigned websites and social media content,…See More
Sep 8
Profile IconAmy Filardo and Jeremy Cumbo joined University Web Developers
Sep 4
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Central Connecticut State University went live with their responsive website. Great job!! www.ccsu.edu"
Sep 4
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Learn more about our 2014 Gadget Challenge with today’s blog post! "
Sep 3
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Part 3 of our E-Expectations series available on our blog! Get the facts you need to improve your best resource—your college website. "
Aug 29
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please note that OmniUpdate will be closed this Monday in observance of Labor Day. We wish everyone a safe and happy holiday!"
Aug 28
Beth Hastings replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Thanks - I appreciate it! It was a  lot of "new" for us. Personally, I'd done a little bit of responsive design (took a class) but nothing at this level. I'd not done HTML5 or really delved into CSS3 and then finding…"
Aug 28
Patricia Pokrocos posted a discussion

Web Developer

Position SummaryThe School of Engineering and Applied Science (SEAS) in the midst of an exciting period of growth in its capacity to prepare leaders and solve societal problems, and seeks a web developer for the large-scale project of moving the Schools current website to a more modern platform. Reporting to the Director, Engineering Communications, the primary role of the web developer is to setup and build the framework for the new website (utilizing Drupal). The person in this position will…See More
Aug 27
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"No one loves their college’s website more than Marie Wise! New post by Marie herself up on the blog. Read it now!"
Aug 27
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to Western Illinois University for going live with their responsive redesigned website in OU Campus v10! "
Aug 26
Maggie Slater joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Aug 26
Profile IconEloine Chapman, Adam Mullen, Gina D'Alessio and 1 more joined University Web Developers
Aug 25
Dan Bashaw replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Nice and clean redesign, and I can see you are also paying a lot of attention to content strategy.  Thanks for sharing the links!"
Aug 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

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service