cascading / trail navigation

16 Sep 2008 - 6:49am
6 years ago
3 replies
453 reads
milan
2005

I am looking for examples and studies on cascading navigation concepts
on web sites, using columns to separate the hierarchical layers. Such a
navigation combines a "breadcrumbs" / "path" with a menu.

Example (with a monospaced font):

About us >> Intranets >> Employee Portals >> Overview
Services >> Extranets >> »Customer Portals >> »Technical Data
»Solutions >> »Portals >> Process Portals >>
Mobile >>

So the (breadcrumbs) path in this would be
Solutions > Portals > Customer Portals > Technical Data
with the alternative options still visible for each selected layer

I found the pattern in just one library, at welie.com:
http://www.welie.com/patterns/showPattern.php?patternID=trail-menu

Personally I like this concept, but there aren't much sites using it.
I found only one study form a German student implying it performs very
well compared to other (dropdown, tree, ...) concepts in terms of
clarity.

But it could also turn out as misleading if the users do not understand
the "layering" concept.

Do you know sites using this kind of menu design, or (even better) other
resources about its performance?

thx in advance,
milan

--
milan guenther * interaction design
||| | | |||| || |||||||| | || | ||

+49 173 285 66 89 * www.guenther.cx

Comments

16 Sep 2008 - 7:59am
Håkan Reis
2006

Hi.

This is how the "breadcrumbs" for the file explorer in vista works. I have
no studies for you on this though but wanted to point out a current usage of
the concept.

regards
---
Håkan Reis
Dotway AB
+46(768)510033

My blog || http://blog.reis.se
My company || http://dotway.se
Our conference || http://oredev.org - See you in 2008

On Tue, Sep 16, 2008 at 13:49, Milan Guenther <milan at guenther.cx> wrote:

> I am looking for examples and studies on cascading navigation concepts
> on web sites, using columns to separate the hierarchical layers. Such a
> navigation combines a "breadcrumbs" / "path" with a menu.
>
>
> Example (with a monospaced font):
>
> About us >> Intranets >> Employee Portals >> Overview
> Services >> Extranets >> »Customer Portals >> »Technical Data
> »Solutions >> »Portals >> Process Portals >>
> Mobile >>
>
>
> So the (breadcrumbs) path in this would be
> Solutions > Portals > Customer Portals > Technical Data
> with the alternative options still visible for each selected layer
>
> I found the pattern in just one library, at welie.com:
> http://www.welie.com/patterns/showPattern.php?patternID=trail-menu
>
>
> Personally I like this concept, but there aren't much sites using it.
> I found only one study form a German student implying it performs very
> well compared to other (dropdown, tree, ...) concepts in terms of
> clarity.
>
> But it could also turn out as misleading if the users do not understand
> the "layering" concept.
>
> Do you know sites using this kind of menu design, or (even better) other
> resources about its performance?
>
> thx in advance,
> milan
>
> --
> milan guenther * interaction design
> ||| | | |||| || |||||||| | || | ||
>
> +49 173 285 66 89 * www.guenther.cx
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

16 Sep 2008 - 8:21am
Renato Costa
2008

http://www.fmemoria.com.br/publications.htm#masters

http://www.fmemoria.com.br/artigos/fmemoria_article_hci.pdf

2008/9/16 Milan Guenther <milan at guenther.cx>

> I am looking for examples and studies on cascading navigation concepts
> on web sites, using columns to separate the hierarchical layers. Such a
> navigation combines a "breadcrumbs" / "path" with a menu.
>
>
> Example (with a monospaced font):
>
> About us >> Intranets >> Employee Portals >> Overview
> Services >> Extranets >> »Customer Portals >> »Technical Data
> »Solutions >> »Portals >> Process Portals >>
> Mobile >>
>
>
> So the (breadcrumbs) path in this would be
> Solutions > Portals > Customer Portals > Technical Data
> with the alternative options still visible for each selected layer
>
> I found the pattern in just one library, at welie.com:
> http://www.welie.com/patterns/showPattern.php?patternID=trail-menu
>
>
> Personally I like this concept, but there aren't much sites using it.
> I found only one study form a German student implying it performs very
> well compared to other (dropdown, tree, ...) concepts in terms of
> clarity.
>
> But it could also turn out as misleading if the users do not understand
> the "layering" concept.
>
> Do you know sites using this kind of menu design, or (even better) other
> resources about its performance?
>
> thx in advance,
> milan
>
> --
> milan guenther * interaction design
> ||| | | |||| || |||||||| | || | ||
>
> +49 173 285 66 89 * www.guenther.cx
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

21 Sep 2008 - 4:23pm
Oleh Kovalchuke
2006

Milan Guenther has asked:

>
> Do you know sites using this kind of menu design?
>
>
MSDN website:
http://msdn.microsoft.com/en-us/library/aa338218.aspx

--
Oleh Kovalchuke
Interaction Design is design of time
http://www.tangospring.com/IxDtopicWhatIsInteractionDesign.htm

Syndicate content Get the feed