3 votes

On/off functionality inside a dropdown?

I think your first version is better. The second option has two toggle switches, which leads to a cognitive load and therefore it's more prone to errors. Although the first version seems better, here ...
user avatar
  • 33.1k
2 votes
Accepted

Dropdown menu or Select vs Dropdown menu with radios inside

A dropdown with checkboxes makes sense when the user wants to select multiple items. This is a pattern you see all the time with filters for example. A dropdown with a radio does not make any sense to ...
user avatar
2 votes

On/off functionality inside a dropdown?

It would be counterintuitive to have the off option in the same dropdown as the resolution. Therefore option two would make more sense, yet I would add the Record live-stream at the end and maybe also ...
user avatar
  • 4,273
2 votes

On/off functionality inside a dropdown?

I prefer option 2 because when I want to turn off "record live stream", I would not necessarily think to go to the "video quality" section as shown in option 1. The toggle under ...
user avatar
  • 142
1 vote

Select menu with only one option

It depends on the context. When people see this form more than once and possibly with multiple options, the dropdown should stay consistently there and enabled. The fact that it shows one item gives ...
user avatar
  • 10.5k
1 vote

Translating list with checkboxes, to a combo of dropdowns

You could try consolidating the ethnicity and percentage into a single element, which makes adding and removing easier. You would start with a single row. Once selected, if the user needs to add ...
user avatar
  • 22.9k
1 vote

Multiple choice dropdown - when items are selected they are moved to the top of the dropdown

You can also add a separator between selected and unselected items.
user avatar
1 vote
Accepted

Why use borders around dropdowns in a mobile app?

The borders around buttons and call-to-actions provide a much clearer representation of the physical contact/touch point for the user, although generally the user interfaces on mobile is laid out in a ...
user avatar
  • 25.6k
1 vote

Dropdown menu or Select vs Dropdown menu with radios inside

I have no research, but good reasons: If you show radio buttons and checkboxes the users immediately see how the selection works inside that dropdown. If you offer a checkbox outside this is a bit ...
user avatar
  • 459
1 vote

What is the best way for user to be able to select a Category and Subcategory?

I personally see idea A much more complete, with some adjustments. – should the query be cleared as soon as they make a selection? – The problem I see in this design is that the query and the chips ...
user avatar
1 vote

Close/Cancel function: Use Secondary or Warning type button?

Use the simple Close or Cancel button when: Wanting to close that view to continue some other related activity. Use the Alert button before closing or cancel when there is/are a: Running timer ...
user avatar
1 vote
Accepted

Close/Cancel function: Use Secondary or Warning type button?

A warning button is used in the case of destructive actions or data loss. If the close/cancel function will lead to the user losing changes or work, it's acceptable to use this type of button, even if ...
user avatar
  • 9,284
1 vote

Filter without an "Apply" button behavior

Some multiple filters work the other way around: they show all possible items at startup and when clicking on each filter, the unfiltered ones disappear. The button All options is replaced by Reset or ...
user avatar
1 vote

Hide already selected options in the dropdown

Leave the choices already selected with a "selected" status causes the user to be forced to scroll down to see the other items, personally I see it as irrelevant noise. 1001fonts.com has ...
user avatar
1 vote

Direction of dropdown arrows when the relative position of the UI component and content is reversed

In general, lists with multiple elements are usually accompanied by keyboard help. When clicking on a letter, the first element of the list is the one that begins with the letter pressed. At a graphic ...
user avatar
1 vote

Should dropdowns hug its contents or should they be fixed?

I'd say it depends on what the dropdown is for. In your case, you mentioned it is being used as a filter. Filters need to be highly visible at all times and hence, their sizing should be dynamic. I ...
user avatar
1 vote

Adding items to dropdown list on-the-fly?

I had exactly the same issue. I found the perfect solution by taking a look into Asana (https://asana.com/). Step 1 : You can search directly in the field. Step 2 : If you cannot find a corresponding ...
user avatar
1 vote

Why is it impossible to deselect HTML "radio" inputs?

First of all, minimal javascript is required to facilitate deselection for each radio in the document: function toggleRadio(event) { if(event.target.type === 'radio' && event.target....
user avatar

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