Questions tagged [dropdown]
widget and menu behavior where hover or click shows contents immediately below.
383
questions
0
votes
0
answers
11
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 ...
- 1
0
votes
1
answer
26
views
Should suggested options show up in both sections?
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,130
0
votes
1
answer
22
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
76
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 "...
- 63
1
vote
2
answers
36
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 ...
- 11
0
votes
3
answers
75
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 ...
- 3
2
votes
1
answer
162
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
1k
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 ...
- 103
1
vote
2
answers
89
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 ...
- 31
1
vote
5
answers
180
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,130
1
vote
3
answers
134
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 ...
- 430
1
vote
1
answer
96
views
Should a dropdown be marked required in 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 ...
- 11
1
vote
2
answers
65
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 ...
- 183
1
vote
3
answers
188
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.
...
- 953
0
votes
0
answers
38
views
Should dropdown caret icon change when open? [duplicate]
In a typical dropdown component that has a text label and a caret icon, should the caret change direction (or shape) when the user opens the dropdown menu?
- 101
0
votes
1
answer
134
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 ...
- 177
0
votes
2
answers
246
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 ...
- 53
2
votes
2
answers
626
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 ...
- 1,130
0
votes
2
answers
75
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?
- 953
1
vote
2
answers
111
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 ...
- 1,130
2
votes
1
answer
248
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 ...
- 21
1
vote
0
answers
109
views
Select box "Other" option in dropdown label
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?
- 1,130
0
votes
1
answer
249
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 ...
- 25.8k
1
vote
2
answers
258
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 ...
- 953
2
votes
1
answer
178
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 ...
2
votes
0
answers
123
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 ...
- 953
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 ...
- 1,661
1
vote
1
answer
99
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 ...
- 13
1
vote
0
answers
95
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 ...
- 1,628
1
vote
3
answers
146
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 ...
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 ...
- 393
5
votes
2
answers
5k
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="&...
- 153
0
votes
2
answers
142
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 ...
- 953
1
vote
1
answer
378
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 ...
- 185
1
vote
1
answer
1k
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 ...
- 111
1
vote
1
answer
114
views
How to display an 'either or' option in a setup page?
Hye guys, we are currently designing a setup process for a web app.
At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
- 613
1
vote
1
answer
81
views
Should underlying content be disabled when dropdown menu or custom select control is opened?
As the title of the question, when implementing the drop-down menu or custom select control, should the underlying content rendered on page be disabled or made inaccessible as long as drop-down is ...
- 113
0
votes
2
answers
249
views
UI/UX Secondary menu with a single entry
I have a question of ux/ui design : is it a good practice to use a dropdown menu in a vertical 3 dots button with only one option in there ? Is there an alternative?
Example :
A page allowing to edit ...
- 1
2
votes
2
answers
228
views
Design with many filters
I'm designing a system where the user should be able to display data on a chart based on different filters and measures.
They can filter by a country or multiple ones, by product/s and variant/s.
They ...
- 1,097
0
votes
1
answer
44
views
Unavailable item in multiselect after one is chosen
I have to display several options in a multiselect dropdown, and some of them are related, like: year (two digit) and year (four digit). These are related options, and after one is picked, the other ...
- 305
1
vote
1
answer
1k
views
Combining a drop-down with autocomplete and search
Recently I was faced with the following dilemma.
By trying to combine a drop-down that must contain items with a top search/type field (autocomplete and search) inside of the drop-down I realised that ...
- 128
0
votes
0
answers
190
views
Read-Only state for Select Component
I faced a problem that concerns the reading mode for the select components.
Imagine a situation where you set up a filter and choose some options in the dropdown. Then you run a search for suitable ...
1
vote
1
answer
116
views
How can I display large amount of active organizations within the platform?
Currently when the user uses the platform is able to choose an active organization (within his organization) and which data he wants to include. The current solution indicates a narrow bar under the ...
- 953
0
votes
3
answers
52
views
Immediate friction or further up the journey?
Background
Our booking journey WILL require getting the exact age of any children added to the booking due to tax reasons. We are doing that by providing dropdowns to select the ages of these children....
- 103
2
votes
2
answers
441
views
Align width of dropdown menu to?
In the past I ran often into the problem, that I did not know how to decide the width of a dropdown menu. I as a designer don’t mind to just eyeball a good-looking width, but developers would love to ...
- 23
2
votes
2
answers
210
views
Best practices for radio buttons with number options?
I'm redesigning a form that includes a Priority dropdown, this field has 5 options: 1, 2, 3, 4 and 5. One being the most important priority and five the least important.
Given that there are 5 options ...
- 369
3
votes
2
answers
441
views
Drop-down Form and Check Box Combined—Bad Practice?
I am working on a form wireframe, and getting stuck on this one part.
The user can either pick out an extracurricular involved, or choose "none", if not relevant. Having both a drop down and ...
- 33
1
vote
2
answers
1k
views
Dropdowns or other inputs inside radio button group
I have taken over the development of an application which is basically like a huge questionnaire. Some of the design choices have a led to some invalid HTML, which I am trying to fix up. The major one ...
- 115
1
vote
1
answer
624
views
Custom select component with filtering
Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
- 111
3
votes
6
answers
4k
views
Dropdown menus: Should the parent item be clickable?
TL;DR
In my opinion, the parent element (that which when hovered spawns the dropdown menu) MUST be clickable. Other items in the global navigation bar that do not have have dropdown menus take you ...
- 181