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

learn more… | top users | synonyms

3
votes
3answers
703 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 ...
3
votes
3answers
185 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, ...
0
votes
2answers
144 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 ...
8
votes
7answers
5k 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
1answer
343 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
1k 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
138 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
2answers
721 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 ...
2
votes
3answers
153 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 ...
2
votes
2answers
340 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. ...
5
votes
8answers
681 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 ...
3
votes
4answers
800 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 ...
1
vote
2answers
172 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, ...
4
votes
4answers
927 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 ...
1
vote
3answers
281 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
4k 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
114 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 ...
2
votes
3answers
337 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 ...
2
votes
1answer
169 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
259 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
101 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
406 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
558 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
186 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
2answers
304 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
148 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
673 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
223 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
361 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 ...
0
votes
1answer
261 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 ...
3
votes
4answers
240 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 ...
3
votes
3answers
834 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 ...
5
votes
4answers
445 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 ...
9
votes
4answers
471 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
5answers
731 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. ...
10
votes
3answers
568 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 ...
5
votes
1answer
318 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. ...
23
votes
6answers
2k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
5
votes
2answers
195 views

Choice Box or Tabs for multiple contents in a view [duplicate]

I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories. Would it be preferred to sort them in ...
13
votes
4answers
10k views

Adding “Select…” as first option (placeholder) of dropdown list

Would it be considered a good practice to add the word "Select..." as the first option of a dropdown list? I think it's redundant and not at all necessary and what is in the dropdown list should be ...
5
votes
2answers
254 views

Break up options in a drop down by scope

I'm working on a social application whose main component we'll call Object. On the Object view there is a drop down that can contain as many as 9 options. Some of these options impact only a single ...
6
votes
2answers
251 views

Nested dropdowns in mobile view

So i build a website using bootstrap. The problem is that i have nested drop downs. The link below is image for dropdowns that look nice and not cluttered in desktop version. However this is how it ...
1
vote
3answers
210 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 ...
19
votes
2answers
3k 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 ...
7
votes
2answers
139 views

Should I change how a list is displayed based on number of options?

In a web application I work on, I have been asked to change an existing 'Owner' field from being free-form to accept only predefined values from a list. Sometimes that list can be manually configured ...
4
votes
2answers
1k views

Setting vs Settings? Which one makes more sense in a dropdown button

This button should do what it looks like it should do. It opens a drop down of actions that a user can perform on their user account. Should I go with "Setting" or "Settings"?
2
votes
1answer
69 views

How to make the options change for a recurrent button (such as add and locate)?

I am currently working on a new project for a financial trading and broking platform, where we are splitting the screen into 2 columns, one sidebar and one for content. The purpose of the sidebar is ...
8
votes
8answers
895 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. ...
1
vote
1answer
211 views

How to provide a visual interface for all selections

We are designing a visual interface which allows you to multi-select a few objects (say 5) from a large list of objects (say 1000). We are currently showing this on a drop-down, but we also want to ...
3
votes
2answers
437 views

Drop down indicator for a circular shape

It's easy to indicate an item is a dropdown when the item has a rectanglar shape. For example, . But when the item has a circular shape , what's the best position to place the indicator?