a widget used to select multiple related items to create a list or similar collection of related items.

learn more… | top users | synonyms

3
votes
3answers
877 views

UI pattern for selecting a rule (from a list of many) and applying to multiple items in a tree

I have considered using a side by side panel design. A list of rules on the left, and a tree navigation on the right - however the tree structure could get very nested. I am concerned how a user would ...
3
votes
2answers
669 views

Long select lists on mobile web app

I know long lists on mobile have been discussed on here before. But there are some differences in my problem - and I have yet to find a solution I am fully satisified with. This is for a responsive ...
3
votes
1answer
47 views

multiple focused/selected items

Is there a thumb rule about multiple views containing selected items? Currently in my application they do all get the same colored border but I think it can be improved: The only idea I have is to ...
3
votes
1answer
65 views

Select maximum of two options to display summary info cards

I am trying to devise a mechanism whereby a user can select only two options at a time in order to display summary information for their selections. It looks like this at present (actual content ...
3
votes
4answers
713 views

Multi-selection dropdown list implementation best practice

Many any websites do not use multi-selection dropdown lists anymore, and the reason often cited by UX practitioners is that this UI element does not 'test well' with users. An example of what I am ...
3
votes
1answer
155 views

How best can I lay out a selection of options in a hierarchy - and let people select at any level?

I have a large three level hierarchy of industry types and would like to allow users to select from the lowest level, or any of the three levels above. Commercial Retail Licensed Premise ...
3
votes
4answers
338 views

Two step selection to make a single item

The application I'm creating deals with maintenance issues allowing a user to report a defect and notify the people responsible for looking at the problem. Think of the application as performing ...
3
votes
3answers
413 views

Nested multiple selections

I am building a web application that allows users to search a gym chain's class timetables. This gym has multiple branches, in multiple states and cities. The inputs to the class timetable search are: ...
3
votes
3answers
786 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
3
votes
1answer
135 views

Best Practise for contextual properties at Desktop App

I'm working on a desktop application - a photovoltaic planner - where you can layout your solar panels on a roof very similar to graphic programs like InDesign or Illustrator. Actually, its quite ...
2
votes
2answers
434 views

What are some creative patterns for viewing and selecting individual items in a large non-hierarchical list?

As part of a profile flow, I need to allow the user to look through and select individual items to add to their profile. This list of items can be upwards of 300 items (the represent company ...
2
votes
3answers
557 views

what is the best UI for multiselect from a heirarchy of data

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 ...
2
votes
2answers
214 views

Hiearchichal Selection for Grouping (ie Teams)

Say I have a page where I want to be able to select what people are on what team. Each team can have up to 3 participants(so height shouldn't be an issue) but the same people can appear on multiple ...
2
votes
4answers
266 views

Instruction to select none, one or many items?

I have a form for a meeting room booking app, similar to a calendar/scheduling app. The user needs to choose: One room None, one or many assets (projectors, whiteboards, etc) I am having some ...
2
votes
1answer
209 views

Many questions, pick as many as you'd like to answer

My current UX challenge: List of < 10 questions that can be answered Only one question answered at a time Once answered, answer is displayed (and potentially editable) No requirement as to which ...
2
votes
3answers
166 views

semi automatic prizing system UX/UI

Am working on a project where system determines certain number of winners based on their scores. They are marked by system as gold, silver and bronze. The admin must be able to manually select winners ...
2
votes
3answers
363 views

Fastest way to choose 2 items from a list of 10

What is the fastest way to select two elements from a list of about ten? Here are some constraints: The list elements are strings of about 5-6 words, drawn from a list of 600. The users are ...
2
votes
1answer
75 views

Interface for defining BNF and CNF formulas

I'm developing a web app and need to make a web page that should allow my users to make BNF or CNF formulas like the following: Some colleagues suggested that I make the page in this way: ...
2
votes
2answers
229 views

Ways to select a group or individual items from fair sized list

Let say I have a list of 20 Employees of a company and they are grouped into a handful (5) Departments. I need to select one or more Employees or Departments. What are some approaches to do this? ...
2
votes
2answers
384 views

Multiselect with Checkbox Strafing

Background A number of problems exist with multiselect list boxes: Existing Solutions Some solutions suggest combining checkboxes, such as: Problem Nearly every (jQuery) implementation I've ...
2
votes
1answer
287 views

Multiselect value into a table

I apologize in advance if I am unable to explain this requirement more efficiently. The context: User is creating a client Profile. First option is to select of type account. User can either select ...
2
votes
3answers
543 views

Name for widget with side-by-side available/selected listboxes?

Two list-boxes, side by side, one with available items, the other with selected items, with arrows in between to move items back and forth.
2
votes
1answer
38 views

How/Where to display contextual information based on radio button check

I have a list of countries where the user can select one by toggling a radio button. Each country has a unique cost in the local currency which the user needs to be aware of. What is the best way to ...
2
votes
2answers
95 views

Deleting multiple items in a shopping cart efficiently

My boss is insistent we need to build functionality to allow users to delete multiple items out of their shopping cart at once (e.g., checkboxes, with a "Select All" button/link, and "Delete" at the ...
2
votes
1answer
88 views

How can I display 13 selectable items on a “Mobile First” responsive webpage?

I have a 13 selectable elements list to be displayed in a Mobile First" responsive webpage. The elements are pure text of about only one line. I have been struggling with my mind to find a solution ...
2
votes
3answers
444 views

Ordered Multi-select control in HTML

I'm developing a highly customisable SaaS application. It has at several places a multi select, for some cases additionally to selecting the items, the user can define an order, for other cases it is ...
2
votes
1answer
142 views

Massive select options for filtering

I need some advice on how to allow a user to select options from a multiple select box that has over 25k options. Currently, I have 3 select boxes that filter the MAIN select box. If no options ...
2
votes
2answers
173 views

Multi-Select enum for every day in calendar

I'm currently trying to solve an organization problem inside of my calendar. My requirements: I have a list of possibilities. You can add these possibilities to every day of the month. It should ...
2
votes
2answers
530 views

What is the best multiselect picker where you think a high percentage of use cases will select a lot of options?

I need a multiselect picker where in many cases the user will select most of the options. The current list has about 20 items in it and in many cases people would be choosing 15+ items so i want to ...
2
votes
2answers
177 views

Icon to show a checklist where only some of the items are selected?

Another designer and I were having a discussion about the best way to show a list with checkmarks where only some of the selections have been chosen. This particular interaction will have multiple ...
2
votes
1answer
219 views

UX for specifying & showing mutual exclusive pairs in a group

I'm working on a SaaS/B2B web app that includes forms that allow choosing and later showing mutually-exclusive pairs among a small number of options. Here are some examples: if the customer buys ...
2
votes
3answers
168 views

selecting 2 levels of information in one screen using search

I have to levels of information, for familiarity, let's name them hospitals and doctors. The user first searches for hospitals and somehow selects a list of them, and then for each hospital she ...
2
votes
2answers
322 views

Tentative vague appointment

I am working on a web functionality that allows an user to request an appointment with another user. However, users may have not met nor known about each others schedule. Therefore, options must be ...
2
votes
1answer
72 views

Pattern for a Multiple Selection from a Large List of Ambiguity

If the list is small enough (e.g., less than ten items) or the user needs to see all available options in order to make correct choices, we can present the items in such a way that the user can review ...
2
votes
1answer
102 views

How to show selected items list with the ability to remove them

I have the current design of items selection like this: A user can select multiple items from different tag types. The checkboxes allow multiple selections of items from the list. When Tag type 1 ...
2
votes
2answers
243 views

How to show multiple states on a single button or knob

The software I am designing has properties panel and some selectable objects. When selecting a single object, its a straight forward design since the knobs and buttons will show the value of the ...
2
votes
1answer
311 views

What is the most appropriate opposite of “Select All”?

Is it more appropriate to use "Deselect All" or "Select None" or some other phrase to indicate the opposite of "Select All"? Context: A toggle button in an iOS app UIToolbar that will select all ...
2
votes
1answer
100 views

Modifying many permissions of many users at once

I’m trying to set up a system where an admin can edit the permissions of many users in an app. There may be 1000 users in the app and there may be 10-20 permissions. Permissions would be things like: ...
2
votes
1answer
106 views

Best practice around selecting items for an action - how persistent should the selection be?

We have a web application for managing large numbers of digital files (referred to as assets). We have recently added the ability when you are browsing the files, or on a search results page, to be ...
2
votes
3answers
440 views

Multi-selection experience

We have a form that allows a person to indicate a curriculum, level, subject and price, but we're trying to figure out the most intuitive way of doing it. There's a few challenges though: The ...
1
vote
2answers
800 views

selecting multiple items on a grid, which is only a part of the total set

I need to show a set of N items to the user, but I can render comfortably only M. (M ~ 20, N ~ 1000). The user then can select one or more of these items and then move on to the next stage. I need to ...
1
vote
4answers
314 views

What is the best way to allow users select items from a very long list in a responsive web app?

Scenario I'm designing a web app where the user adds predefined items from List A to a custom List B. List A is over 100 items sorted alphabetically. List B can be customized according to user needs. ...
1
vote
3answers
215 views

Combining pagination and selection

The user sees a paginated table of items. For each item/row there is a checkbox to the left that lets the user select that row. Below the table a button: "Compare selected". The user can select ...
1
vote
1answer
274 views

Need to display multi-select menu component with limited space

I am looking for a solution to display a multi-select option. Currently, we have a drop-down menu, but that is not very intuitive if user has to make multiple selections. Any suggestions on how to ...
1
vote
2answers
205 views

UI Element for both a Primary and Secondary Selector

I'm currently working on a Content Management System where authors can post articles. Before publishing, they must select a primary category for their article. For example "Entertainment", ...
1
vote
3answers
238 views

Adding an item to a pop up list

I have a form in which a user can select multiple tags via a pop-up window (multi-select with check boxes). The tags are maintained in admin/settings section. It is not a good experience if the user ...
1
vote
3answers
206 views

selecting multiple items from a short list, and marking one of them as “leader”

Several forms in our B2B web app allows users to choose multiple items from a short list of items. Here's one example: Now I need to figure out a pattern to allow users to choose a "leader" item ...
1
vote
3answers
184 views

What's the most efficient way to allow users to add items to a set?

The context for this question is a web application. Let's say we've got 400-500 widgets. Users can create an unlimited number of sets to group related widgets in ways that make sense to them. Each set ...
1
vote
1answer
254 views

Good practice for entering multiple dates

I have a web application where the user can plan an event an set dates for this event. Generally speaking, what is a good interface for entering those dates? The requirements are: The date is a day ...
1
vote
3answers
133 views

Should a dropdown have a value (or be visible) when the associated checkbox is unchecked?

We have users that can be assigned to different groups with an associated role on that group. For example, a user may be a "Contributor" on the "Human Resources" group, but an "Admin" on the "How To ...