Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
2
votes
3answers
330 views

Are dropdowns styled like select menus bad?

As you can see below, I'm thinking of using a multi-function dropdown styled as a select menu in order to let users set a time range. My question is : from a UX perspective, is it wrong to do so? Is ...
0
votes
1answer
105 views

Dropdown form near the end of the browser

What is the best way to deal with a list of options when selecting a dropdown that is very close to the end of the browser? I have considered using a fly out but we actually do not use this type of ...
3
votes
1answer
639 views

Usability of an alternate mega dropdown menu

I noticed on the Mozilla Firefox website that there is a link/button on the top right of the screen that moves the entire page down to reveal the navigation menu, which is a variation of the mega ...
1
vote
2answers
659 views

What should be the default option of an optional dropdown list containing search criteria?

I have a form where users can search for legislators in the US. One of the search criteria is the Leadership Position, as a dropdown. It can look like this for example: <select id="leadership-...
1
vote
3answers
536 views

What is best practice to add a list item to a dropdown

Option 1- it feels unnatural to have an input field in a dropdown. Option 2- it feels awkward to create set that then autopopulates the dropdown Other thoughts?
0
votes
2answers
690 views

Handling multiple inputs for multiple items

I am developing a web application for a concrete and construction contractor. Their web application consists of a form that allows them to insert projects into the system. In the example below, I ...
7
votes
3answers
4k views

Are Drop-Down Menus Outdated and Poor Practice? [closed]

I have read sentiments online about the demerits of the trusty drop-down menu. EDIT: By 'drop-down menu' I refer to the navigation bar on a home page, not a drop down list on a form. Is it really ...
1
vote
4answers
315 views

Enforcing mutual exclusivity in multiple constrained choices

I want to offer the user the choice of one of n choices. The natural choice is to use a dropdown list box: Here, "Album name", "Artist name" and "Track name" should be mutually exclusive; only one ...
3
votes
2answers
368 views

Where should the «clear» would work on one or multiple drop-down list on a row?

Allowing a clear button to appear when the user begins typing characters in regular input is very welcome for the touchscreen enable app I'm building. The challenge is to "reset[ear](The clear button ...
4
votes
3answers
441 views

Numeric input, text fields, drop-downs : Is this too complex?

I'm redesigning an interface to control an exercise game. The interface is going to be something like this (and exists on a PC, not mobile). Right now, we've gathered that our users want to be able to ...
5
votes
3answers
459 views

“File” for name of drop-down menu

In Windows mostly, a lot (most?) applications have a "File" drop-down menu, with things like "Exit", "Import/export settings", "Preferences", ... Is "File" a blindly accepted standard/default? ...
0
votes
2answers
401 views

Name for a user dropdown, user preference dropdown, preference dropdown, settings dropdown, language selection dropdown

How is this type of dropdown used in Amazon called? It basically permits you to select among a selection list and then it auto submits your selection via jquery and retains it for the rest of the ...
0
votes
1answer
135 views

how to visually distinguish two types of items in a list

Is there a best practice or convention for distinguishing two or more types of items in a long list in an elegant way? I have a search box in my app that returns two types of medical diagnosis codes. ...
2
votes
1answer
1k views

Events for displaying datepicker

I currently have a function that displays a datepicker when the user actively chooses "Custom range" instead of "Today" or "This week", like this: Datepicker. The thing I'm uncertain of for now is ...
0
votes
2answers
329 views

Navigation drops down immediately

Yes potentially a cardinal sin, however, we were wondering whether our navigation should drop down immediately on our website when the user visits it? For example, Amazon.co.uk drops the navigation ...
0
votes
2answers
5k views

Should a dropdown need to click to close or simply stop hovering for x number of seconds?

Going back and forth with product on this one. Should you - A. Have to click outside of the dropdown (anywhere on screen) or B. Have to simply stop hovering the dropdown for x number of seconds? ...
1
vote
2answers
572 views

Drop down configurable(can add options) on the go or in settings?

I have more than 20 dropdown(select) menus in my Rails application. For example see the below image, The plus button next to Contact Type drop down will help the admin(and other users with the ...
4
votes
4answers
2k views

Side Navigation Highlighting Current Page Link Items

I've been working on a side navigation reconstruction project that is now entering the design phase. Through research i've noticed many sites using different colored text to highlight/bookmark user ...
1
vote
2answers
437 views

Dropdown list or Look Up Form

I am creating an application (specifically in FileMaker) that would store information about Vehicles, Drivers and the Trips done by Drivers using a Vehicle. In my Vehicle Details, I have Manufacturer, ...
2
votes
3answers
201 views

Should I warn that drop down filters are mandatory?

When dealing with various drop down list of options, with one acting as a filter to another and the last one being the desired option per se, it is more advisable to treat all drop downs as obligatory ...
5
votes
8answers
2k views

Checkboxes in a dropdown. Need a “validate” button?

I use a dropdown menu with checkboxes to select multiple options for field. I am not sure if I need a "validate" or "save" link, or if the user will understand that they just have to click outside ...
1
vote
3answers
975 views

How do I best maintain top level nav links when they open a dropdown on click instead of hover?

I'm working on a Bootstrap site and having difficulties figuring out the best solution for structuring the nav. There will be about 5 top level items, each with their own subpages accessible through ...
5
votes
2answers
26k views

Html best input type for boolean values selection

In web development, html , what is the best input type to be used if users are only given two choices? basic true or false for example? active or inactive? my choices are: two radio buttons, dropdown ...
1
vote
1answer
174 views

Filtering grid with select

Let's say I have a grid with information about 5000 people. Also, I have a dropdown with the list of foods above the grid with the label: "Filter people by favorite food" Question: Should I ...
5
votes
1answer
576 views

Long select dropdowns

I'm working on a responsive landing page where users arrive after clicking on online ad. On the form, users need to select a location (105 possible) at which they would like their service. ...
2
votes
3answers
599 views

Massive data in mega dropdown - looking for inspiration

I need to design a mega-dropdown navigation for an online store and I'm looking for some inspiration. Here is some information about the project. The content is categorized at two levels. The main ...
5
votes
4answers
3k views

User-friendlier dropdowns with hoverIntent?

Is it a good idea to use hoverIntent (which introduces a slight movement-predicted delay to prevent accidental hover-offs) for user-friendlier dropdowns? http://cherne.net/brian/resources/jquery....
2
votes
1answer
195 views

Dilemma: dropdown design with active link and active sub elements

I have an element that could look a bit like the one below (it's not a select box). My challenge is that Sport (in this example) is just as important as the subsections (e.g Football, Basketball) ...
2
votes
6answers
605 views

Choosing from multiple credit cards, radio button or dropdown?

On a checkout page we offer the ability to store credit card information. Once a customer has stored their card(s) we need to offer them the ability to choose which card they would like or add a new ...
0
votes
3answers
221 views

Dynamic Form Inputs - Hidden? Hidsb

I'm working on a responsive site where the lead gen form that needs users to select a store location (this is required by internal system), first name, last name, phone, email, and how they heard ...
3
votes
1answer
1k views

Is double click on a mega menu item commonly used?

I am working on a design which requires a mega menu to popup when top link is hovered over. The top link is also a link and clicking on it takes the user to a specific page. While this works pretty ...
7
votes
5answers
2k views

Sorting tabular data using a dropdown menu?

I'm working with a table of data and am focusing on the sorting functionality. I'm considering using a dropdown menu as opposed to traditional table header sorting (where you click the heading to sort ...
2
votes
2answers
224 views

Hide Controls Until Usable

I have a drop down box where the first item is blank indicating they haven't selected anything yet and then it's filled with other choices. There is also an insert button beside the drop down. The ...
0
votes
1answer
539 views

Split button for navigation?

In our application, users can choose a "section" that controls what they're looking at. If they go to a different page, they should be able to click on the section name to be brought back to the "home ...
0
votes
2answers
906 views

What should the “other” option in a drop-down say?

The app will have a drop-down box. One of the options will be something like (Enter your own reason) If that option is selected then a text field will be displayed. Question: what is the suggested ...
4
votes
1answer
1k views

Mobile navigation - off-canvas or dropdown?

I'm working on a responsive site where the main navigation gets compressed to a "menu" button when at a mobile small-screen size. I feel like there are 2 strong methods for handling the navigation: ...
2
votes
2answers
570 views

How to simplify six cascading dropdowns

Please suggest me how I would able to simplify selection of vehicle by six parameters: Manufacturer, Year, Model, Transmission, Engine, Drive. Currently we are using six cascading dropdowns aligned ...
22
votes
2answers
9k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
11
votes
3answers
677 views

Using Dropdowns AND Radio Buttons to avoid confusion

For you reference I wanted to point out that this is a Video project. I am designing a menu in which the user can choose 1 of 4 formats for SD (standard definition) and two options for HD (high ...
3
votes
4answers
255 views

Is a dropdown easy to use?

I have a web form with a canvas. I must add two buttons in the top-right corner, "Save as SVG" and "Save as PNG". I was wondering if using a drop down button instead of the buttons could be better. At ...
5
votes
4answers
2k views

Is it better to put text field for drop down with more than 15 items?

UXMovement.com recommends over 15 items in a drop-down should be a text field. I have a drop-down on a form field, on a web page, which has more (about 40) items to choose from. Dropdown value ...
4
votes
3answers
3k views

Search Bar with multiple filters

I'm designing a solution for search that allows upfront filtering. We have a website that displays a large amount of content of different types. We need the filtering systems. My question is: Could ...
2
votes
3answers
251 views

DropDownLists becoming TextBoxes - Should the user be able to go back?

So I have a menu on web application I am developing. In this menu, there is an option for how many Project vacancies one wishes to create. The user can choose as many as they need (large numbers will ...
2
votes
2answers
250 views

What examples are there for grouping multiple site tools under one button or dropdown?

We're considering moving links to all our site tools under one button. Clicking the button would open a modal exposing links to these tools. The button would be in the header and be available on all ...
9
votes
4answers
711 views

Navigation menu with only one drop-down child — intuitive or not?

Here is a website's main navigation: Having sub-navigation on-click is pretty common and irreplaceable: But as a user and designer, I have struggled with the case where there is only one child ...
4
votes
2answers
2k views

Is it ok to use drop-down menus in Mobile Website?

Is it ok to use drop-down menus in a Mobile Website which opens on clicking? Like http://ux.stackexchange.com
7
votes
2answers
237 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
7
votes
1answer
475 views

Drop down list vs. clickable map

I'm working on a web tool that requires users to choose their region as a search filter. I'm trying to decide if it will be best to use a drop-down list (there will be 15 regions) or a clickable map ...
8
votes
9answers
30k views

Examples / best practices for dropdown menus with checkboxes [closed]

I'm looking for websites with good examples of a dropdown with checkboxes. I know that the gmail labels menu is one, but I'd like to see some more. General best practices are also very welcome. Is ...
8
votes
8answers
2k views

Icons vs. Dropdown for primary mobile navigation

I am working on a responsive design in which there are 5 selections in the primary navigation. I'm thinking because there are only 5 I could use icons instead of a dropdown for the primary navigation. ...