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

learn more… | top users | synonyms

1
vote
2answers
168 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 ...
1
vote
2answers
82 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 ...
6
votes
2answers
704 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
420 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
215 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
625 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
899 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 ...
1
vote
1answer
48 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
2answers
73 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
57 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 ...
0
votes
2answers
142 views

Affordance of Muti-Select Dropdown

I wanted to get some feedback on a design concept we are working on. I am concerned there isn't enough affordance for the user to understand what the dropdown is capable of. In short, some of our ...
1
vote
2answers
79 views

How to deal with whitespace left by fixed field width?

I am creating an infopath 2010 form, which will be accessed through a browser. Unfortunately, the browser based infopath field widths don't change based on the width of their contents. So, if you ...
1
vote
1answer
41 views

What Options Should an IRC Chat Room Button Have?

This one comes with a bit of backstory, so I apologize for the complexity of the post. I'm a web admin for a forum that has an associated IRC Channel. The forum has been around for two years, but we ...
3
votes
3answers
426 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. ...
0
votes
2answers
86 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 ...
2
votes
2answers
129 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 ...
6
votes
2answers
81 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 ...
0
votes
1answer
76 views

Dropdown with stacked up- and down-arrows vs one down-arrow. What drives the choice?

Our team implemented non-native dropdown controls that use an up-triangle on top of a down-triangle (similar to the MacOS example). The native controls (as far as I can tell) for MacOS (10.10) and ...
0
votes
0answers
41 views

does a down arrow as a drop-down menu affordance work on the left of a button (or only on the right)? [duplicate]

I have a need for an affordance on a dropdown menu that is clashing with my need for right hand alignment. The dropdown also serves as a row label in my 'spreadsheet-like' interface. I want the row ...
5
votes
3answers
209 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 ...
1
vote
4answers
382 views

How to highlight that drop down filter has non-default option selected

I have a drop down filter with a different options, where the first item in list is the default one. How would you highlight when user change that default option to something else? For example when ...
1
vote
2answers
136 views

Dropdown or Sliding for choosing

A user (conductor) will pick a destination taking the minimal amount of time. Since this is a ticketing system which user can tap or swipe. Check the Example of 2 set of images below: The 1st set ...
1
vote
1answer
115 views

Design tips and best practices for visual navigation on mobile

I'm designing a visual drop down menu something like this: Any suggestions on how to adapt this for mobile and tablets? I'm struggling with balancing the imagery vs making it fast and functional. ...
6
votes
3answers
25k 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 ...
2
votes
3answers
108 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
61 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 ...
1
vote
1answer
87 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) ...
3
votes
2answers
262 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
261 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
318 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 ...
91
votes
15answers
62k 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
270 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
236 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
317 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
74 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
85 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
203 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
147 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
200 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
66 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
139 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
125 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
297 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 ...
0
votes
1answer
105 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
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. ...
13
votes
4answers
13k 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 ...