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

learn more… | top users | synonyms

0
votes
1answer
80 views

Select from option list and apply action

I have several labels that are associated with text, e.g. Default : Text Label1 : 123 Label2 : 456 Label3 : 789 The UI for this is currently structured as follows: [Default ▾] [Save] [Save as] ...
4
votes
3answers
218 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 ...
34
votes
6answers
37k 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 ...
3
votes
2answers
73 views

Should I use multiple synchronized dropdowns in a big UI

User Story: The user can create a schoolclass 7a The user can create a pupil for a schoolclass 7a The user can change the shown pupils for the current selected schoolclass 7a Question: Should I ...
1
vote
5answers
170 views

How to elegantly create new parent when midway creating new child and realize you need a new parent?

I have a child record called customers. So when I create a new Customer, it's a form with a few text fields and one dropdown tree structure that lists all possible Companies that a new Customer might ...
0
votes
0answers
45 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
5
votes
2answers
194 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 ...
2
votes
3answers
142 views

Best way to represent multilevel multiselect location dropdown

So i have this very major UX Issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't ...
18
votes
6answers
4k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
11
votes
8answers
11k 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 ...
0
votes
1answer
37 views

What are some good ways to handle long values in a dropdown? [duplicate]

I need to create a dropdown to select various groups and most of them have very long titles.
0
votes
1answer
56 views

What's the best way to allow user to 'sort' a complex dropdown?

This is quite similar to this question, but not quite the same. I have a widget--to be called Widget 1--in a desktop application that is a combobox/dropdown, which is a field that allows you to type ...
1
vote
6answers
296 views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
2
votes
3answers
215 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
2answers
152 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 ...
41
votes
9answers
6k views

Is there a UX pattern for “drop-down preferred but free text allowed”?

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
0
votes
2answers
75 views

Single Select Mechanism [closed]

Are there any mechanisms for single select besides radio buttons and dropdown menus (combo boxes)? Here's an image of the layout I'm designing: Users can only single select a product, and the ...
0
votes
0answers
60 views

Displaying a lookup table in a complex grid

In my application I have a fullscreen form which has some edit fields with buttons on the right side. The value of some edits has to be chosen from a huge table, after clicking a button (for example ...
1
vote
1answer
133 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
1answer
69 views

Which category “dropdown” is optimal for mobile/desktop for >10-15 items?

I have a menu, on the top, with a category dropdown. This is the only menu, which has a subitems. The main menu consists 4-5 item. Under categories will be 10-15 items aprox. Categories may have ...
0
votes
3answers
493 views

What is the best UX pattern for large dropdowns in case of mobile web pages?

I need to create a mobile web page which will prompt the user to select a village name from a huge list of names (around 30000 villages). The desktop site renders properly, and is quick enough. The ...
2
votes
2answers
136 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 ...
1
vote
1answer
49 views

Dropdown with multiple values

I have a configuration page where in there is a field for associating the IP address. IP address will be in huge number. Can some one suggest me what is the best practices to get this done? A ...
1
vote
0answers
122 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 ...
3
votes
5answers
125 views

Baffled on best method for dropdown list with LONG options

I have a site that uses WooCommerce and the person who set it up has the pick-up location as a product variation. So, first you have to choose a location, and then you can add to cart. The UX issue ...
2
votes
1answer
72 views

Select with accompanied textarea alternative

Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, ...
4
votes
1answer
159 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 ...
1
vote
2answers
198 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 ...
6
votes
2answers
782 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
492 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
231 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
635 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
913 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
92 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
109 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
173 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
86 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
54 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
513 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. ...
2
votes
2answers
150 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
155 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
221 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
223 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
496 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
141 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
132 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. ...
8
votes
3answers
39k 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
129 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 ...