I need to display top-down hierarchical data in a web browser that represents the geography of a large organisation. The data looks like this (except the actual list is enormous with 8000 staff across 47 sites with nearly 700 departments):
London
South
Finance
Operations
West
Billing
Credit Approval
Reclaims
Processors
Leeds
Corporate
Directors
Vice
Within the web site, a user needs to select members of staff by either clicking All next to a specific level, or by interrogating the structure and choosing Specific/All User(s) from each layer.
Can anyone offer any advice or inspiration on the best way to achieve this in an intuitive fashion? How do the 'big boys' like SAP and Oracle achieve a solution? Can anyone share any screen grabs to show this?
I thought of using nested drop down lists, like this:
- User selects a layer
- Drop down list appears underneath with all child layers
- Select list appears to one side containing users from selected layer (with Add All / Add Selected links
It still feels a bit clumsy though, especially if someone needed a more complex selection, such as:
All users from West, plus
No users from Billing, plus
Selected users from Credit Approval
I've done research but not turned up much. Jeff Atwood suggests tags instead of hierarchies (flat lists), but I don't think that would work in this instance as the hierarchy itself is important. Treeviews as an alternative don't seem to geared toward effective real estate, and there's the old favourite of chained select lists...