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

learn more… | top users | synonyms

1
vote
3answers
50 views

How to highlight that drop down filter has non-default option selected

I have a drop down filter with a different options, where the first item in list is the default one. How would you highlight when user change that default option to something else? For example when ...
0
votes
2answers
54 views

Can a drop down have a list of items where only a few can be multi selected and the rest only selected once?

I am design drop down list for a business application that has about 15 items and of those 15 items about 4 of them have 1 to many relationship, meaning those 4 can all be selected at once. However, ...
0
votes
3answers
138 views

Multiple dropdowns in the header section

I would like to have the ability to filter content based on countries. Countries have been divided into different groups based on geolocations as regions, cultural habitats, climatic situations. I ...
1
vote
3answers
105 views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
2
votes
3answers
82 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? ...
1
vote
2answers
452 views

Are there any UX Patterns or research that support Mac OS treating standard dropdowns (selects) as modal like interaction?

Background: Recently I was working with a widget (Select2), and found what I felt was a rather large UX issue, the <select> box (dropdown) was being treated as modal interaction with a ...
0
votes
1answer
35 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 ...
0
votes
2answers
114 views

Drop-down menu navigated using hand gesture

I wanna put hand gesture on webpage. Usually, in webpage, there's navigation bar that located at the top of webpage. Often nav-bar is in a form of multi-level menu, like drop down menu. And by hand ...
3
votes
1answer
144 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
70 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 ...
1
vote
3answers
78 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
66 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 ...
4
votes
3answers
347 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
62 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
118 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 ...
0
votes
2answers
106 views

Does it make sense to combine select2 dropdowns with regular select dropdowns on a single form?

I have a form that has a number of select dropdown boxes. Some of them have large number of items (200+) so I have converted them to using the jquery select2 plugin which works great as you can ...
6
votes
7answers
1k views

What are alternatives to a large drop down select list?

I am adding a single selection drop-down containing a list of all countries (around 200+ items). In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the ...
30
votes
18answers
1k views

All my users are from Afghanistan; or, how to get users to correctly fill out a form

I have a website with a form users fill out to create an account. Following advice from this forum and other places I am asking for only the minimum required information to create an account, i.e. ...
4
votes
3answers
248 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
283 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
64 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
62 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. ...
0
votes
0answers
17 views

Dropdown menu or radio buttons to represent choice [duplicate]

Our team is deciding between Checkboxes or Dropdown menu to represent a single choice the user is able to make Dropdown menu Radio Button Both options allow us to have the user make a single ...
2
votes
1answer
198 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
219 views

What is the best UX pattern for large dropdowns in case of mobile web pages?

I need to create a mobile web page which will prompt the user to select a village name from a huge list of names (around 30000 villages). The desktop site renders properly, and is quick enough. The ...
3
votes
3answers
129 views

Should dropdown background color be same as other (text) inputs on a form?

Today I noticed one really annoying thing in a new layout from a designer. In the new design, all dropdowns had much darker background than other text inputs. For one, the contrast was quite poor, ...
2
votes
3answers
219 views

Adding items to dropdown list on-the-fly?

In certain locations in our application, users encounter dropdowns with a number of items, from which they can: Select a suitable value Add a value to the dropdown list if they don't find a suitable ...
0
votes
2answers
128 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
430 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
104 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 ...
1
vote
3answers
147 views

At what option count should I add a search filter to a drop down element?

I have a booking tool that offers a list of services to choose from. The option list is variable per client. Some clients offer one service, some have twenty or more. One client requested a search ...
2
votes
2answers
193 views

What is the best way to gather optional data using radio button groups and drop-downs?

I'm ultimately asking a theoretical question: what is the best experience, in general, for gathering optional responses using controls with mandatory input? Consider specifically radio button groups. ...
4
votes
3answers
745 views

Using radio buttons or drop down list when the number of options can vary greatly

I am designing a web application which consists of several modules, and for some of these modules the user must be able to select how many/which sources of data to display in the module. I had ...
12
votes
4answers
897 views

Use of Website Category Landing Pages

OK, here's the situation: A reasonably simple website with a primary navigation menu including drop-down list of sublevels on hover. Each navigation level may have 3 - 6 sublevels below it, none more ...
4
votes
4answers
593 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
115 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
131 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
478 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 ...
2
votes
4answers
417 views

Best practice for selecting month/year

I have a form where users can choose a month and year to display a series of reports. (there is no need to choose the day - all the reports for that month will be displayed) What is the best practice ...
4
votes
5answers
527 views

Dropdown option order best practices when not using alpha sorting

Looking for best practices on ordering dropdown options when using a logical sort vs an alphabetical sort. To keep this from being open ended, here are some specific cases: Chronological - i.e. ...
1
vote
3answers
213 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 ...
3
votes
2answers
1k 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
81 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
244 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
249 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
860 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? ...
2
votes
1answer
157 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
234 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
92 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
241 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 ...