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

learn more… | top users | synonyms

2
votes
3answers
129 views

How to allow 'Select none' from dropdown properly

I'd like to allow selecting none from a dropdown menu (web). On the other hand, there are no labels so I would like to also let the user know what the dropdown is for. What's a good way of achieving ...
4
votes
4answers
1k 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
1answer
70 views

Apply All option after selection option of combox

I have a table with a set of rows. Each rows contains a dropdown box to perform an action over the row (see this example). But I want to give a possibility to user to chose if this action will be ...
2
votes
1answer
160 views

Choose existing or creating new category

Our current implementation gives the user an option to select a category from a drop-down and to add new category. The problem is that this button under the drop-down does not work very well. 1) ...
4
votes
2answers
322 views

Touch-friendly nested checkboxes/drilldown

I'm designing a widget to select one or multiple regions. Regions can be nested within countries and 'main' regions, like this: France - Central France - Paris - Bourgogne - ...
0
votes
2answers
326 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
1
vote
2answers
422 views

In a multiselect dropdown; add/remove item to/from selection through checkbox only or include label

We have a discussion between UXers and developers: UX: In a multiselect dropdown one should add/remove item to/from selection through checkbox and clicking the label. When one wants to remove all or ...
94
votes
15answers
77k views

Why is it impossible to deselect HTML “radio” inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not ...
5
votes
2answers
1k views

Should dropdown list option be removed if the options cannot be repeatedly selected?

Let's say, I have a dropdown (html select) of questions from which a teacher can pick up questions to present to their students. The options available in the dropdown can only be picked once i.e. the ...
0
votes
5answers
355 views

Displaying a hierarchy in a dropdown

I have a dropdown in my application that allows users to select a location in a hierarchy. Currently, I am showing each level in the hierarchy as a tree-type layout, with the lower items intended and ...
3
votes
1answer
343 views

How to deal with mega-dropdown menus with inconsistent content?

Context: desktop site which shows data. The main menu has from two to four levels. Without the possibility to change the page content and the menu architecture, we have to optimize the menu view. The ...
10
votes
6answers
2k views

How do I show that a wide dropdown is clickable?

I have a select tag that looks like this: It spans along the top of the page contents, which is roughly 90% the screen width. So, while it's not obvious in this question, the caret is roughly 400px ...
0
votes
4answers
338 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 ...
0
votes
0answers
82 views

Sorting Button for E-commerce Listing Page

I'm working on a responsive project for e-commerce platform. For the XS view we will provide at the top of the list the tools to arrange and sort the list. I designed 3 drop-downs Categories, ...
1
vote
1answer
112 views

Filter dropdown select - empty should still appear in the UI?

Should a filtering dropdown appear in the UI when the content to filter (list of items) is empty? For example there are two tabs in one page that represent two categories of items. In the content ...
5
votes
2answers
239 views

How should I implement a 'recently used' list in a dropdown function?

I'm building a complex web app that has a number of places where the user will need to select things from dropdowns. The dropdown lists can be quite long. We are already using the Select2 library to ...
1
vote
3answers
153 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, ...
2
votes
2answers
223 views

What's the best way to explain what the options in a drop down menu mean?

Please see image below. The drop down I'm struggling with is the "permission level" drop down. Users won't be immediately familiar with what the different permission levels mean. In the screenshot, ...
1
vote
2answers
72 views

Best way to add the same information to more items on a list

Imagine we have a list of people. They are to do a task. I have the option of giving them extra time. I could give Peter an extra 5 minutes for example. What is a good way to give all people an ...
0
votes
1answer
178 views

What's the best way to display additional option information in a dropdown?

I have a dropdown with several options. For each option, I need to present additional information that the user might want to use in making their selection. Currently, the additional information is ...
3
votes
4answers
1k 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

Pros/Cons of having a select menu open by default?

I have a client that wants to have their select menus open by default. In other words, for them to have a listbox behavior that is typically used for selecting multiple items, despite the fact that ...
1
vote
1answer
341 views

How can I best display this navigation menu with submenu?

I am working on a project with many information, navigation menu with submenu. I am little cofused. Which of these case is right? In the first case: When i select the "products" the menu appears left ...
1
vote
1answer
137 views

Deleting items from a dropdown menu

I am looking for feedback on the best way to remove items from a dropdown menu. We are making a section of a web-app where the user can create new list (i.e. List 1). When these lists are created, ...
34
votes
18answers
2k 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. ...
14
votes
4answers
17k 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 ...
12
votes
3answers
2k views

User friendly and clear way to present possible answers to a question

Which way to answer the following question is more user friendly and more clear? A) B) edit: Because I have to stick to the drop-list and don't really like options A and B, I thought of an ...
0
votes
2answers
131 views

Is the “X” button on this downdown menu going to be a problem?

The "X" button next to the dropdown arrow resets the field to the default selection. My concern is that a user may hit the "X" when they intended to hit the arrow, accidentally clearing their ...
0
votes
1answer
61 views

Assign every item in a list to a category on a smartphone

I'm currently trying to implement an OPML-Import in my rss-reader. However, opml-files don't give any information about the "category" every item should be assigned to. Therefore I got the problem ...
0
votes
1answer
656 views

Hover or click on dropdown menu

My application allows a PNG export thanks to my 'E' button. The user can choose to export the image with captions or without it. The client with which I am working doesn't like the hover effect on my ...
0
votes
1answer
352 views

Multi-level dropdown suggestions

I am trying to design a selection pop-up for a medical website I'm working on. The idea of the pop-up is that the user should be able to specify (for a specific medical sample) the following three ...
2
votes
3answers
209 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? ...
0
votes
1answer
66 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
376 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
158 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
184 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
225 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
2k 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
133 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
209 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
339 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
325 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
143 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
91 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
18 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
439 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 ...
4
votes
3answers
1k 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
161 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
2k 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
194 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 ...