Questions tagged [dropdown]

widget and menu behavior where hover or click shows contents immediately below.

Filter by
Sorted by
Tagged with
135
votes
16answers
163k views

Why is it impossible to deselect HTML “radio” inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not allow ...
62
votes
17answers
8k views

Adding USA at the top of dropdown list of countries. OK practice or not?

Some web sites have a country dropdownlist where USA and Canada are listed at the top of the list (as well in their normal positions). I read once that this was insulting to non US/Canada users. The ...
56
votes
7answers
66k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal (required):</...
54
votes
6answers
24k views

Default gender, “Male” or “Female”

Should our default gender when selecting male/female on the dropdown list be based on the local sex ratio (if a country have more female than male then female is the default value)?
52
votes
9answers
11k views

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

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
39
votes
18answers
2k views

All my users are from Afghanistan; or, how to get users to correctly fill out a form

I have a website with a form users fill out to create an account. Following advice from this forum and other places I am asking for only the minimum required information to create an account, i.e. ...
39
votes
12answers
7k views

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

The other day I was browsing a German-localized website but needed to order something from their UK site. There was a country selection dropdown so I tried to use that one. I'm not fluent in German so ...
34
votes
3answers
126k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
33
votes
2answers
1k views

Dropdowns & Chevrons for Right to Left languages

Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron ...
31
votes
7answers
6k views

Would Breadcrumbs be effective if they incorporate Dropdowns?

I'm currently thinking about adding a quite comprehensive section to a website: the section I'm talking about starts at level 3 of the overall website and itself has another four structural levels. ...
29
votes
7answers
14k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
27
votes
6answers
4k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
26
votes
9answers
63k views

What are alternatives to a large drop down select list?

I am adding a single selection drop-down containing a list of all countries (around 200+ items). In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the ...
22
votes
5answers
5k views

5-6 choices: Radio button or drop down?

I'm redesigning a PMS (Property Management System) and this is a screen from the set up of a hotel. Now there are radio buttons in all of the categories/tabs. I know that there is a 'rule' that if the ...
22
votes
2answers
9k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
21
votes
4answers
26k views

Adding “Select…” as first option (placeholder) of dropdown list

Would it be considered a good practice to add the word "Select..." as the first option of a dropdown list? I think it's redundant and not at all necessary and what is in the dropdown list should be ...
20
votes
4answers
6k views

How to explain to director that a multilevel dropdown menu isn't a good idea

My director and designer want to make a big drop-down menu on our site. Multilevel menu : | MENU 1 | MENU 2 | MENU 3 | MENU 4 | -----------------|----------------|-----...
19
votes
6answers
2k views

Why is there a convention on the web for dropdown menus on hover instead of on click?

This is something I've always wondered. On all major operating systems, application menus (File/Edit/View etc) only appear on click. However, nearly every web site that uses a drop-down menu ...
19
votes
5answers
3k views

Menu with dropdown, root element clickable?

I have two options for a dropdown but I'm not sure which one is the best from an usability standpoint. In option (A) there is a explicit "Our services" link which goes to a page with general ...
18
votes
5answers
11k views

How many items in a web form drop down is too many?

A colleague and I were discussing usability and drop downs and we wanted to know: Is there a best practice or rule-of-thumb for how many items in a web form drop down (select) is too many? At what ...
15
votes
2answers
10k views

Usability of multi-level tabs versus dropdown menu for navigation

We're in the middle of a redesign of our client portal, and there's been some discussion about whether to pursue a multi-level tab design or a dropdown menu (used on the current version of the ...
13
votes
2answers
3k views

How should a coloured dropdown be styled using Google Material?

I am working on a project which is using Google Material UI. I have a set of production statuses that need to be displayed - they are selectable from a list but I am not sure what that list should ...
13
votes
3answers
3k views

Drawer Navigation vs. Drop Down Menus

Are there any studies on drawer type navigation such as: http://www.ibm.com/us/en/ where the navigation pushes down content, compared to traditional drop down menus where navigation covers up content? ...
12
votes
3answers
2k views

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

Which way to answer the following question is more user friendly and more clear? A) B) edit: Because I have to stick to the drop-list and don't really like options A and B, I thought of an third ...
12
votes
5answers
8k views

Responsive Menu that has a LOT of menu items

We have a responsive menu that on mobile just shows the top-level menu items (x8), but on desktop also shows hover dropdowns with service areas within the parent menu item. The problem is we need the ...
12
votes
4answers
1k views

Use of Website Category Landing Pages

OK, here's the situation: A reasonably simple website with a primary navigation menu including drop-down list of sublevels on hover. Each navigation level may have 3 - 6 sublevels below it, none more ...
12
votes
3answers
1k views

FORMS: When to use dropdowns, and when to use dynamic lists?

Interesting that I couldn't find a discussion of this already. When should we use dropdown selects, and when should we use dynamic lists (updated as you type) in web forms? My opinion: Dropdowns ...
11
votes
6answers
2k views

How do I show that a wide dropdown is clickable?

I have a select tag that looks like this: It spans along the top of the page contents, which is roughly 90% the screen width. So, while it's not obvious in this question, the caret is roughly 400px ...
11
votes
4answers
1k views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
11
votes
3answers
677 views

Using Dropdowns AND Radio Buttons to avoid confusion

For you reference I wanted to point out that this is a Video project. I am designing a menu in which the user can choose 1 of 4 formats for SD (standard definition) and two options for HD (high ...
11
votes
2answers
12k views

Setting vs Settings? Which one makes more sense in a dropdown button

This button should do what it looks like it should do. It opens a drop down of actions that a user can perform on their user account. Should I go with "Setting" or "Settings"?
10
votes
8answers
4k views

OK for dropdown button to be on the left?

Perhaps a minor point, but I thought I'd ask anyway...Normally, the button to drop a dropdown display is to the right of the display area, but I have the option to put it on either side, like so: Q1: ...
10
votes
3answers
2k views

Pros & Cons? - Single dropdown VS double dropdown VS multi level dropdown

I’m working on an application with some complex dropdowns which have selectable main categories and sub categories. Some dropdown lists could have up to 40 options - which is quite intimidating to new ...
10
votes
3answers
704 views

Progressively Filtering Options

I am modelling a selection from a product matrix. The customer envisions this as a series of dropdowns which progressively filter what is available in a subsequent dropdown. So for example the first ...
10
votes
4answers
720 views

When should a dropdown be used?

I am working on the design for a large food shopping chain who is holding a contest. One of the requirements was that users can vote for their favorite item online or in the stores. My initial design ...
9
votes
6answers
4k views

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

We've got a form that asks users if they are U.S. citizens. We want to make sure they answer that question. One idea is to make it a checkbox, like this: Are you a U.S. citizen? [ ] Yes, I am a U....
9
votes
3answers
5k views

Adding items to dropdown list on-the-fly?

In certain locations in our application, users encounter dropdowns with a number of items, from which they can: Select a suitable value Add a value to the dropdown list if they don't find a suitable ...
9
votes
4answers
712 views

Navigation menu with only one drop-down child — intuitive or not?

Here is a website's main navigation: Having sub-navigation on-click is pretty common and irreplaceable: But as a user and designer, I have struggled with the case where there is only one child ...
9
votes
6answers
2k views

2 row navigation vs. dropdowns

I've seen two different types of navigation bars when a site requires nested navigation, one where hovering over a link drops down an additional menu, and one where a second horizontal bar is ...
8
votes
3answers
3k views

Which is better to design a Filter?

Which is better for filter, select a single value: Check box ( Use js to keep single selection ) Dropdown list Radio buttons Highlighted labels download bmml source – Wireframes created with ...
8
votes
9answers
30k views

Examples / best practices for dropdown menus with checkboxes [closed]

I'm looking for websites with good examples of a dropdown with checkboxes. I know that the gmail labels menu is one, but I'd like to see some more. General best practices are also very welcome. Is ...
8
votes
6answers
2k views

Drop-down field with only one value

If there's a form that requires a user to select, let's say, one of the email addresses he/she has on file in his account, would it be bad practice to make that menu item a drop-down regardless of how ...
8
votes
5answers
6k views

Better to use hover vs. click to display dropdown menus on main navigation of web app?

I work on a web-based medical records system. In the previous version, main horizontal menu employed ExtJS. It used the standard click to display the sub-menu found in ExtJS. I'm considering whether ...
8
votes
8answers
2k views

Icons vs. Dropdown for primary mobile navigation

I am working on a responsive design in which there are 5 selections in the primary navigation. I'm thinking because there are only 5 I could use icons instead of a dropdown for the primary navigation. ...
8
votes
4answers
561 views

How to handle inter-related dropdown choices?

I've got a form containing (among other things) 3 dropdowns, each with about 5-10 choices. The choices in these dropdowns are closely related and some of the permutations will be invalid. This also ...
8
votes
3answers
2k views

Side Navigation Arrow Placement Right or Left?

I have been working on a project that involves reconstructing a page side navigation. Throughout the project i've researched current trends in navigation structure and noticed arrow placement on the ...
7
votes
5answers
3k views

Replacement for long drop-down list

I'm currently working on a part of our application in which the user edits a document. Part of the application allows the user to input certain "parts." We've implemented this as a couple of drop ...
7
votes
3answers
456 views

Links inside a dropdown

I'm wondering if links inside a dropdown provides a valid user experience, if it isn't part of the main navigation of the site. For a news website I'm trying to come up with a nice way for the ...
7
votes
3answers
2k views

Not available options: Disabled or hidden?

I have a form with these elements: A checkbox A dropdown with a list of options It is an eCommerce site which uses points as currency. During checkout user has the following options: The checkbox ...
7
votes
5answers
2k views

Sorting tabular data using a dropdown menu?

I'm working with a table of data and am focusing on the sorting functionality. I'm considering using a dropdown menu as opposed to traditional table header sorting (where you click the heading to sort ...