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

learn more… | top users | synonyms

0
votes
2answers
58 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 ...
1
vote
2answers
72 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
49 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 ...
1
vote
2answers
78 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
36 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 ...
0
votes
2answers
75 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 ...
6
votes
2answers
66 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
58 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
40 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
208 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 ...
0
votes
2answers
141 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
1answer
109 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. ...
2
votes
3answers
103 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 ...
1
vote
1answer
59 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
77 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) ...
1
vote
2answers
303 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 ...
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
2answers
243 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 ...
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
0answers
71 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, ...
3
votes
1answer
222 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 ...
0
votes
1answer
81 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
7answers
599 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
2answers
193 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 ...
2
votes
2answers
194 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
135 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
2answers
65 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
129 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 ...
2
votes
2answers
123 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 ...
0
votes
5answers
252 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
2answers
233 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 - ...
1
vote
2answers
118 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
277 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
103 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, ...
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 ...
0
votes
2answers
130 views

Is the “X” button on this downdown menu going to be a problem?

The "X" button next to the dropdown arrow resets the field to the default selection. My concern is that a user may hit the "X" when they intended to hit the arrow, accidentally clearing their ...
1
vote
3answers
159 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
1answer
54 views

Assign every item in a list to a category on a smartphone

I'm currently trying to implement an OPML-Import in my rss-reader. However, opml-files don't give any information about the "category" every item should be assigned to. Therefore I got the problem ...
0
votes
1answer
536 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 ...
0
votes
1answer
241 views

Multi-level dropdown suggestions

I am trying to design a selection pop-up for a medical website I'm working on. The idea of the pop-up is that the user should be able to specify (for a specific medical sample) the following three ...
6
votes
3answers
22k 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
176 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? ...
0
votes
1answer
53 views

Dropdown form near the end of the browser

What is the best way to deal with a list of options when selecting a dropdown that is very close to the end of the browser? I have considered using a fly out but we actually do not use this type of ...
1
vote
3answers
143 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, ...
3
votes
1answer
332 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 ...
1
vote
2answers
114 views

What should be the default option of an optional dropdown list containing search criteria?

I have a form where users can search for legislators in the US. One of the search criteria is the Leadership Position, as a dropdown. It can look like this for example: <select ...
1
vote
3answers
150 views

What is best practice to add a list item to a dropdown

Option 1- it feels unnatural to have an input field in a dropdown. Option 2- it feels awkward to create set that then autopopulates the dropdown Other thoughts?
1
vote
2answers
386 views

Drop-down menu navigated using hand gesture

I wanna put hand gesture on webpage. Usually, in webpage, there's navigation bar that located at the top of webpage. Often nav-bar is in a form of multi-level menu, like drop down menu. And by hand ...
1
vote
4answers
352 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 ...
0
votes
2answers
172 views

Handling multiple inputs for multiple items

I am developing a web application for a concrete and construction contractor. Their web application consists of a form that allows them to insert projects into the system. In the example below, I ...