Navigating around
· Accordion· Headerless Menu
· Breadcrumbs
· Directory Navigation
· Doormat Navigation
· Double Tab Navigation
· Faceted Navigation
· Fly-out Menu
· Home Link
· Icon Menu
· Main Navigation
· Map Navigator
· Meta Navigation
· Minesweeping
· Panning Navigator
· Overlay Menu
· Repeated Menu
· Retractable Menu
· Scrolling Menu
· Shortcut Box
· Split Navigation
· Teaser Menu
· To-the-top Link
· Trail Menu
· Navigation Tree
< Pattern index
Retractable Menu
Problem
Users need to access the navigation but they may need the screen space even moreSolution
Create a menu that can be put aside and easily retrieved again.
From www.nikewomen.com
Use when
When the screen space is scarce and the Main Navigation takes relatively too much space. Alternatively consider a horizontal Trail Menu in combination with Fly-out Menu.How
Implemented using dynamic html, will also require some form of Liquid Layout.Why
This pattern mainly saves a lot of screen-space while having the menu still available. In contrast to a Fly-out Menu or Overlay Menu a retractable menu stays on the page when activated.More Examples
Comments
0 comments have been added to this pattern