Questions tagged [dropdown]

Use it only for questions regarding dropdown lists

Filter by
Sorted by
Tagged with
0 votes
2 answers
55 views

Considerations for using a dropdown with multiple inputs and selections in a table row to add additional scenarios

Please see the mockup up example. The scenario is to set an initial price, then the user can use the dropdown down to set dates in the future that the user can either increase or decrease the price by ...
Tanooki Mario's user avatar
0 votes
1 answer
38 views

Chevron / drop down to activate keypad

I want users to understand how to adjust the quantity of products. We can't include a dropdown and allow users to input text. So for now, we're removing the dropdown and allowing text input only. My ...
Mairead Louise's user avatar
0 votes
2 answers
81 views

Searchable input field with dropdown or search field in dropdown?

In location input field that has a dropdown on click, is it best practice for the input field to also be a search field to filter through the dropdown results, or treat the input field more as a ...
Elaine's user avatar
  • 1
5 votes
4 answers
2k views

List of languages

I am designing a screen with content that can be translated into 40+ languages. the flow is: the user creates content, then selects the languages he would like the content to be translated to from a ...
user110630's user avatar
0 votes
1 answer
117 views

Does it make sense to visually differentiate between native select vs custom select/dropdown component?

I am a junior product designer (previously a frontend dev) at a startup so I still have a lot to learn. I'm the sole designer working on a SAAS after multiple other designers have worked on it. I'm in ...
Mosh's user avatar
  • 151
0 votes
1 answer
48 views

Basic question I know but what is the different between this dropdown to select with up/down icons rather than a dropdown with a chevron?

I have seen this a few times and never really gave it much thought. Why does it have an up and down arrows or how does it behave differently than a regular dropdown.
Keano's user avatar
  • 27
0 votes
1 answer
115 views

How to display when a dropdown selection is too long?

I am working with a dropdown that has a longer option included. When the long option is selected, the selection is cut off when the user is on mobile. Ideally I would like to keep this as a dropdown ...
Lisa's user avatar
  • 3
0 votes
2 answers
117 views

How to have optional fields in a dropdown

Can someone tell me how I can have an optional value in a dropdown menu with mandatory values. E.g: There are main values that should be available in a certain dropdown, and there is one optional ...
Guest's user avatar
  • 1
1 vote
1 answer
104 views

Should a dropdown triangle point up if the menu will pop up instead of down?

Dropdown menus typically show a down-pointing triangle until you click them, then the menu pops down. What if the menu ops UP, not down (for space reasons in this case). Our people built this using an ...
enigment's user avatar
  • 113
3 votes
1 answer
102 views

Real-world examples of searching through data

Our company collects a user's data and allows the user to explore their data by using various dropdowns. We want to give the user a way to save their filters, like a saved config or saved view (...
Michelle Walstra's user avatar
0 votes
2 answers
397 views

What should be the universal height of a dropdown list component in a design system?

I'm building a dropdown list menu component in a design system that will be used by many designers and teams, so I need a universal max height. I understand that the max height of a dropdown list menu ...
dan00binator's user avatar
1 vote
2 answers
487 views

What's the right UI of a dropdown when it's disabled?

There are several settings that users need to go through, one of them is selecting a model. By default, a model is pre-selected in the dropdown field. However, if the user expands the advanced options ...
Bot's user avatar
  • 11
0 votes
1 answer
71 views

Wondering: expandable grouped items in a select dropdown are needed?

When having a lot of items inside a dropdown and those items can be categorized as groups.. should those groups be expandable and collapsable? 2 scenarios - the more likely one Users know what they ...
Tal Sluk's user avatar
2 votes
2 answers
138 views

"More" as a menu item

I'm dealing with a relatively large menu. I'm thinking about displaying the more important items (6) and create a "More" item that displays the less important ones (5). I've tried to make ...
Danielst's user avatar
  • 317
0 votes
2 answers
85 views

Dropdown in navigation or modal for log in/register?

We've noticed on our website that there's no 'quick access' to users accounts, or to know if they are logged in or not. So I've designed: A dropdown from the my account header in the navigation with ...
Robyn's user avatar
  • 1
0 votes
0 answers
26 views

Website nivation with below mentioned terms, please give me a detailed suggestion for each navigation

All these terms (Breadcrumbs, Sidebars, Mega menus, Dropdowns, Tabs, and Accordions seem to be an important factor when creating sites and doing SEO, want to know if I am creating a site with ...
Mehmood's user avatar
0 votes
1 answer
514 views

When should I use dropdown or sheets in mobile design?

I'm working on a web app design, and I'm designing for both mobile and desktop devices. In desktop forms, I'm using normal dropdown selection lists (or dropdowns) and in mobile I'm uncertain if I ...
Mourad's user avatar
  • 57
0 votes
2 answers
89 views

Should suggested options show up in multiple sections in the same dropdown list?

We have an autocomplete dropdown where the user can search from a list of people. In this dropdown, we want to surface a "Suggested" section to surface the people that have been selected ...
J Bo's user avatar
  • 1,325
0 votes
1 answer
67 views

Reset Button in Filter Popup

How should the Reset button on popup work? Should the window be closed? You need to close the window. The filter is reset, the table is updated The window does not close, all items in the list are ...
Roman Turov's user avatar
3 votes
2 answers
300 views

Is there a best practice with nav links going to same page as link in dropdown?

I am doing an audit of a website and there are areas where the label in the navigation goes to the same page as a the link in it's dropdown like the "Banking" going to same page as "...
keano12's user avatar
  • 63
1 vote
3 answers
59 views

Microcopy for conditional options

I am designing a chart where users can select a basket of products, and then view the prices for their selected items in a particular country. Using a dropdown, users can select which country they ...
zYzX's user avatar
  • 11
0 votes
3 answers
102 views

When selecting USA checkbox would states be disabled?

The behavior is if you select a state it selects all the cities in that dropdown. But in this scenario if user selects USA shouldn't all the states be disabled/gray rather than selecting all the ...
Keano's user avatar
  • 27
2 votes
1 answer
568 views

How to display filters with optional relationship(OR or AND)

We have a table of users and at the top I have 8 buttons, each one representing a filter (age, status, role...). When clicked it displays a dropdown with multiple checkboxes. The relationship between ...
mouna's user avatar
  • 23
10 votes
1 answer
2k views

Should selected options be removed from single- and multi-select dropdown lists?

In our application we're working with dropdown lists that may contain many options (sometimes around 200). Usually, these lists allow the user to select multiple entries whereas in other places of our ...
Maurice's user avatar
  • 103
1 vote
2 answers
215 views

Warning indicator in a select dropdown

I have a situation where an item that is selected from a dropdown needs a warning. The warning is to let the user know that the item is in a specific mode and that it won't behave as usual until the ...
mayag's user avatar
  • 31
1 vote
5 answers
739 views

Select menu with only one option

I have a form that contains a select dropdown that requires the user to select from a list of locations. However, there are instances where there is only ONE location. What is the best way to display ...
J Bo's user avatar
  • 1,325
1 vote
3 answers
163 views

On/off functionality inside a dropdown?

I am working on a feature where the user can start a video recording of a YouTube live-stream. The feature is per default disabled. A required input for the recording to work is to select which stream ...
Chris's user avatar
  • 430
2 votes
2 answers
190 views

Should a dropdown be marked required if it has a default value?

I'm designing a form to create violations of employees from various departments. For quicker choosing the employee, I have a field for users to filter the department that the employee is from. Value ...
user157319's user avatar
1 vote
2 answers
68 views

Translating list with checkboxes, to a combo of dropdowns

I have this list with checkboxes: My Product Manager wants to consolidate the information, because: It's overwhelming. It takes up a lot of space, and we may not have all that space, where this ...
Rosebud's user avatar
  • 302
1 vote
3 answers
399 views

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

Does anyone know if moving selected choices to the top of the multiple-choice dropdown is a good design pattern? This would prevent users to scroll through a lot of content to preview active fields. ...
Lorelei Heckmann's user avatar
0 votes
1 answer
165 views

Why use borders around dropdowns in a mobile app?

I'm working on a mobile app with a GUI similar to the Gasbuddy mobile app. The first screenshot is what Gasbuddy looks like now. The 2nd screenshot is the same thing but without the borders around the ...
rbhat's user avatar
  • 177
0 votes
2 answers
400 views

Dropdown menu or Select vs Dropdown menu with radios inside

Im wondering if anyone has any research or experience on how dropdown menus or selects perform compared to dropdown menus with radios controls inside. I'm considering using them for a filter bar as I ...
Neatpixels's user avatar
2 votes
2 answers
1k views

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

The user should be able to: Only select ONE Category Select multiple Subcategories Idea (A): Use autocomplete select dropdown so user can search through both Categories and Subcategories Close ...
J Bo's user avatar
  • 1,325
0 votes
2 answers
79 views

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

Some software systems use the secondary button for cancel/close functions, and others use the warning button (usually red). Which is more correct?
Lorelei Heckmann's user avatar
1 vote
2 answers
204 views

Filter without an "Apply" button behavior

I have a filter that will automatically display the results without having to click on an "Apply" button. This isn't going to be an issue with our system since we're able to display results ...
J Bo's user avatar
  • 1,325
2 votes
1 answer
405 views

Hide already selected options in the dropdown

In the case of a multi-select field, I would like to know the best practice: Hide the choices that have already been selected (the list gets smaller as you go along) Leave the choices already ...
Blandine's user avatar
1 vote
0 answers
145 views

Select box "Other" option in dropdown label [closed]

For dropdown options that have an "Other" option that will then display an textbox, what typically is the label for this textbox? Should the label be Other?
J Bo's user avatar
  • 1,325
0 votes
1 answer
311 views

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

There has been previous discussions and debates relating to the way or the direction that the arrow should be displayed on a dropdown UI component for the hidden and shown states. This question ...
Michael Lai's user avatar
  • 26.7k
1 vote
2 answers
386 views

Dropdown with - progressive disclosure with accordions vs chevrons

What is the best UX for the user? Expanding the field in the same dropdown or opening a new dropdown? The first image presents an accordion option when the user is able to preview the content in the ...
Lorelei Heckmann's user avatar
2 votes
1 answer
334 views

Should dropdowns hug its contents or should they be fixed?

When creating a dropdown filter, you can control the size of the dropdown by the size of the placeholder, therefore its inicial width. When the user selects an option, should I refresh the dropdown ...
Henrique Barcelos's user avatar
2 votes
0 answers
255 views

Language selector and default language on filter bar [closed]

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
Lorelei Heckmann's user avatar
15 votes
8 answers
3k views

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

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
rpavl's user avatar
  • 1,681
1 vote
1 answer
109 views

Multiple drop-down lists based on conditions

I am currently designing an email configuration tool which has a set of drop downs. They're all based on conditions, so every drop-down list triggers the next one and so on. Below is a rough wireframe ...
AmanSahota's user avatar
1 vote
0 answers
223 views

Combining single- and multi- select drop-down in one form. How to dismiss the drop-down?

How to dismiss the drop-down in single-select and multi-select cases? For single-select, the obvious option is to dismiss the drop-down on selection. For multi-select, drop-down should stay open on ...
Jurijs Kovzels's user avatar
1 vote
3 answers
238 views

drop down menu or search functionality when the number of options for selection is more than 60

My user/customer is a doctor and when registering must submit his/her specialty.The specialties are about 70. Given that number(70) what do you think is better...a dropdown menu or an input that has a ...
Dimitris Papageorgiou's user avatar
15 votes
3 answers
4k views

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

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
Lucas Bustamante's user avatar
6 votes
2 answers
12k views

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

For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown: <select required> <option value="&...
Alec Rust's user avatar
  • 163
0 votes
2 answers
391 views

When should a search box be added to dropdown lists?

At what point does it make sense to add a search box to a dropdown list, and does the styling of the list affect that decision? For example: Is 15 elements is a good number when each element has a ...
Lorelei Heckmann's user avatar
1 vote
1 answer
433 views

Placement of delete filters button - inside or next to dropdown?

So I have a pretty simple "problem": I have a filter option, which is this dropdown as you can see in the pictures. The question is: what do you think is the better placement for the delete ...
K. P.'s user avatar
  • 185
2 votes
1 answer
3k views

How do I make a dropdown select accessible?

What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
darkhorse's user avatar
  • 121

1
2 3 4 5
8