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

Redirect to the last visited page
Redirect to the last visited page
20+ Best Free Halftone Photoshop Brush Sets for Digital Artists
20+ Best Free Halftone Photoshop Brush Sets for Digital Artists
Do users actually use the arrows in <input type="number">?
Do users actually use the arrows in <input type="number">?
Updating old personas within an existing product
Updating old personas within an existing product

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

What's the best practice for clearing all or keeping the selected filters after changing the search query?
What’s the best practice for clearing all or keeping the selected filters after changing the search query?
Best way to tell a user what a form is for?
Best way to tell a user what a form is for?
end selection best practice
end selection best practice
What is the best max-width content container in a website?
What is the best max-width content container in a website?
← What do people think of Color’s interaction design?
Is a plain unadorned hyperlink sufficient for sharing a link? →

Topics

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