Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
3
votes
1answer
271 views

Drop down behavior

I see 3 types of behavior on the web for drop downs and I wanted to collect some insight. When a user opens a drop down, I observe: the user can scroll and the drop down stays open (bootstrap) the ...
28
votes
7answers
13k 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 ...
3
votes
7answers
7k views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
4
votes
6answers
3k views

Whats the difference between “dropdown/caret” icon and “unfold more” icon?

I usually see this on tables or forms where some are using dropdown and some are using "unfold more" icon. Is there any difference or each icon has its own meaning? OR Other Reference:
0
votes
2answers
268 views

Best practice for form fields with interdependent dropdown menus

I have a best practice question. I have a form field that has questions with drop downs. Some of the dropdowns answers would make fields appear or disappear. My question is, should all fields be ...
1
vote
1answer
91 views

Displaying additional information about elements in dropdown

I need to let users pick 1 or up to many identifiers for an authentication process in a config setup. Each has a name (cant be changed, picked from a dropdown for now as seen below) and a label that ...
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 ...
2
votes
5answers
575 views

Should a button with a dropdown always have a click action?

I have one button that offers the user up to ~10 choices. The button label says 'apply as' and the dropdown lists all the possible choices. I have multiple choices on how to design this. As a hover, ...
34
votes
3answers
123k 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 ...
1
vote
0answers
363 views

Editable Dropdown UX approach for iOS

We have an input in an iOS app that needs to allow for any value but we would also like to suggest some options. The number of options will be small, from 2 - 6 with 90% of the possible option lists ...
4
votes
1answer
87 views

Alternative to dropdown when the searched option might not be there

Context: The user is applying online for a credit card. As the person fills the form, her personal data is being analysed, so by the end of the application, she should know whether she got it or not. ...
0
votes
3answers
292 views

Does it make sense to combine radio buttons for common options with a drop down menu for less common options?

Like so: The advantage being that most users will be able to choose one common options without searching through the dropdown, but the outlier user will still be able to find their choice in the ...
0
votes
1answer
130 views

Nested Dropdown alternative for User Skills in web

I have a searchable dropdown from in which user can add their skills like below : In the example, "Office Software" is main category and items below this are subcategories that user selects to as her ...
1
vote
1answer
61 views

Searchable/Filterable dropdown w/ a “None” option: When should the 'None' option be visible?

Scenario: Users are performing data entry into an internal web application. At various points throughout the process, they need to specify things like: What person does this apply to? What vendor is ...
1
vote
3answers
100 views

How to differentiate the menu of a small organization nested within a larger organization?

I'm designing a website that's nested within a much larger organization's site, and I've run into a problem with designing the navigation. The parent site's nav has the links "research" "education" "...
2
votes
3answers
463 views

What dropdown option should be selected: Monthly without discount or Yearly with 50% OFF?

I offer web services such as hosting. In a <select> field, wich option should be pre-selected? 1 month (without discount), or 12 months (50% off)? The question might seem kinda obvious, the 12 ...
1
vote
1answer
90 views

Should I keep drop down navigation menu open after the page loads?

I'm exploring the option of having the dropdown menu stay open when a user has clicked on going into that section. Reasoning is that the client doesn't want to have a sub-menu when you're browsing ...
2
votes
4answers
240 views

Hundreds of items in a dropdown

We're designing a dropdown with about 10-80 items in it. To make it easier for users to find the items, We categorize the items and enable users to search items in the dropdown. However, the number of ...
2
votes
2answers
518 views

Auto-complete click suggestion

I have an autocomplete for a restaurant finder I'm currently putting live: After typing 3 characters, there's a backend AJAX call to the server that returns a list of either locations or restaurants ...
5
votes
3answers
764 views

Instant auto complete/search on thousands of results

I am working on an enterprise application for maintenance software. The task I am designing for currently includes a drop-down selection form field for the user to select an asset or vehicle that they ...
1
vote
1answer
97 views

Thoughts on having different behaviours for the same component

We have a dropdown with 2000+ items (should it even be a dropdown?) with the ability to search. And it's a tree select dropdown. The problem arises when one wants to edit i.e. a value was already ...
2
votes
3answers
339 views

What is the proper way to make 2 lines of hover dropdown menus not interfere with each other?

For an example of this menu, check this quick code snippet I made on jsFiddle: https://jsfiddle.net/27w3y6dh/ Our own menu is somewhat more complex, but suffers from the same issue. Additional ...
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 ...
0
votes
1answer
2k views

Using Select Elements vs Dropdowns [closed]

I'm completely redesigning the settings UI for a web application. The UI has some select elements with a few options that I plan on turning into radio buttons. There are also longer select lists that ...
2
votes
2answers
8k views

When to use combo-box vs dropdown?

We have a dropdown list that allows for the selection of up to 24 city names. I'm trying to make the case to change that into a combo-box, which would drop down to a suggested top 10 elements, and ...
23
votes
8answers
58k 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 ...
6
votes
1answer
95 views

Is it better to mix 'km' and 'm', or just stick to km and one way of displaying data

I have a list of distances in a dropdown, as in the examples below. Is it better to stick to km across the board, eg: 0.1km 0.5km 1km 3km 5km 10km 50km 100km 200km or to use m for the smaller ...
1
vote
2answers
688 views

Dropdown arrow direction [duplicate]

I have a doubt! I am not sure that the direction of the arrow is correct. My opinion is that currently the direction of the arrow is not in the right direction (my reference is a dropdown, even if my ...
0
votes
3answers
108 views

Long list of destinations in checkout page on mobile?

I have long list of locations(post offices/carriers) to display (about 50) in e-commerce checkout page. Is the dropdown the best way to do it (I know it is most common, but has it changed with mobile-...
0
votes
1answer
477 views

Dropdown for simple and data tables with multiple levels of hierarchy

I had some tables which just had one groupping, and the arrow (accordion-type) was working fine, and users understood perfectly. (As for now, I was using option B/groupping1). Now, we have to ...
3
votes
2answers
213 views

Which dropdown is better for alot of options

Im currently working on displaying a chip/filter with a dropdown that could contain a small or a large amount of brands to select through checkboxes. The amount could vary between users (some might ...
3
votes
4answers
754 views

What is the opposite symbol of “empty”?

I have a boolean expression field, where the user can enter a variable name and then perform one of 12 boolean operations on it. For reasons related to the rest of the UI, I cannot make the field very ...
1
vote
1answer
156 views

Select default AND multiselect

What's the best UI for both selecting a default item in a list and selecting multiple as secondary? As an example: I would like to combine this so it doesn't take as much space. Both dropdown ...
3
votes
1answer
1k views

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop?

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop? I have a dropdown menu that when opened could contain 30 - 50 items to choose from. It's for desktop. I ...
18
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 ...
2
votes
3answers
739 views

Best way to represent multilevel multiselect location dropdown

I have this major UX issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't know ...
2
votes
2answers
190 views

Why the magic number 5 in dropdown list?

According to this article, it states Placing options in a selector drop-down requires two clicks, and hides the options. Use an input selector if there are over 5 options. Why the magic number 5?...
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 ...
2
votes
3answers
157 views

Why arrow direction is changed on hover of menu links?

Even after designing hundreds of sites I can't understand why it is good to change the direction of arrow in menu dropdowns. Here I'm talking about hover event.
1
vote
2answers
1k views

pop up(modal) vs dropdown to display field in form containing long list

The problem I am facing is - customer choses carrier and then he/she has to chose location of pickup place from dropdown. Is the dropdown best solution for mobile users? Location lists contains about ...
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 ...
3
votes
2answers
296 views

Usability: Prepend a checkbox on a dropdown

This is regarding a situation where a function can be turned on and off and only have one property. Case: I have a function that displays a title. If the title is displayed the size of it can be ...
-1
votes
2answers
953 views

Dropdown with capital or small first letter? [closed]

I just wonder, is there any statement what should (is more right) to use? Should dropdowns have capital first letter or small? Any article for use casesor some source or it doesn´t matter?
0
votes
2answers
158 views

Dropdown Error State for Quiz

I need a little help with this one. We are creating a quiz that has drop down inputs for many of the questions. Essentially, the user would select an answer from the dropdown and than click submit. ...
1
vote
2answers
1k views

Dropdown in table header

I'm adding a dropdown list to a table header to enable configuration of what appears in the column. My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an ...
0
votes
1answer
137 views

How to display a dropdown menu without grouping name

Here is how my menu is looking at the moment. It is a list of dropdown/buttons. When I click on a options in the dropdown it will display some content. I can also click on the dropdown itself to ...
2
votes
3answers
87 views

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list?

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list? What's the disadvantage for the users? On the Table, the dropdown ...
2
votes
3answers
205 views

Why is this button of the Windows Explorer labelled “File”?

Since Windows 8, the file explorer has this glorified drop-down button: But why is it called "File"? It allows the user to do operations related to the OS, but has nothing to do with actual "Files". ...
2
votes
2answers
225 views

Consistency vs Better Ux? Redesign Actions in a datatable

I am redesign a business oriented site with many data tables. In the first column of each data-table, I have the Actions. However as you can see in the image, where I have 3 different data-tables (the ...
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 ...