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

learn more… | top users | synonyms

6
votes
5answers
1k 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 ...
6
votes
3answers
307 views

Dropdown select or Dropdown select + button?

There seems to be two contradicting conventions on web applications. One is that a Dropdown-control also is an action button, meaning that when a user selects an item in the Dropdown control, an event ...
6
votes
3answers
2k views

Alternative way to display too many buttons

I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
6
votes
2answers
208 views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no ...
6
votes
2answers
426 views

A workable tag auto-suggestion design for mobile devices

Over at Stack Exchange we (fairly) recently rolled out a mobile design for all of our sites. This was definitely a 1.0 attempt, and while I think it's a huge improvement over what we had (which was ...
6
votes
2answers
343 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 ...
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 ...
5
votes
3answers
2k views

Which is better to design a Filter?

Which is better for filter, select a single value: Check box ( Use js to keep single selection ) Dropdown list Radio buttons Highlighted labels download bmml source – Wireframes ...
5
votes
4answers
1k 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 ...
5
votes
3answers
1k views

Autocomplete returns more than X records

I have read How many items in a web form drop down is too many?. I almost agree with Vitaly's answer: no more than 30 (X) items in a drop down. So if auto-complete request returns more than X records, ...
5
votes
2answers
291 views

Drop down consistency needed on navigation on site header?

I am building a website which has a horizontal navigation in the header. Only some of the top level menu items sub-pages, so there are only drop downs on a few of the navigation options. I didn't ...
5
votes
8answers
1k 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 ...
5
votes
3answers
226 views

Dropdowns within dropdowns

We are mocking out new notifications and requests panels for our web app and I wanted to see if anyone had any ideas on a better way to represent this concept of a dropdown within a dropdown. I don't ...
5
votes
7answers
659 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 ...
5
votes
6answers
2k 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. ...
5
votes
3answers
181 views

Why not default a user's view to the middle of a sorted list?

Is there a compelling reason (besides convention) why a user's typical default view of a long sorted list is always the beginning of the list and not the middle? Assuming a random distribution of ...
5
votes
3answers
341 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? ...
5
votes
1answer
436 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. ...
5
votes
3answers
2k 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 ...
5
votes
4answers
2k 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? http://cherne.net/brian/resources/jquery....
5
votes
1answer
530 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
5
votes
2answers
226 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 ...
5
votes
2answers
239 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 ...
5
votes
2answers
294 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 ...
5
votes
1answer
160 views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
5
votes
1answer
202 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 ...
5
votes
2answers
267 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 ...
5
votes
2answers
986 views

Arrows for Navigation/Menu/Expandables Misleading?

When a user visits a site they are presented with some sort of Navigation Structure. Typically the arrow is a standard convention that alerts a user that when this item is clicked an action will occur....
4
votes
4answers
581 views

Are Radio Buttons or a Drop-down more appropriate to scope a search?

Below are Mock-ups of the two choices to scope the search. The radio buttons would expose all choices initially. The drop-down search pattern I've seen more often, and I think users would be more ...
4
votes
2answers
9k 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 ...
4
votes
3answers
3k views

Alternatives to cascading drop down interfaces

Our development team needs to create an interface to select a vehicle. First the user will select the Year, then the Make, then the Model, and finally an Engine. The valid choices for each choice will ...
4
votes
3answers
273 views

Best way to present high number of options

I have an app that asks users to Select a Map Select a year Select a query statistic from the U.S. Census from a dropdown; or Enter their own query statistic using provided reference to look up the ...
4
votes
3answers
358 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 ...
4
votes
2answers
2k views

Is it ok to use drop-down menus in Mobile Website?

Is it ok to use drop-down menus in a Mobile Website which opens on clicking? Like http://ux.stackexchange.com
4
votes
3answers
100 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 ...
4
votes
1answer
216 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 ...
4
votes
3answers
2k 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 ...
4
votes
4answers
1k 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 ...
4
votes
3answers
289 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 ...
4
votes
1answer
482 views

Best practice: dropdown selection with associated settings.

We have the following Dialog (see Screenshot) in our software, that I would like to improve. 1) The user should select a profile (screenshot: dropdownbox on the left) to use for the following ...
4
votes
2answers
400 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 - ...
4
votes
3answers
257 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, ...
4
votes
1answer
176 views

Mega drop down or product list shown directly in home page?

We proposed a classic structure for a big brand website: Horizontal navigation menu, big slider with images and three boxes for highligts (img 1) Product list is shown with a mega drop down menu. My ...
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 ...
4
votes
2answers
216 views

Level selection on dropdown

Designing a radio button interface for selecting how many sub-levels you would want to display for a website main menu dropdown. The options are: OFF 1 level 2 levels Considering that the default ...
3
votes
4answers
248 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
1answer
406 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 ...
3
votes
4answers
2k 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 ...
3
votes
4answers
2k views

Should dropdown menus be indicated by arrows?

Should dropdown menus be indicated by arrows so users can distinguish between dropdowns and non-dropdowns? Does this depend whether we're talking headers or bodies, primary or secondary navbars? Do ...
3
votes
3answers
191 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 ...