Questions tagged [dropdown]
Use it only for questions regarding dropdown lists
418 questions
0
votes
2
answers
53
views
US State Search Field
On a mobile app, should there be a search function for the US state dropdown selector?
We have a required field for the address and the state of residence. A developer is pushing to add a search ...
- 1
0
votes
1
answer
71
views
Multiple checkboxes versus Dropdown
I keep changing this design as I am asked to, as the client is not sure.
The concept is
The staff member taking the call has to ask their Client if Accommodation is Required
Then check the Asked ...
- 502
6
votes
4
answers
2k
views
Should I add arrow indicators to dropdown-style buttons in my mobile app, or is it unnecessary visual clutter?
I’m designing a video generation mobile app and have a prompt entry screen with option buttons at the bottom. Each button (e.g., Model, Duration, Aspect Ratio) opens a small selection menu.
Here’s how ...
- 1,003
9
votes
4
answers
2k
views
Dropdown width with very long options
I’m designing a dropdown menu with options that users can name themselves — which means some labels could be quite long. Since this dropdown appears over a screen where it’s important not to obscure ...
- 91
1
vote
1
answer
103
views
What would you call an accordion in layman terms?
In testing I've found that some users are confused by the name accordion. Have you got any examples of alternative names for these blocks that you've found work better in testing?
- 11
1
vote
1
answer
118
views
How to Tell the User There's no Data to be Shown in a Dropdown
In a form, when a select (e.g. city) depends on another one for loading the correct data (e.g. state), if the user hasn't yet selected an state, in the placeholder of the city select I'll place a text ...
2
votes
4
answers
223
views
How many items in a dropdown menu justify search functionality?
We're optimizing a single-select dropdown menu. It has a dynamic number of items (that are grouped), typically exceeding 15. The current design displays only 8 items at a time, requiring scrolling. We'...
- 101
0
votes
1
answer
79
views
"New Option" List Box that allows users to set both text and value for an <option>
I'm working a "Questionnaire Builder". My users will be using it to create forms for their clients. Right now we have a type of form input we call a "Select" (same as the HTML ...
0
votes
2
answers
167
views
Is there research about the impact of ordering options in a dropdown menu?
I'm looking particularly in the context of data annotation, but any scientific sources would be helpful really.
The following options I can think of:
The potential options (annotation labels) in the ...
- 121
0
votes
1
answer
101
views
Alternative to In-Line Editing for Goal-Setting in a List Page?
I'm designing a self-examination tool where users complete multiple questionnaires and could choose to set goals for each category and individual questionnaire. Our current index page uses a list ...
- 3
1
vote
1
answer
1k
views
How I can make the upload of multiple files (with categories) as smooth as possible?
I'm working on a data capture feature where users are able to upload multiple files at a time. The point is they are obliged to categorize each file. The requirement is to give them as much freedom as ...
- 11
0
votes
1
answer
97
views
Search with multiple inputs (checkboxes) [duplicate]
For a new design I'm creating a search where people can generate a report for companies (see image). The parent companies can have a lot of child companies. It is based on the blazer component ...
- 11
0
votes
1
answer
268
views
Icon for select all in a dropdown with icons and text
So we have this user management app. People look up users, who can be either active or inactive. And they have icons to indicate that. They are also able to filter those users, and it looks like this
...
- 103
1
vote
2
answers
1k
views
How can i deal with a dropdown in a small popup that extends past the height of the element?
I have a small dialog that asks users to make a specific time range selection from a dropdown before proceeding with the action. My problem is that regardless of whether I display the dropdown above ...
- 11
0
votes
1
answer
418
views
Should search fields be placed inside the container (combo box) or inside the dropdown list?
When the user has to select from many options in a dropdown menu, a search field where the user may input text that filters the options can help find the desired option. There are two UI elements that ...
- 105
0
votes
1
answer
99
views
How do I allow the user to visit the umbrella page in mobile navigation menu?
I have a navigation menu with some of the buttons being hover dropdown menus. So when the user hovers the button, a dropdown opens below where they can select where they want to go.
Front page
Open ...
1
vote
1
answer
142
views
Dropdown list options punctuation
is it best practice to have periods at the end of a dropdown list item? I understand using question marks if the options are questions but if each option is a statement, should we use a period?
- 13
1
vote
1
answer
123
views
What exactly do you count when filtering items in multiple filtering menus that all interact to filter a dataset
Example
Let's say I have some tabular data. This is a contrived short example, but imagine thousands of rows and a dozen columns.
Type
Value
A
Foo
A
Bar
B
Foo
B
Bar
And you can filter this table by ...
- 113
0
votes
2
answers
252
views
How to display range of thousands of dollars in a HTML dropdown
For a website that provides kitchen renovations, we want to display a range of budgets. These are on $1,000s of dollars in a range from $35,000 - > $150,000
We are considering a range of ways to ...
- 103
2
votes
1
answer
444
views
Using a dropdown vs an input stepper for a product page recommendation?
I'm working on a web platform and an app, and for the product page, I'm not sure which is the best solution: using a dropdown OR an input stepper.
When looking online, it seems like big e-commerce ...
- 217
1
vote
0
answers
562
views
Bottom sheet instead of dropdown in mobile app [closed]
In my mobile app project I have several dropdown lists. I converted some of them to radio buttons (<5 selection options). I wonder what I should do with the rest (choosing car brand, car model, ...
- 13
1
vote
2
answers
106
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 ...
- 136
1
vote
1
answer
90
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 ...
1
vote
2
answers
766
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 ...
- 11
6
votes
4
answers
3k
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 ...
- 91
1
vote
1
answer
787
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 ...
- 161
0
votes
1
answer
279
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.
- 101
1
vote
1
answer
2k
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 ...
- 13
0
votes
2
answers
595
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 ...
- 1
1
vote
1
answer
464
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 ...
- 113
3
votes
1
answer
157
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 (...
0
votes
2
answers
3k
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 ...
- 167
1
vote
2
answers
2k
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 ...
- 11
0
votes
1
answer
237
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 ...
- 1
2
votes
2
answers
333
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 ...
- 381
0
votes
2
answers
277
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 ...
- 1
0
votes
1
answer
2k
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 ...
- 149
0
votes
2
answers
225
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 ...
- 1,494
0
votes
1
answer
380
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 ...
- 21
3
votes
2
answers
981
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 "...
- 83
1
vote
3
answers
134
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 ...
- 21
0
votes
3
answers
162
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 ...
- 101
2
votes
1
answer
3k
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 ...
- 23
10
votes
1
answer
3k
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 ...
- 105
1
vote
2
answers
959
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 ...
- 41
1
vote
5
answers
2k
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 ...
- 1,494
1
vote
3
answers
428
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 ...
- 432
2
votes
2
answers
365
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 ...
- 21
1
vote
2
answers
112
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 ...
- 362
2
votes
3
answers
1k
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.
...
- 983