Skip to main content
Share Your Experience: Take the 2024 Developer Survey
54 votes
Accepted

Should a country name in a country selection list be the country's local name?

It depends on the purpose of the dialog. A customer filling out his shipping information, for instance, would reasonably expect countries to be listed using the same language as the rest of the ...
FirstLastname's user avatar
46 votes

Is there a design pattern for dropdown lists in iOS?

Even though Apple recommended (and surprisingly still recommends) pickers for dropdowns, not even they use it anymore. Spoilers: In both these cases, the "logic" would dictate to use a dropdown + ...
Lucas Cerro's user avatar
45 votes

5-6 choices: Radio button or drop down?

Guidelines The Apple OSX Human Interface Guidelines (2012) recommend a drop down if you have more than 5 options, while the Microsoft Windows 10 User Experience Guidelines recommend a drop down if ...
Michael Zuschlag's user avatar
35 votes

Is it okay to use a dropdown chevron in a checkbox?

My initial thought is that I'd personally avoid attaching a chevron to the checkbox like you've got in your screenshot because it's an atypical design pattern and therefore pretty safe to assume that ...
ke11en's user avatar
  • 1,282
29 votes
Accepted

Dropdowns & Chevrons for Right to Left languages

What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct. If you're curious, I'm ...
Ben Paddock's user avatar
28 votes

Is it okay to use a dropdown chevron in a checkbox?

There is a similar UI for managing exceptions in Visual Studio, which is fairly intuitive: The key differences to the UI you have shown are: Chevrons/arrows appear to the left of the top level ...
Ergwun's user avatar
  • 381
21 votes

What's a better way to enable a feature – checkbox or dropdown?

Option B with a slight modification of the text:
Sourav's user avatar
  • 319
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
20 votes

How should a coloured dropdown be styled using Google Material?

Given your requirement: Each status has it's own associated colour and would ideally be displayed in the list Then we're not discussing if there should be a color or not, question is how to ...
Adriano Repetti's user avatar
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
  • 38k
14 votes
Accepted

Menu with dropdown, root element clickable?

There is a background issue here which is: Should the sub-menu open on click or on hover? If you choose to display it on click, it is clear that you can only use OptionA (ServiceA, ServiceB, ..., All ...
Alvaro's user avatar
  • 16.8k
13 votes

What is the best way to collect a yes/no answer to a required question?

There're three cases that you have to be able to identify: yes / no / not-specified (i.e., user did not interact with this element). But if you pre-select yes or no then you won't be able to ...
krychu's user avatar
  • 1,331
13 votes

What is the difference between popover menu, drop-down menu & fly-out menu?

No, all are different. Popover Menu:it is used when we want to collapse all secondary items or actions (Ex:Edit,Save,Refresh,Delete) to show on single click trigger (icons or buttons). regularly it's ...
B.Sadashiv's user avatar
12 votes
Accepted

How should a coloured dropdown be styled using Google Material?

Short answer: Use your second option, where each field has a neutral white color as the color is not classifing elements in the list. Color should be used to give distinction with other elements from ...
Alvaro's user avatar
  • 16.8k
12 votes
Accepted

Dropdown with a create new button

I'd be wary of hiding the project creation functionality inside the select menu for several reasons: Select menus don't typically contain buttons, or trigger actions just by making a selection, ...
maxathousand's user avatar
  • 19.5k
12 votes

What's a better way to enable a feature – checkbox or dropdown?

There's a fair amount to unpack here. A lot of this is dependant on context within the product, context within the page, and the core users. If your users are in a hurry, almost always choose ...
Roux Martin's user avatar
  • 14.2k
10 votes

5-6 choices: Radio button or drop down?

According to Checkboxes vs. Radio Buttons (Nielsen, 2004): If possible, use radio buttons rather than drop-down menus. Radio buttons have lower cognitive load because they make all options ...
armatita's user avatar
  • 1,576
10 votes

Should a country name in a country selection list be the country's local name?

I can't find an article at present but standard convention for languages at least, is to show both the name of the language in itself and in English. For example if you go to a website in English and ...
the other one's user avatar
10 votes
Accepted

What is the opposite symbol of "empty"?

Seeing that ∅ is your choice for an empty value, for non-empty one you can just prepend it with the negation symbol: ¬∅, or !∅. As far as UX goes, this will only be instantly clear to people who are ...
Izhaki's user avatar
  • 32.6k
9 votes
Accepted

Select from a dropdown (or autocomplete) or add new item in same create / edit view

Here’s a good working example of an integrated “creatable” select list with Jed Watson’s react-select component. You can select from an existing set of options, search them with autocomplete. If you ...
Nathan Young's user avatar
9 votes

When to start opening the select list? On mousedown? Or on click? And Why?

From an accessibility point of view, It is recommended that the event should be fired on mouse up rather than on mouse down. This will be helpful for users with dexterity/motor disabilities, Who ...
Sooraj MV's user avatar
  • 3,609
9 votes
Accepted

Should a blank option always be included in <select> inputs?

As you have suggested, I would recommend in the instance of a required field, that you don't have the "please select" option when the user is "editing" the form. If this is a ...
musefan's user avatar
  • 7,111
9 votes

What's a better way to enable a feature – checkbox or dropdown?

Design (B) seems superior from an ergonomics standpoint. With design (A), if I want to enable and configure the feature, I have to interact with two widgets instead of one. Using keyboard navigation, ...
user3840170's user avatar
7 votes

Should a country name in a country selection list be the country's local name?

It's very simple. If your website is in English, the country names should be in English. If it's multilingual, you should translate the names of the countries depending on the language in use. To ...
Ivan Venediktov's user avatar
7 votes

Not available options: Disabled or hidden?

If the menu (and it's choices) is present regardless of the checkbox, don't hide unavailable options: show them disabled instead. It sounds like some menu options are always available, and are scoped ...
Mike M's user avatar
  • 24.7k
7 votes

Is it okay to use a dropdown chevron in a checkbox?

When clicking "Backup Media Library", should it select/unselect, or expand/collapse? It should select/unselect. This is the default behavior and makes the checkbox more accessible. If the ...
jazZRo's user avatar
  • 11.9k
6 votes
Accepted

Difference between caret and chevron

I don't think there is a functional difference between the two. The difference lies in the aesthetics and visual impact. So based on that I can think of the following considerations before you make a ...
Harshal's user avatar
  • 3,115
6 votes
Accepted

Retaining a value after hiding and un-hiding a field

I would keep the value; simply because what if they user accidentally changes value from "Other" to something else? It would be annoying having to type everything again. If the user did in fact ...
Muqito's user avatar
  • 574
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,558

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