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

learn more… | top users | synonyms

0
votes
1answer
39 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
2answers
355 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 ...
4
votes
3answers
204 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
277 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? ...
1
vote
4answers
42 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 ...
0
votes
2answers
36 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
41 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
16 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
128 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
140 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 ...
4
votes
7answers
403 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 ...
2
votes
3answers
108 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
89 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
106 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 ...
28
votes
17answers
985 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., ...
0
votes
2answers
166 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
74 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
132 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
139 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
610 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
860 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
512 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
108 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
115 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
432 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
341 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
496 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
183 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 ...
2
votes
2answers
648 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
71 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
226 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
218 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 ...
4
votes
4answers
694 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
145 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
211 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
89 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
155 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 ...
5
votes
5answers
277 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
165 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
183 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
184 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 ...
3
votes
3answers
126 views

How make language option easy to find for people speaking another language than the one shown?

As suggested in another question I decided to show the language names in native language itself in the language selector on my page, instead of using country flags. The dropdown box shows the current ...
2
votes
1answer
445 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: ...
0
votes
1answer
151 views

Primary Navigation with Hover Dropdown clickable or not

We've got a design with a primary navigation menu that uses dropdowns when hovering over the links. We have two options: Disable the primary links and mirror them in the dropdown so the user ...
2
votes
2answers
275 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 ...
17
votes
3answers
1k 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 ...
35
votes
5answers
5k views

Default gender, “Male” or “Female”

Should our default gender when selecting male/female on the dropdown list be based on the local sex ratio (if a country have more female than male then female is the default value)?
10
votes
3answers
450 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
218 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
298 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 ...