I have a question and I've searched all over the web for some inspiration but all the solutions are either unwieldy (the server load would be attrocious) or would blow out a user's eyes with the cognitive load. Hopefully you guys can help me out here. This is for a web app.
Has anyone ever done an enterprise level hierarchial multi-select?
Warning, shown below is cognitive load / choice paradox here:
download bmml source – Wireframes created with Balsamiq Mockups
I've read the other response here which makes more sense on a simple list: Presenting Hierarchical Options
However, the challenge I have with this is multi-fold:
The feasibility of displaying all the data in a single list = an order of magnitude of waiting time.
The list of tier2 items could be up to 100, and list of total children could be 1000s (it's dynamic).
Between parent categories the children names could equate. Within parent categories, child names will not repeat.
Another idea I've tried to relieve the server load:
Problems:
Separates the relationship of the parent and children selection items.
Difficult to associate the top level hierarchy as either a filter for the children or a selection unto itself or both. Just lack of clarity there.
Selecting a parent automatically selects children. Logic issue of whether to show the children so the user can single deselect each child, or to display the parent as a tag.
Does anyone know any other ways to portray this on an enterprise level scale?
I need a solution that fits a limited height space (200px max) as it's a control that is stacked with other filter controls. Ideally, responsive as well.
Any ideas?