Skip to main content
67 votes
Accepted

Should a select all toggle button get activated when all toggles get manually selected?

I am not a fan of the approach you have suggested. I find that having a global toggle can be confusing. The reason for this is exactly why you are unsure and asking this question - because there are ...
musefan's user avatar
  • 7,111
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

Best way to prevent a user from selecting None/Others before reading all available options

Even if the list goes too long - you can apply a scroll to the white space and keep 'None of above' always visible: Radio buttons - Thanks @user1306322
Dipak's user avatar
  • 16.2k
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,111
29 votes
Accepted

What is the best way to show results of a multiple-choice quiz where multiple options may be right?

Yes—the less going on the better. Also close proximity of the graphic to what it pertains reduces mental processing: The question is answered correctly— green-check the question. Some answers are ...
bloodyKnuckles's user avatar
28 votes
Accepted

How do you indicate that an item is not selectable?

Keeping the checkbox disabled should be alright, if you are concerned about it you can make use of tooltips to explain the user why it is not selectable when he hovers over the field. Some thoughts ...
Alvaro's user avatar
  • 16.8k
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
23 votes

Best way to show users that they have to select an option

If the reason for the boxes is to help the user typing a random code. We can evaluate that from a modelling point of view, using simple KLM: Design with buttons + input: (Pressing the correct button) ...
Katleho Hadar'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,245
18 votes

Best practice UX - selecting item from couple of items

The drop down has a disadvantage compared with the radio-buttons and the slider-toggle. The user has to click on it to see the possible options. On mobile (if this is the case) drop downs are not easy ...
BrunoH's user avatar
  • 3,435
16 votes
Accepted

Should a "Select all" checkbox become selected if all checkboxes are selected?

The answer is a big 'Yes'. If the user is selecting all the checkboxes individually and once all the items have checked the select all checkbox should also be checked. So, if the user at any point of ...
Bharath Selvaraj's user avatar
13 votes
Accepted

Best way to prevent a user from selecting None/Others before reading all available options

It depends on the context and how much options the user have, let's assume that the user will select the brand of the car he has and there are many options, but the user does not own a car, so if the ...
Maisa Barros's user avatar
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
12 votes

What is the best way to show results of a multiple-choice quiz where multiple options may be right?

Show correct checkbox symbols right next to the checkboxes. Users don't have to read and interpret any symbols or coloring systems, they just see if their checkboxes match the answer checkboxes Color ...
moot's user avatar
  • 5,371
11 votes

Should a select all toggle button get activated when all toggles get manually selected?

Personally, I prefer to have it toggled on/off too, depending on the children state. At least with the design above, it makes sense to also change the 'parent' state, because should the user want to ...
margie's user avatar
  • 363
11 votes

Best way to show users that they have to select an option

One way to provide clarity is to simply tell them what they need to do: Select is the first word for the starting letters, vs. Enter for the digits. You can test this to see if users understand.
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,878
8 votes

How do you indicate that an item is not selectable?

I'll give you a fine solution and then ill explain Back in time, it was much easier for the users when almost every website used similar colors and designs with interactive forms, because when the ...
UX Labs's user avatar
  • 2,455
8 votes
Accepted

Multiple choice answers - how to show correct and incorrect answer

Try saving the icons for the results, and use visual distinction to show their selection. You can separate the result and feedback right below the choices (with their selection). The feedback can use ...
Mike M's user avatar
  • 24.7k
7 votes

Best way to prevent a user from selecting None/Others before reading all available options

"None of the above" is understandable, but I would go for a solution like "Other". I believe that it is more common practice for a dropdown and it has a positive message, rather than the negative ...
Dimitra Miha's user avatar
  • 3,739
7 votes

Best way to prevent a user from selecting None/Others before reading all available options

Don't. Present a plaintext list of the 50 disallowed models, followed by a checkbox saying "I hereby declare that my car is not one of these". The user shall check or not check that box.
Lightness Races in Orbit's user avatar
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
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

Should a "Select all" checkbox become selected if all checkboxes are selected?

I'll go one further and say that your "select all" box should be a tri-state box -- checked, unchecked, or "indeterminate" in the parlance of this Material example. This lets you determine the select-...
Coderer's user avatar
  • 303
6 votes

Mixed alignment (LTR and RTL) in language selection list?

Simple lists need not be like paragraphs. Suppose we displayed each language name according to its “natural” alignment: Not only would that look wrong, but it would be hard to scan. Now suppose we ...
David Regev's user avatar
  • 1,194
6 votes
Accepted

What is the best UI component to make user select a number from small range (1-12)?

There are a few options you could do here: OPTION 1 Why not type it? All the user needs to do is select the field and then type the number (with the majority of selections having just 1 number in ...
UIO's user avatar
  • 2,684
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
6 votes

Best way to show users that they have to select an option

Why have only 3 options? AB, BC, CD? This is just adding to the complexity, which I must admit I would find confusing if I saw this form. You could just add another digit, and remove the need for this ...
Nick Gammon's user avatar
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

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