jQuery iPod-style Drilldown Menu


We created an iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It's especially helpful when organizing large data structures that don't translate well into  traditional dropdown or fly-out menus.

This drilldown menu provides easy navigation of complex nested structures with any number of  levels. The entire menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.

A lateral iPod-style slide transition reinforces the notion that you're moving forward into more  granular data, or backward into higher-level data. This menu is specifically useful in traversing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more  usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.

Demo : http://www.filamentgroup.com/examples/menusHierarchical/

No comments:

Post a Comment