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

learn more… | top users | synonyms

3
votes
2answers
835 views

What ways can I present sorting options for individual drop downs in a web app?

Say I have a drop down with a full employee name and an ID, comma delimited... Some users may want to sort the values in this dropdown differently, in this example we'll say they may want to sort ...
3
votes
1answer
756 views

Good web-form dropdown alternative for unfamiliar fields?

In general, I try to limit use of dropdowns to lists of no more than ~15 or so options. For larger lists with options the user is familiar with, I tend to favor autocomplete text inputs. However, ...
3
votes
3answers
3k views

jQuery AutoSuggest or Dropdown for Data Input

We are working on an improvement to a project that requires users to enter their state, city, and street to get a result back based off what they entered. The current model asks users to freeform type ...
3
votes
3answers
574 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. ...
3
votes
2answers
642 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?
3
votes
1answer
162 views

Consistency in navigation

Is it going against best practice to have some items in the main navigation clickable and other items not clickable they just reveal a drop down? Should the pages that reveal a drop down have a ...
3
votes
2answers
80 views

Should I use multiple synchronized dropdowns in a big UI

User Story: The user can create a schoolclass 7a The user can create a pupil for a schoolclass 7a The user can change the shown pupils for the current selected schoolclass 7a Question: Should I ...
3
votes
1answer
368 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 ...
3
votes
2answers
224 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 ...
3
votes
1answer
816 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: ...
3
votes
1answer
936 views

slider vs. select box / dropdown

I've got a web app with two related UIs for adjusting a value. The first allows the user to add or subtract up to 100% of the amount. It's for an estimate, so rough ranges (e.g. every 10%) would be ...
3
votes
1answer
762 views

Drop-down list inside add button or panel

I have a screen where user defines his competencies. Each competency have to be later described with some details, so each is presented as a separate panel. Below the last Competency panel I put an ...
3
votes
1answer
206 views

How many visitors (percentage) click the main category of a multi-level navigation menu (e.g. About Us) and how many select a sub-level?

I'm curious what people instinctively do and whether anyone has data on it. When I go to About Us, for example, I click on it rather than on a sub-lelvel, which usually has "Meet the Team," etc.
2
votes
3answers
293 views

What ways can I present an addtional field to combobox when user can't find item they looking for?

I have ComboBox and it has item inside user can select item they want, if they can't find item they can select first item (Not in this list) and input data in textbox (textbox will show if user select ...
2
votes
3answers
230 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
6answers
368 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 ...
2
votes
3answers
236 views

What dropdown option should be selected: Monthly without discount or Yearly with 50% OFF?

I offer web services such as hosting. In a <select> field, wich option should be pre-selected? 1 month (without discount), or 12 months (50% off)? The question might seem kinda obvious, the ...
2
votes
3answers
416 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
3answers
168 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
3answers
219 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? ...
2
votes
3answers
637 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 ...
2
votes
2answers
223 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 ...
2
votes
3answers
341 views

What does the user want to do to see a menu? Press a button? Hover?

EDIT: Thank you everybody for your answers and opinions. Just what I needed and was looking for. I wish I could accept every answer. I have a huge, unwieldy page that's just a deep, wide table. User ...
2
votes
2answers
199 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 ...
2
votes
2answers
413 views

Drop down list for unknown number of items (can be thousands)

I have a form in which the user has to select an item from a (possibly) long list. The user may or may not know what text to search for so auto-complete is not an option (may be just complementary). ...
2
votes
3answers
141 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 ...
2
votes
4answers
642 views

Drop down menu best practice question

I am working on a page containing a tabular list of schools (see http://www.guidetoonlineschools.com/online-schools/non-profit). This list contains the name of the school, data on its tuition, ...
2
votes
3answers
193 views

Best way to represent multilevel multiselect location dropdown

So i have this very major UX Issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't ...
2
votes
2answers
162 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
2
votes
2answers
236 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, ...
2
votes
1answer
174 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
2answers
416 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 ...
2
votes
3answers
225 views

Selection in a dropdown with two different input formats

I am building a tool which will be used on a regular basis by call center agents. The tool is concerned with supporting products - and as such each product has a product page which contains ...
2
votes
2answers
568 views

What is the best way to indicate required fields in a deep, category dropdown menu?

We have a UX situation in an enterprise site for a very large customer that has a very deep product list for a support site. We need to indicate that the product field is required, but deeply nested. ...
2
votes
1answer
76 views

Select with accompanied textarea alternative

Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, ...
2
votes
2answers
145 views

Two different ways to narrow a large list from a select drop-down

I'm revamping our registration page with a lengthy list of professional certifications. I am using a plugin that dynamically searches the drop-down based on user input. Is it preferable to have two ...
2
votes
1answer
182 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) ...
2
votes
2answers
163 views

Dropdown execute action onChange

I currently have a dropdown that adds a selected section to the page. Originally, the dropdown had a button associated with it to execute the addition of the section. I've since changed it to ...
2
votes
3answers
508 views

Drop-down menu navigated using hand gesture

I want to put hand gesture on a webpage. Usually, in webpages, there's navigation bar that is located at the top of webpage. Often nav-bar is in a form of multi-level menu, like drop down menu. And by ...
2
votes
1answer
468 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 ...
2
votes
2answers
917 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
1answer
73 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 ...
2
votes
1answer
544 views

How to accept multiple types of input to a table cell?

I have a problem with a column in a table in which the cells may receive data in multiple ways: You may write a number, say 1.0. If you write you can only write numbers. Place an object in the cell, ...
2
votes
0answers
147 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
1
vote
5answers
179 views

How to elegantly create new parent when midway creating new child and realize you need a new parent?

I have a child record called customers. So when I create a new Customer, it's a form with a few text fields and one dropdown tree structure that lists all possible Companies that a new Customer might ...
1
vote
3answers
418 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 ...
1
vote
6answers
363 views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
1
vote
1answer
781 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 ...
1
vote
1answer
455 views

are skinned or custom dropdown downs good or bad UX design

I would like to know if the use of "skinned" or "custom" dropdowns is seen to be bad UX or not? I am aware that notable successful online retailers (who carry out Hallway Usability testing), do not ...
1
vote
2answers
53 views

Accessibility of disabled placeholders in dropdown

Are there any accessibility implications for disabling a placeholder option in a required dropdown field? <select required> <option value='' disabled>Select an ...