55 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 ...
user avatar
53 votes
Accepted

User friendly and clear way to present possible answers to a question

Use either Responsive Disclosure or Responsive Enabling depending upon the standards in the format you're working in. Responsive Disclosure would mean first showing a radio button like this... ...
user avatar
51 votes
Accepted

Is there a UX pattern for "drop-down preferred but free text allowed"?

Worked on a project with this exact problem. We needed a way for the admin staff to add attribute to products. Because attributes are used for search purposes, we need to ensure if that attribute type ...
user avatar
  • 8,481
46 votes

Which way should arrows point for a dropdown button?

I would consider two things here: Visual connection to action Common standard implementation To the first point - visual connection: If you see an arrow that points up, you expect something to ...
user avatar
  • 1,661
43 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 + ...
user avatar
43 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 ...
user avatar
41 votes
Accepted

How do I show that a wide dropdown is clickable?

I need to make it obvious to the user that it is a dropdown. By making it look like a dropdown. Don't make it so wide. The reason it doesn't look 'clickable' is because it doesn't look like a drop ...
user avatar
  • 41.6k
41 votes

Which way should arrows point for a dropdown button?

A button should show what will happen when it is next clicked - not point to something else. When the button above a closed menu is clicked, the content will drop down - so the should point down (to ...
user avatar
  • 2,309
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 ...
user avatar
  • 1,292
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 ...
user avatar
28 votes

Is there a UX pattern for "drop-down preferred but free text allowed"?

The first idea failed field testing and variants failed usability testing It sounds like we had the same idea as your option 1, and we implemented it. We were looking for a way to force users to ...
user avatar
  • 6,376
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 ...
user avatar
  • 381
27 votes

Which way should arrows point for a dropdown button?

Arrows pointing in our reading direction (right or down) point forwards. Buttons should indicate what happens when clicked. The arrow on a dropdown button should point right or down as it indicates ...
user avatar
  • 2,268
21 votes

Is there a UX pattern for "drop-down preferred but free text allowed"?

My answer shows simularities with others posted here but I want to emphasize how important the right communication is. For example: Reconsider the used language to make the intentions clear. For ...
user avatar
  • 10.3k
21 votes

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

Option B with a slight modification of the text:
user avatar
  • 319
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 ...
user avatar
18 votes
Accepted

Alternative to dropdown with over 6000 values

For any select list of over a couple dozen options, free-text search with autocomplete support is the only sane option. This is a common pattern seen on real estate sites (Zillow, Redfin, etc) and ...
user avatar
  • 355
15 votes

How do I show that a wide dropdown is clickable?

Maybe you could separate the dropdown from the 'Group by' label, and align them at the two sides of the available space and - as others have already suggested - make your dropdow look like a dropdown.:...
user avatar
  • 251
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 ...
user avatar
  • 16.7k
13 votes

Should dropdown list option be removed if the options cannot be repeatedly selected?

A drop down is probably not your best option here. To make this task clearly understandable a more suitable UI would be some form of dual list as in the example below: This does not only offer a ...
user avatar
  • 6,976
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 ...
user avatar
  • 1,286
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 ...
user avatar
12 votes
Accepted

Is there a design pattern for dropdown lists in iOS?

iOS makes it much easier to use "Pickers". These may work depending on what you need the "Dropdown" to do. See new link https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/
user avatar
  • 369
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 ...
user avatar
  • 16.7k
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 ...
user avatar
  • 13.4k
11 votes

User friendly and clear way to present possible answers to a question

I don't think either of these is the best option. Do you have to go with one drop down? I would prefer to see two. The first would display and the second would be hidden until the user selected either ...
user avatar
  • 898
11 votes

Which way should arrows point for a dropdown button?

Since you're asking about the direction of the arrow, you might like to check out the Microsoft standards for glyphs and arrows. Scroll down from here, to the table that lists the different types of ...
user avatar
  • 6,376
10 votes
Accepted

Dropdowns within dropdowns

Meh Personally, I find this menu in a menu solution irritating. It comes with some inherent missed-click risk that could lead to accidental menu abandonment. It’s something worth testing, but I'd have ...
user avatar
  • 21.1k
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 ...
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 ...
user avatar
  • 32.1k

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