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

learn more… | top users | synonyms

89
votes
15answers
60k 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 ...
54
votes
17answers
4k views

Adding USA at the top of dropdown list of countries. OK practice or not?

Some web sites have a country dropdownlist where USA and Canada are listed at the top of the list (as well in their normal positions). I read once that this was insulting to non US/Canada users. The ...
42
votes
5answers
10k views

Default gender, “Male” or “Female”

Should our default gender when selecting male/female on the dropdown list be based on the local sex ratio (if a country have more female than male then female is the default value)?
34
votes
18answers
1k 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. ...
31
votes
6answers
28k 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 ...
27
votes
7answers
3k views

Would Breadcrumbs be effective if they incorporate Dropdowns?

I'm currently thinking about adding a quite comprehensive section to a website: the section I'm talking about starts at level 3 of the overall website and itself has another four structural levels. ...
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: ...
19
votes
4answers
3k views

How to explain to director that a multilevel dropdown menu isn't a good idea

My director and designer want to make a big drop-down menu on our site. Multilevel menu : | MENU 1 | MENU 2 | MENU 3 | MENU 4 | ...
19
votes
6answers
1k views

Why is there a convention on the web for dropdown menus on hover instead of on click?

This is something I've always wondered. On all major operating systems, application menus (File/Edit/View etc) only appear on click. However, nearly every web site that uses a drop-down menu ...
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 ...
15
votes
5answers
6k views

How many items in a web form drop down is too many?

A colleague and I were discussing usability and drop downs and we wanted to know: Is there a best practice or rule-of-thumb for how many items in a web form drop down (select) is too many? At what ...
13
votes
4answers
12k 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 ...
13
votes
3answers
2k views

Drawer Navigation vs. Drop Down Menus

Are there any studies on drawer type navigation such as: http://www.ibm.com/us/en/ where the navigation pushes down content, compared to traditional drop down menus where navigation covers up content? ...
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 ...
12
votes
4answers
1k views

Use of Website Category Landing Pages

OK, here's the situation: A reasonably simple website with a primary navigation menu including drop-down list of sublevels on hover. Each navigation level may have 3 - 6 sublevels below it, none more ...
12
votes
2answers
6k views

Usability of multi-level tabs versus dropdown menu for navigation

We're in the middle of a redesign of our client portal, and there's been some discussion about whether to pursue a multi-level tab design or a dropdown menu (used on the current version of the ...
12
votes
3answers
798 views

FORMS: When to use dropdowns, and when to use dynamic lists?

Interesting that I couldn't find a discussion of this already. When should we use dropdown selects, and when should we use dynamic lists (updated as you type) in web forms? My opinion: Dropdowns ...
11
votes
6answers
4k views

Responsive Menu that has a LOT of menu items

We have a responsive menu that on mobile just shows the top level menu items (x8), but on desktop also shows hover drop drop downs with service areas within the parent menu item. The problem is we ...
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 ...
10
votes
3answers
587 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 ...
10
votes
3answers
570 views

Progressively Filtering Options

I am modelling a selection from a product matrix. The customer envisions this as a series of dropdowns which progressively filter what is available in a subsequent dropdown. So for example the first ...
10
votes
4answers
562 views

When should a dropdown be used?

I am working on the design for a large food shopping chain who is holding a contest. One of the requirements was that users can vote for their favorite item online or in the stores. My initial design ...
9
votes
7answers
1k views

OK for dropdown button to be on the left?

Perhaps a minor point, but I thought I'd ask anyway...Normally, the button to drop a dropdown display is to the right of the display area, but I have the option to put it on either side, like so: ...
9
votes
4answers
699 views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
9
votes
4answers
498 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 ...
8
votes
7answers
7k 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 ...
8
votes
8answers
981 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. ...
8
votes
3answers
841 views

Pros & Cons? - Single dropdown VS double dropdown VS multi level dropdown

I’m working on an application with some complex dropdowns which have selectable main categories and sub categories. Some dropdown lists could have up to 40 options - which is quite intimidating to new ...
8
votes
6answers
1k views

2 row navigation vs. dropdowns

I've seen two different types of navigation bars when a site requires nested navigation, one where hovering over a link drops down an additional menu, and one where a second horizontal bar is ...
8
votes
3answers
719 views

Side Navigation Arrow Placement Right or Left?

I have been working on a project that involves reconstructing a page side navigation. Throughout the project i've researched current trends in navigation structure and noticed arrow placement on the ...
7
votes
5answers
2k views

Replacement for long drop-down list

I'm currently working on a part of our application in which the user edits a document. Part of the application allows the user to input certain "parts." We've implemented this as a couple of drop ...
7
votes
3answers
362 views

Links inside a dropdown

I'm wondering if links inside a dropdown provides a valid user experience, if it isn't part of the main navigation of the site. For a news website I'm trying to come up with a nice way for the ...
7
votes
4answers
456 views

How to handle inter-related dropdown choices?

I've got a form containing (among other things) 3 dropdowns, each with about 5-10 choices. The choices in these dropdowns are closely related and some of the permutations will be invalid. This also ...
7
votes
3answers
511 views

How to improve the usability for dynamically populated drop downs?

I am working on an application for a client which has a "unique user interface" in which I want to improve. Currently, when the user comes to this web page, there's only one drop down shown for ...
7
votes
3answers
4k views

Better to use hover vs. click to display dropdown menus on main navigation of web app?

I work on a web-based medical records system. In the previous version, main horizontal menu employed ExtJS. It used the standard click to display the sub-menu found in ExtJS. I'm considering whether ...
7
votes
1answer
328 views

Drop down list vs. clickable map

I'm working on a web tool that requires users to choose their region as a search filter. I'm trying to decide if it will be best to use a drop-down list (there will be 15 regions) or a clickable map ...
7
votes
5answers
503 views

What is a good way to display side navigation levels?

For the past few weeks I have been working on reconstructing my employers side navigation. While attending a recent meeting, discussion on side navigation hierarchy arose and there was a debate on how ...
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 ...
7
votes
2answers
142 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 ...
7
votes
2answers
953 views

What do UX guidelines say about dropdown boxes in table cells?

download bmml source – Wireframes created with Balsamiq Mockups I have been trying to look at Apple Interface Guidelines and Windows UX guidelines about what standard behavior for drop ...
6
votes
6answers
1k views

Drop-down field with only one value

If there's a form that requires a user to select, let's say, one of the email addresses he/she has on file in his account, would it be bad practice to make that menu item a drop-down regardless of how ...
6
votes
2answers
690 views

When are drop-down menus really necessary?

I always find myself with customers who want drop-down menus because 'they are used to them'. So I started to wonder: When are drop-down menus actually necessary?
6
votes
3answers
284 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
2answers
67 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
269 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 ...
6
votes
2answers
182 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
6
votes
2answers
376 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
3answers
23k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
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
1k 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 ...