Questions tagged [dropdown]
widget and menu behavior where hover or click shows contents immediately below.
358
questions
14
votes
8answers
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
vote
1answer
64 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 ...
1
vote
0answers
18 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
vote
3answers
77 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 ...
16
votes
3answers
3k 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 ...
3
votes
2answers
108 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="&...
0
votes
2answers
79 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 ...
1
vote
1answer
39 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 ...
0
votes
1answer
165 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 ...
1
vote
1answer
44 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 ...
1
vote
1answer
37 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 ...
0
votes
2answers
91 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 ...
2
votes
2answers
101 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 ...
0
votes
1answer
33 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 ...
0
votes
0answers
22 views
Dropdown in a Mobile Side Panel for Workspace Switching
I am designing a workspace switcher for mobile. It is a mobile web version that renders in the browser and is not an app. Workspaces are different spaces with the same set of settings and contents, ...
1
vote
1answer
95 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 ...
0
votes
0answers
40 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
1answer
94 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 ...
0
votes
3answers
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....
2
votes
2answers
129 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 ...
2
votes
2answers
76 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 ...
3
votes
2answers
420 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 ...
1
vote
2answers
585 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 ...
1
vote
1answer
261 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/...
4
votes
6answers
1k 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 ...
2
votes
1answer
73 views
What should be the value shown for a collapsed custom date range picker?
I'm working on a custom filter for a photo application. If the user wants to search for a photo, they can select from predefined date ranges or input a custom date range. Selecting a custom date range ...
3
votes
2answers
190 views
Automatically opening the dropdown for guiding users
We have a page that lets our users analyze their data. In order to analyze the data, they need to select the data-set via a dropdown first and without selecting the data-set, the page is almost ...
1
vote
1answer
75 views
Browse and select from a list at the same time
We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
3
votes
2answers
203 views
Tab selection vs Drop down selection
I'm trying to figure out what is the best UX that I could possibly implement for a mobile phone app. Either selecting of data via tab header or a dropdown.
Solution 1 - Tab Header
It is easy for ...
1
vote
1answer
60 views
What is the benefit of having country and state dropdown fields rather than using text inputs?
I am currently designing a form for my company to handle a payment intent for licensing the commercial use of our products. During my research on how we would present a proper and easy form to the ...
0
votes
3answers
416 views
Multi Select Drop down, overlay with CTA buttons
Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of ...
1
vote
1answer
56 views
Dropdown menu that contains more than one topic [closed]
I'm trying to figure out what is the best solution for dropdown menus that contain more than one topic.
For instance, if I want to view and add at one field all the users and the groups created at the ...
1
vote
1answer
80 views
Best way to display frequency
Do you guys know any other way to represent a list of items that have their own frequency options (Weekly, Monthly, Daily) that you can choose from.
I was thinking maybe creating like a table and ...
3
votes
1answer
54 views
Dropdown that takes instant action on a web app - is this an accessibility or usability issue?
Dropdowns that take action on websites were frowned upon years ago in that users of screenreaders didn't necessarily want to activate an item in a dropdown as they navigated through the dropdown to ...
1
vote
1answer
68 views
How to display 'No option available' in dropdown menu because option is not yet registered?
Context:
A student registration form with 10 fields, where 4 is dropdown.
Dropdown option for example; university is empty unless you register the university first in the university registration ...
1
vote
2answers
119 views
Web UI for choosing variable or entering constant value
I'm working on a form where each field can be filled either with variable from list (that can be pretty large) or constant from user input.
For example, I received from backend list of variables: ...
2
votes
1answer
124 views
Is there a need to display arrows in the drop-down fields in the mobile application?
We build a simple mobile app form with 2 drop-down fields and one text input field for iOS and Android platform.
My question is should we definitely use a small arrow icon at the end of field that ...
0
votes
1answer
149 views
Resetting an autocomplete dropdown?
In one of our filters panels, we have a dropdown that is optional and acts as an autocomplete dropdown. Essentially the values appear when a user clicks/searches the field. We need to allow the user ...
2
votes
1answer
242 views
Chips vs Checkboxes inside Dropdowns for Filtering Search?
There are hundreds of filter tags to choose from. Since these tags are an unexpected feature for the user, they must be easily seen. I plan on giving them a Search Bar. Additionally, for most popular ...
1
vote
3answers
177 views
Best way to interact with a drop down, that has multiple selections
I have created a drop down, and on the drop down you are able to make more than one selection (similar to checkboxes).
However, it does look like an ordinary drop down. I was wondering what the best ...
2
votes
3answers
449 views
Alternatives to nested dropdowns?
When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this.
The problem
So currently the workflow ...
7
votes
3answers
854 views
When to start opening the select list? On mousedown? Or on click? And Why?
Component: select aka. dropdown
Platform/system: web, non-touch device (laptop with trackpad or desktop with a mouse)
Is there a guideline, convention, or some studies done which can help developers/...
0
votes
3answers
81 views
Showing multi list and drop down hierachy on page
We are dealing with Roles and assigning users to the Roles. Some of Roles which are Admin are not dependant on Context ( Environment - Production, Demo, Developement ), and some ( portal roles) are ...
4
votes
1answer
146 views
Browsers ruin password UX with dropdown menus. How can I fix it?
FYI the image above was taken with autocomplete="new-password"
As you can see, the dropdown is covering the error message (which ends in "letters and numbers" (plus a few other error messages).
This ...
1
vote
2answers
141 views
Is opening a dropdown after clearing it a good practice?
Currently in our application we have a dropdown that opens again directly after getting cleared. I imagine this can be handy for some users, but annoying for others. Is this a good practice to follow?
...
1
vote
1answer
188 views
Plural or Singular + (s) in title name for dropdown fields
When designing dropdown fields for users that can hold 1 or more values, would you suggest to use the plural form of the title word, or the singular form followed by a (s).
Example 1: Teams
Example ...
2
votes
3answers
316 views
multi selection dropdown - with or without checkbox
I am working on a the design system of a large system for users that use it on a daily basis, and I want to define the multi select dropdown.
on one hand you can know in advance that you have multi ...
0
votes
1answer
63 views
Best practice in Global Dropdown Placeholder
Is there any best practice being applied in a global dropdown placeholder,
let's say the label is:
"Select Fee Option"
I see common placeholders that says:
1. "Select..."
2. "Select any"
3. "--...
0
votes
1answer
93 views
Alternative way to represent to open or close a dropdown?
I'm doing some animation icons for a recent product and I'm playing with some alternative to the standard dropdown toggle. Typically, it's a arrow pointing either down or up...
Is there any reason ...
0
votes
2answers
336 views
Combobox with a lot of (thousands) of options
in my project there is a form. One of the field is problematic for me.
User should choose an option from a very long list (thousands of options).
I wanted to do it by combobox, but I don't know how ...
