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
212 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
176 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
900 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
87 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
979 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
54 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
92 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
175 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
479 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
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
512 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
593 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
837 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
2answers
240 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
198 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
301 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
118 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
294 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
453 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
355 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
128 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
193 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
69 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
251 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
108 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
152 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
235 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
772 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
236 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
250 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
340 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
84 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
129 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
133 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
254 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
343 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
484 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 ...