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

learn more… | top users | synonyms

5
votes
5answers
152 views

What is the best way to collect a yes/no answer to a required question?

We've got a form that asks users if they are U.S. citizens. We want to make sure they answer that question. One idea is to make it a checkbox, like this: Are you a U.S. citizen? [ ] Yes, I am a ...
0
votes
1answer
95 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...
5
votes
6answers
1k 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. ...
3
votes
3answers
73 views

What's an alternative pattern for a dropdown with between 150 to 215 characters per option?

In my screen I have 3 sections, and on each section I have different elements to take input from the user. In one of the section I have a dropdown menu to select a predefined option. The options are ...
1
vote
2answers
138 views

Select from option list and apply action

I have several labels that are associated with text, e.g. Default : Text Label1 : 123 Label2 : 456 Label3 : 789 The UI for this is currently structured as follows: [Default ▾] [Save] [Save as] ...
1
vote
1answer
27 views

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list?

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list? What's the disadvantage for the users? On the Table, the dropdown ...
1
vote
1answer
58 views

Dropdown with tabs?

Any ideas for a dropdown to choose a topic? The problem, there are 20 or so fixed (predefined) topics, but the user should also be able to choose from a (separate) custom list to which he can ...
0
votes
1answer
100 views

Proper UX on a Widget dropdown menu

I am designing for a piece of web-based software that has a drag-n-drop functionality for "widgets" that can be placed in one of three columns. Over the 2 years of development the list of widgets ...
0
votes
3answers
49 views

Allow de-selection from a dropdown

I have a single select drop down and need to enable the user to clear his selection too. Is it elegant to do this: Or, on selection of an option should the drop down be hidden, showing the ...
0
votes
1answer
30 views

Results count per page drop down location: Top or bottom

There is some internal debate about whether or not the view results count per page drop down should be at the top of the data tables or below them. I recently made adjustments to our data tables, and ...
1
vote
2answers
66 views

Drop down menu or range slider for salary range filter?

We are filtering some job posts by their salary range, the range has definite steps (for instance $60K-$80K, $80K+, Up to $60K). For filtering results which approach is better? Creating a salary ...
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 ...
3
votes
2answers
6k views

Android: Action bar vs. Toolbar, Spinner vs. Dropdown

Is there any distinction between the key functionality of Android controls: Action bar vs. Toolbar, Spinner vs. Dropdown. To me they seem to be the same and I wonder if there is a reason of ...
0
votes
0answers
39 views

Dropdown opening upwards [duplicate]

Think of a dropdown menu which is vertically in the middle of the page. According to your scroll position, sometimes it opens upwards. Is this a good usage of dropdown or should dropdowns be always ...
38
votes
7answers
41k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal ...
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 ...
0
votes
1answer
62 views

What is the best way to display additional details associated with a dropdown selection?

I'm looking for some suggestions on how to inform and display additional data based on what has been selected from a dropdown. Overview: I'm working on a complex back-office application that allows ...
4
votes
3answers
252 views

Better way to show Priority Level in drop down

I just found below drop down for showing priority levels in JIRA: Does the above drop down - with icons and supporting message clearly demonstrates the priority levels? If not, then what will be ...
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 ...
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 ...
0
votes
0answers
51 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
5
votes
2answers
215 views

Closing a drop-down menu

I've read a lot that for a frequent-use app it's better to use click-activated (as opposed to hover-activated) drop-down menus. In my case, a drop-down menu is a good solution as it's not used for ...
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 ...
18
votes
6answers
4k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
11
votes
8answers
14k 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 ...
0
votes
1answer
50 views

What are some good ways to handle long values in a dropdown? [duplicate]

I need to create a dropdown to select various groups and most of them have very long titles.
0
votes
1answer
62 views

What's the best way to allow user to 'sort' a complex dropdown?

This is quite similar to this question, but not quite the same. I have a widget--to be called Widget 1--in a desktop application that is a combobox/dropdown, which is a field that allows you to type ...
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 ...
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 ...
0
votes
2answers
174 views

On Hover Styling for dropdown in top header

In my application, I've a selection drop-down in the main top-header menu. Now, I'm a little confused on how I should have on hover for that element. These are the two options: Option 1: No ...
43
votes
9answers
6k views

Is there a UX pattern for “drop-down preferred but free text allowed”?

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
0
votes
2answers
81 views

Single Select Mechanism [closed]

Are there any mechanisms for single select besides radio buttons and dropdown menus (combo boxes)? Here's an image of the layout I'm designing: Users can only single select a product, and the ...
0
votes
0answers
77 views

Displaying a lookup table in a complex grid

In my application I have a fullscreen form which has some edit fields with buttons on the right side. The value of some edits has to be chosen from a huge table, after clicking a button (for example ...
1
vote
1answer
148 views

Multi position switch (while avoiding dropdowns and skeuomorphism)

I have a very visual, map-like interface where most of the interaction takes place in navigation cards as opposite to direct manipulation. I need to add a "dimension selector" to each node that ...
0
votes
1answer
78 views

Which category “dropdown” is optimal for mobile/desktop for >10-15 items?

I have a menu, on the top, with a category dropdown. This is the only menu, which has a subitems. The main menu consists 4-5 item. Under categories will be 10-15 items aprox. Categories may have ...
0
votes
3answers
525 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 ...
2
votes
2answers
163 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 ...
1
vote
1answer
52 views

Dropdown with multiple values

I have a configuration page where in there is a field for associating the IP address. IP address will be in huge number. Can some one suggest me what is the best practices to get this done? A ...
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 ...
3
votes
5answers
139 views

Baffled on best method for dropdown list with LONG options

I have a site that uses WooCommerce and the person who set it up has the pick-up location as a product variation. So, first you have to choose a location, and then you can add to cart. The UX issue ...
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, ...
4
votes
1answer
184 views

Dropdown with complex hierarchy UX best practises

The problem is to implement dropdown with high complexity. Especially we need to view multi drop down with continents and countries. Search is also required. We implemented solution for it but it ...
1
vote
2answers
211 views

should a dropdown toggle icon be up or down?

I keep hitting this issue and wonder if there's a hard and fast anwser: On a dropdown widget, should the icon be up or down on either state? For example when down should the icon be pointing up to ...
6
votes
2answers
801 views

Alternative to dropdown with over 6000 values [duplicate]

On a login form where the user must select the name of the store location that they are logging into, there may be up to 6000 values. For a company that only has 5-10 locations the dropdown works ...
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 ...
4
votes
3answers
246 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, ...
5
votes
7answers
651 views

How to enhance bilingual - auto suggest search box?

Our users need to submit a form for submitting a request. Form is available in multiple languages. This form has text box ( the most important field, works as a auto suggest search box). We used to ...
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 ...
0
votes
2answers
99 views

How can I show a row of dropdown menu's in mobile

A brief introduction : Lets say in this web app the user is asked to upload an image. The resultant page will contain the image with a row of dropdown menu's to select from and a final submit button ...
2
votes
2answers
147 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 ...