41 votes
Accepted

What is the best UI for allowing the repeated selection of the same item from a list?

The type of UI/UX you are using does not correspond to the functionality you need. In fact, if the items in the left list are to remain, the button to return them from the right list makes no sense. I ...
Danielillo's user avatar
  • 19.1k
39 votes
Accepted

Is there a good way to communicate choose at least one?

The normal way to solve this problem is to use validation (or errors as you put it). I would not advise mixing control types within a single field as it's overly complex and confusing to a user who ...
dougajmcdonald's user avatar
33 votes
Accepted

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

I would suggest creating a short list of broad "top-level categories" that every other category can be grouped into (maybe around 20 of them). For example: Technology, Art, Leisure, etc. ...
musefan's user avatar
  • 7,101
26 votes

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

This is a frame challenge. What you ask for is impossible. If you require users to select ten categories of interest before you let them access the app, most users will not proceed beyond that step. ...
Stig Hemmer's user avatar
21 votes

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

This sounds like a job for a type-ahead -- the user starts typing a category of interest, and the system returns valid responses that can then be selected. Bonus points if you account for fuzzy ...
Izquierdo's user avatar
  • 12.7k
21 votes
Accepted

Should selected options be removed from single- and multi-select dropdown lists?

Good question, also props for differentiating the two different scenarios. I think that you are in luck because there is indeed just a simple correct answer: Do not remove selected options from the ...
Kolja Sam's user avatar
  • 1,235
15 votes

Multiple selection

I actually think your slider idea is not that bad and might be interesting. Depending on how effortless the implementation has to be, it can also be a simple dropdown in the end: Edit Ok, in response ...
Big_Chair's user avatar
  • 6,825
15 votes

List of languages

Allow users to create and use presets. Each preset is a cluster of languages users can choose according to their needs, fully customizable (it's negligible in a DB, but looks like whoa! for users). So ...
Devin's user avatar
  • 37.9k
14 votes

What is the best UI for allowing the repeated selection of the same item from a list?

If the order of the selection is not relevant, only which items are selected and how many of each, then it may make more sense to keep only one line for each distinct item, and a quantity. The obvious ...
jcaron's user avatar
  • 2,716
12 votes

Is there a good way to communicate choose at least one?

If you can dynamically add question fields, then another solution is to break it into stages: 1) Ask the null state question first with radio buttons. 2) If the option(s) which requires multiple ...
called2voyage's user avatar
9 votes
Accepted

What is the name of this moveable multiselect list?

What names are there? Microsoft calls this a List Builder. As does the 2006 book 'Designing Interfaces' by O'Reilly. Google calls this in Material Design UI a "transfer list" (or "shuttle"). ...
PixelSnader's user avatar
  • 8,321
9 votes
Accepted

Does Material Design have a guideline for styling a "select all" checkbox?

Try combining the section header title and master checkbox above the list. I'm not sure what the rest of your ui looks like, but oftentimes a selectable list has the 'select all' up along the table ...
Mike M's user avatar
  • 24.7k
8 votes

iOS - multiple selection

Keep it simple: use radio buttons. Checkboxes and your rules governing what can be selected and when will be confusing for both your users and programmers alike. Someone will try to select only ...
Nathan Rabe's user avatar
  • 8,888
7 votes

What is the best way to contain 20 or more checkboxes in form

Ergonomically it would be best to make the dropdown with height that shows all checkboxes at once. However, this is a bit extreme, and will take a lot of horizontal space. You should do that only if ...
Kristiyan Lukanov's user avatar
7 votes

Alternative to Radio buttons

What about a drop-down a.k.a combobox? download bmml source – Wireframes created with Balsamiq Mockups There can be as many options as you like (it is dynamically sized), if the options don't ...
Mike's user avatar
  • 3,125
7 votes

Is this a good concept: "Select one or multiple items using checkboxes and use a radio button to select all"?

Hmm, I'm finding your prototype quite confusing to use. I find it very confusing that, after selecting all the values, it automatically deselects them and selects the "All" button at the top. Also, ...
Andrew's user avatar
  • 525
7 votes

Multiple selection

If you want to avoid the sliders, you can just opt for a very simple grid of checkboxes/radio buttons. Something like this: This makes it very easy for the user to understand exactly which options ...
musefan's user avatar
  • 7,101
6 votes
Accepted

Is it a good practice to remember checkbox selection across multiple pages in a grid?

In general: NO This is really bad UX: creating actions that affect other pages the user can't see and maybe don't remember is the definition of an anti-pattern. You'll always need to make sure that ...
Devin's user avatar
  • 37.9k
6 votes

iOS - multiple selection

No B check box until they select A No C check box until they select A and B
paparazzo's user avatar
  • 2,212
6 votes
Accepted

What is the best way to contain 20 or more checkboxes in form

Display all checkboxes together, in the main scrollable container. If you place them inside a scroller the user might miss the checkboxes that are hidden in the overflow of this secondary scroller (...
Alvaro's user avatar
  • 16.8k
6 votes
Accepted

What's the best UI to use when asking a user for a negative selection (i.e. avoid X)?

You're overthinking this and causing some kind of weird double negative. You're asking for active user input - in order to deselect - what the user doesn't want. That is a very confusing anti-pattern. ...
jered's user avatar
  • 266
6 votes

Correct "Select all" pattern

A solution is to add a column to your table on the left to select row by row and allow to "Select all/none" by clicking the column header checkbox. Here is a demonstration for the table ...
Ricovitch's user avatar
  • 161
6 votes

Alternative to Radio buttons

To address your specific concern: Since there is no confirmation it feels odd…. Radio buttons are usually used when you can change your selection before confirming. The solution is to use command ...
Michael Zuschlag's user avatar
6 votes

multi selection dropdown - with or without checkbox

If your question is whether or not to use the checkbox, I think it looks better and does have a better user experience with the checkbox especially the unconscious overview it gives the user while ...
Wurah's user avatar
  • 632
6 votes

multi selection dropdown - with or without checkbox

Checkbox is an indicator for users to quickly understand the multiple select option.
Chris's user avatar
  • 4,548
6 votes

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

Browse by popular categories In addition to the other answers, I'd also recommend enabling the user to view which categories are the most popular, based on statistics of your user base. This will ...
maxathousand's user avatar
  • 19.5k
5 votes

What is this UI element called where a list of options are are presented for selection

You should focus first on the functional requirements, not the visual appearance as that's easily changed with CSS. There's two specific input elements that provide exactly the functionality you ...
Seth Warburton's user avatar
5 votes

Infinite scroll and "Select all"

We do this in several places within our application. Select All should mean select all, not select visible as that isn't generally useful. Although i guess everything has a use somewhere and it may ...
PJUK's user avatar
  • 151
5 votes

Multi select from a long list

I realise that the reason for presenting all the secondary emotions in one list is to show the user what emotions are available in the system. However, presenting this much data at once can feel a bit ...
robin's user avatar
  • 348
5 votes
Accepted

What is the best way to provide many multi-select actions on mobile?

Adding an extra step to present the options in a dialog is also an option (if this task is not used often and is not tied to efficiency, so the extra step won't hurt a lot): Similar to this choice ...
Big_Chair's user avatar
  • 6,825

Only top scored, non community-wiki answers of a minimum length are eligible