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

learn more… | top users | synonyms

4
votes
1answer
216 views

What is a good UI pattern for selecting contiguous items from a list?

I'm making a (web) tool for editing a long complicated sequence of events, and I'd like to make it easy to: play a single event play a series of contiguous events (to see if all transitions work ...
4
votes
1answer
187 views

Multiple select from a 2-levels category - how?

Assumed I need to provide a way to select items from a 2-level hierarchy. The simplest way is to have a long list of sets of checkboxes (each with a name) - that's great for discovery of the variety ...
4
votes
4answers
904 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
5answers
307 views

Checkboxes with several options

This section is part of our form, here the user can request courses and workshops, for schools and camps. The user can select multiple activities and on some of them you have several options, We ...
3
votes
3answers
2k views

Should clicking on a checkbox and a table row produce different actions?

I'm working on an implementation of a "checkbox grid" in ExtJS. It's just a table with a checkbox on each row, and the user can act on multiple items at once. There's a simple version of what it ...
3
votes
3answers
2k views

Small real-estate for long list choices

Given the context that this is an institutional product, it is a web-app that enables educators to manage students. The way the UI has been designed, there is a pop-up that will allow a user to add ...
3
votes
4answers
3k 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
2answers
151 views

Multi Lingual Filtering

I am working on a multilingual content streaming website. By multilingual I mean we have multilingual content. The whole website is however in English. And we have multiple categories (TV, Movies, ...
3
votes
1answer
88 views

What's the best way to let a user show/select filetypes?

I have this app where file types define the allowable files that a user can submit. What's the best way to let user show/select any filetypes? See my two potential solutions below. Is there another ...
3
votes
3answers
1k 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
996 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
55 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
97 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
1answer
176 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
355 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
481 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
1answer
133 views

What is the best interface for multi selecting from a list?

I'm trying to design the best multi-select list. User needs to see in one column active items and inactive items in second one and needs to have a fast and clear option to on and off selected items. ...
3
votes
0answers
169 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
3
votes
1answer
143 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
520 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
595 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
4answers
896 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. ...
2
votes
4answers
663 views

What control should I use to indicate multi-select lists on iOS?

Scenario The user can choose multiple items from a list, which will be carried forward to the next action. Problem In iOS, there are no checkboxes available to make it clear to the user that this ...
2
votes
2answers
242 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
3answers
202 views

How to navigate through multi-select menu

We have to build a menu with multiple campaigns. When the user selects 1 campaign, details should be shown for that campaign When the user selects multiple campaigns, he should be able to compare ...
2
votes
4answers
307 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
175 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
376 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
120 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
304 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
458 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
361 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
2answers
141 views

Inline Editing for Select Lists?

Our application is very heavy on data entry and must display pertinent data quickly and in an easy to peruse format. We have been moving towards an inline edit functionality wherein forms are by ...
2
votes
3answers
212 views

Best way to represent multilevel multiselect location dropdown

So i have this very major UX Issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't ...
2
votes
1answer
71 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
282 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
110 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
155 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 ...
2
votes
3answers
1k 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
157 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
240 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
782 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
241 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
253 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
178 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
341 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
89 views

List Builder: Application access with multiple feature selection pattern

In the list above, the user selects the "Application". Based on the selected application, a "Features and Feature Stage" list is being displayed. This feature list may vary per application. ...
2
votes
4answers
131 views

Is there other way to minimize multiple selection like attached?

Is there other way to minimize multiple selection like attached? These are admin roles, in each role, there are options that limits/allow the users to control task.
2
votes
1answer
136 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 ...