Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   What is the best UI for multiselect from a hierarchy of data?

What is the best UI for multiselect from a hierarchy of data?

by UXStackExchange on March 26, 2011 in uxstackexchange

I have a hierarchy of data and I need to create a UI to pick from this list. The data is structured something like an org chart, where teams have parent teams:

team seven
team three
--team one
--team two
----team four
---------team seven

Somehow, I want to show that some teams are "under" other team, so instead of just having a list, I thought of doing this:

team seven
team three
team three --> team one
team three --> team two
team three --> team two --> team four

But, this gets pretty wide pretty quickly if there is a deep tree.

Can someone give me some advice to create a multi select picker when there is lots of data and the data is in a hierarchy structure?

Tags: UX Stack Exchange

Sign Up for the latest in UX News...

Enter your email address to subscribe to UXShareLab and receive notifications of new posts by email.

Join 834 other subscribers

Related Posts

Multi-selecting checkboxes while rows are highlighted
Multi-selecting checkboxes while rows are highlighted
Auto-refill pop up..how many times should this show?
Auto-refill pop up..how many times should this show?
A graph for displaying numerical data like age
A graph for displaying numerical data like age
How should I work in order to land a good internship or a good job in the big companies?
How should I work in order to land a good internship or a good job in the big companies?

What is the best UI for multiselect from a hierarchy of data?

by UXStackExchange on March 26, 2011 in uxstackexchange

I have a hierarchy of data and I need to create a UI to pick from this list. The data is structured something like an org chart, where teams have parent teams:

team seven
team three
--team one
--team two
----team four
---------team seven

Somehow, I want to show that some teams are "under" other team, so instead of just having a list, I thought of doing this:

team seven
team three
team three --> team one
team three --> team two
team three --> team two --> team four

But, this gets pretty wide pretty quickly if there is a deep tree.

Can someone give me some advice to create a multi select picker when there is lots of data and the data is in a hierarchy structure?

Tags: UX Stack Exchange

Related Posts

How to communicate that an image is clickable without explicitly telling that it's clickable?
How to communicate that an image is clickable without explicitly telling that it’s clickable?
Must-Do’s When Ending a Freelance Design Project
Must-Do’s When Ending a Freelance Design Project
Wizard component - state vs active step
Wizard component – state vs active step
How exactly do designers choose the colors they use?
How exactly do designers choose the colors they use?
← What do people think of Color’s interaction design?
Is a plain unadorned hyperlink sufficient for sharing a link? →

Topics

UX Jobs Los Angeles User Research UX Jobs Dallas User Experience UX Rockstars user-behavior UX Jobs in Atlanta Web Design Usability wordpress UI design WordPress Gutenberg UI User testing User Interaction UX Toolbox uxstackexchange web-app UX Jobs Atlanta UX Universal Design & Accessibility uxbooth WordPress Plugins Visual Design UX Design

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange