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

learn more… | top users | synonyms

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 ...
0
votes
2answers
60 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
50 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 ...
2
votes
2answers
836 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
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
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 ...
3
votes
3answers
411 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
76 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
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 ...
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 ...
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 ...
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 ...
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
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. ...
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 ...
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 ...
4
votes
4answers
988 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
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
78 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
234 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
245 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
304 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 ...
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 ...
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
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
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 ...
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
312 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
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, ...
1
vote
1answer
82 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
194 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
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, ...
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
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
130 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
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, ...
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
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 ...
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 ...