cascading / trail navigation
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
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
>
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
>
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