Navigation examples

9 Jun 2004 - 2:53pm
9 years ago
1 reply
1093 reads
Hayden Vink
2004

Hi everyone,

I'm wondering if anyone has got any good examples of effective
navigation (hopefully using CSS/standards based design) for websites
that have up to three levels of navigation. The site I'm working on
won't be managed using a full-blown CMS . . we'll most likely use
Dreamweaver templates to build the static pages and Movable Type for
the dynamic parts. The client will have Contribute to edit static pages
and access to Movable Type of course. The reason I mention this is that
the navigation menus won't be dynamically generated by a CMS and will
have to be hand-coded into the templates. Our visual designer has come
back with a design that sees the navigation in the left hand column,
and using a tree-structure . . . clicking on one of the main sections
reveals the nav options for that subsection underneath. I think this is
a fairly 'standard' approach . . but I'm wondering if there are any
other examples people have that have worked well? I quite like these
tabs: http://labs.silverorange.com/images/tabsupdate/index.html, but I
suspect my site might be a little larger than this nav style can cope
with (about 200 static pages, 6 main sections).

Cheers

Hayden

----------------------------------------------------------------------
HANSEL :: Research, Strategy & Interaction Design
PO Box 9111, Wellington, New Zealand
Ph +64 4 473 3959 +64 21 386 594
----------------------------------------------------------------------

IMPORTANT: The information contained in this message may be legally
privileged or confidential. If you have received this message in error,
please let us know. If you are not the named or intended recipient, any
use, copying or distribution of this message and/or its attachments is
prohibited. Any opinions expressed in this message do not necessarily
reflect those of Hansel Limited.

Comments

9 Jun 2004 - 10:08pm
pabini
2004

Hi Hayden

I think three levels of navigation would be a bit much in a tree view. I'd
recommend using six tabs for the top-level navigation. Some pages won't
require any more than this. On pages that require second- and/or third-level
navigation, you can add an expandable/collapsible tree view in a navigation
bar on the left. I've used this design on my own site, but it's still under
development, so I can't show it to you.

Pabini

Hayden Vink wrote: I'm wondering if anyone has got any good examples of
effective
> navigation (hopefully using CSS/standards based design) for websites
> that have up to three levels of navigation. The site I'm working on
> won't be managed using a full-blown CMS . . we'll most likely use
> Dreamweaver templates to build the static pages and Movable Type for
> the dynamic parts. The client will have Contribute to edit static pages
> and access to Movable Type of course. The reason I mention this is that
> the navigation menus won't be dynamically generated by a CMS and will
> have to be hand-coded into the templates. Our visual designer has come
> back with a design that sees the navigation in the left hand column,
> and using a tree-structure . . . clicking on one of the main sections
> reveals the nav options for that subsection underneath. I think this is
> a fairly 'standard' approach . . but I'm wondering if there are any
> other examples people have that have worked well? I quite like these
> tabs: http://labs.silverorange.com/images/tabsupdate/index.html, but I
> suspect my site might be a little larger than this nav style can cope
> with (about 200 static pages, 6 main sections).

Syndicate content Get the feed