65 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 ...
user avatar
  • 6,961
53 votes

Why should text be non-selectable?

I believe the usual justification is to prevent folks from copying and pasting the content so that they don't steal it. I usually roll my eyes at this because if a user really wants that text, you can ...
user avatar
  • 1,267
48 votes
Accepted

Why should text be non-selectable?

It's a myth that selectable text is "costless" As a general principle you are right that text should be selectable. That said, since you're asking about non-selectable text, here are some ...
user avatar
  • 40.3k
39 votes
Accepted

Best way to find and select a country

How about just using a Combo Box? download bmml source – Wireframes created with Balsamiq Mockups By a user being required to just choose what country they are from, it removes the unnecessary ...
user avatar
  • 1,029
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 ...
user avatar
33 votes

Why should text be non-selectable?

There is a reason when disabling the selection of text makes sense, and that is if selection of text could interfere with functional aspects of the UI. For example, it is frequently used on widgets ...
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
user avatar
  • 16.1k
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. ...
user avatar
  • 6,961
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 ...
user avatar
  • 16.7k
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. ...
user avatar
24 votes

What are good UI patterns for selecting exactly two items from a list?

You could use a source area (list of items) and a target area (drop zone), to which the user can drag items from the list. download bmml source – Wireframes created with Balsamiq Mockups The ...
user avatar
  • 601
22 votes

Default filtering behavior: Everything displayed or everything hidden?

By definition, a filter is a tool that help users narrow down to a subset of results that is most interesting to them. Consequently, when a filter is active, the results displayed should be less than ...
user avatar
  • 1,686
22 votes
Accepted

What are good UI patterns for selecting exactly two items from a list?

two rows of radio buttons as e.g. on the wikipedia http://en.wikipedia.org/w/index.php?title=Wikipedia&action=history
user avatar
  • 344
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 ...
user avatar
  • 8,037
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 ...
user avatar
  • 2,832
17 votes

What are good UI patterns for selecting exactly two items from a list?

You give the entire list on the left side. Once the first item is selected show the selected item in right top window. Once the second item is selected show you can show the comparison between the ...
user avatar
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 ...
user avatar
14 votes

Why should text be non-selectable?

Disabling selectable text is horrible UX for non-native speakers of the language the text is written in, who may rely on copy-and-paste to automated translation software or website to make sense of ...
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 ...
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 ...
user avatar
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 ...
user avatar
  • 363
10 votes

How can I prevent the user from deselecting all the checkboxes?

Making the user unable to uncheck that last check box might be unnecessary since the last box that's checked might be the one the user don't want to be checked. This might be a better solution:
user avatar
9 votes

Selecting Multiple USA States from List

Whatever design you choose, think about placing some container which displays the current selected items, so that way users won't have to remember what they've selected previously by themselves, ...
user avatar
9 votes

How to display information too long for a select box

I gather you're using a select box because only 1 selection is valid? What about converting each option into a radio button? e.g. https://jsfiddle.net/mz9a22cd/
user avatar
  • 231
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 ...
user avatar
  • 8,840
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 ...
user avatar
  • 2,435
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 ...
user avatar
  • 22.8k
7 votes
Accepted

Numeric input, text fields, drop-downs : Is this too complex?

I think that there are two directions that you may follow to make this setting less cluttered: It seems like it's a good idea to treat settings like a meaningful phrases, but using desktop controls ...
user avatar
  • 5,325
7 votes

What are good UI patterns for selecting exactly two items from a list?

If you want a two item selection for diffing, I think you can look to WinMerge as a good inspiration: If you are inside the app and click the "Open" icon it will launch a dialog with two textboxes ...
user avatar
  • 603

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