Forum | Session two prep: Navigation examples

You must be logged in to post Login

Session two prep: Navigation examples

UserPost

12:20 pm
June 2, 2009


Daniel Bachhuber

Admin

posts 102

I thought I'd start a new thread because I'd love to see some discussion before the call on the different styles of navigation. In my mind, styles means two different things. First, it obviously means how the element looks. We'll call that visual style. There is another element of style, however, that is equally if not more important: functional style (or how it works).

To me, there are several different types of functional style:

  • Traditional nav bar
  • Traditional footer
  • Search
  • Tags and categories
  • Breadcrumbs

Recently, I've been very interested in how all of the valuable data being expressed in tags can be used functionally as navigation. The most common example is probably the list of tags attached to every article or post. This isn't using them effectively, imo.

So, tags and navigation. As an example, I really like what The Guardian (UK) has going on in their nav bar:

They've got the higher-level topic, and then you can drill down to nested topics. Delicious, however, is really the service that makes tags functionally stylish. If I'm interested in content at the intersection of any number of tags, I just add them together:

I'm not entirely sure where I want to go with this now but, to be honest, I hardly ever use the nav bar for content any more. If I do, it's to login or do some other activity associated with the website. I get my content through RSS, Twitter, and search, but I feel like bundling tags could be the next big semantic step. Thoughts?

11:21 pm
June 2, 2009


joey

Silicon Valley

Admin

posts 39

I'd opine that the traditional newspaper website nav bar is fundamentally flawed. What nicely breaks into sections in print doesn't work as well online. Main nav sections like 'news' (um… it's all news, why else am I here?) or 'multimedia' (I don't wanna see a list of videos, I want to see them in context with their stories) or 'features' (what does that mean!?) just don't belong online.

Take a look at sites that were designed by a web company, and you can get a much better sense of what a nav bar is supposed to look like:

My point: think about nav bars from the user's perspective. I'd propose http://newser.com as a good example of a newsorg nav bar.
  • It's dynamic: content changes based on what the top stories are.
  • It links off to topic pages. Only the most timely and relevant topic pages are easily accessible.
  • You can still get to the traditional sections if you really want to navigate that way.
Things I don't like about Newsers's design:
  • The 'More' link… never, ever, use 'more' or 'other'
  • The 'Sources' – shows a fundamental misunderstanding of the site. People come to read an aggregate, not a specific source. That whole section could be dropped.
  • I'd rename "home" to "Now"
Other things to think about with nav bars:
  • I'm fond of saying: nav bars ought to have an odd number of items, limited to the bare essentials. Or: no more than 7, really no more than 5, and ideally 3.
  • There are two ways to navigate a site: browsing and search. Which one are you? Which option to you emphasize with your nav bar?
  • I have a grudge against drop-downs. I think they generally indicate bad design and encourage you to to just shove as many items as you can in the drop-down. This leads to non-simple/non-user friendly design.
Um… yup. Tangent over.

CoPress Business Director | @joeybaker | byjoeybaker.com

11:39 am
June 3, 2009


MaxCutler

Member

posts 10

I think you both make some excellent points. However, I wonder if they are really applicable to the majority of college news websites.

Almost all of the sites you mention have very large volumes of content, posting new material dozens of times a day. Most college news organizations will either post in one huge block once a day (issue-based mentality) or a couple of items over the course of the day (web-first/web-only). I have yet to see a college news site that publishes in the volume to even be compared to the LifeHacker/TechCrunch/Guardians of the world.

Given that assumption (which you are free to dispute, but please provide examples), I propose that you should be analyzing college news sites' navigation and not popular blogs and large professional news sites when seeking guidance.

In my experience/opinion, the reality is that that most college news orgs publish about the same limited set of topics repeatedly, and that's why the section model can make some sense. That's not to say that tags shouldn't be used; they definitely should, and virtually all college news sites could do a better job of integrating tags into their navigation and exploration flow.

I'm looking forward to what your session comes up with.

10:13 pm
June 3, 2009


Daniel Bachhuber

Admin

posts 102

I certainly understand the consideration, Max. I think I was implying more that college news organizations should break away from the norm than that they should copy The Guardian and delicious exactly. As an example of another type of navigation I really like, take a look at the Spokesman Review:

Student newspapers could easily do the current top topics as navigation. Heck, those could even link to wiki-style landing pages that would include a list of the most recent articles and blog reactions from around campus. One critique I have of the Spokesman as an exact example is that the links themselves don't tell me much; it would be great if they had a phrase or sentence to describe the link too.

10:15 pm
June 3, 2009


Daniel Bachhuber

Admin

posts 102

BTW, @Joey I really like the idea of using "Now" instead of "Home." Someone should do that, hint, hint, nudge, nudge.

12:31 am
June 4, 2009


Andrew Spittle

Walla Walla, WA

Moderator

posts 49

You guys all raise some great points (as usual). I think Max's point about the volume of content is particularly apt for college sites. Plus, I think so long as college news orgs. and college journalists think of their stories in terms of News, Sports, etc. then the content produced will probably fit within these categories.

I think Daniel's example of the Spokesman Review is a really good one and one that I'm going to be trying to do with the Pioneer this summer.

On the "Now" instead of "Home" link are either really necessary now? Don't most users know that clicking the site logo will take them home? Maybe that's a bad assumption, but it seems to me that it's a safe bet.

Andrew – andrew@copress.org – CoPress Hosting Director – http://www.andrewspittle.net


About the CoPress forum

Most Users Ever Online:

119


Currently Online:

2 Guests

Forum Stats:

Groups: 1

Forums: 7

Topics: 107

Posts: 538

Membership:

There are 151 Members

There have been 2 Guests

There are 5 Admins

There is 1 Moderator

Top Posters:

Chris Ullyott – 66

Mo Jangda – 35

arobinsonwku – 32

laurenmichell – 21

CMLife – 16

sbressler – 15

Administrators: Daniel Bachhuber (102 Posts), William P. Davis (65 Posts), joey (39 Posts), Greg Linch (14 Posts), adam (1 Post)

Moderators: Andrew Spittle (49 Posts)