Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
4
votes
1answer
128 views

Should the mouse action which closes a dropdown menu trigger the actions under itself?

Assuming we have a dropdown menu which closes on a mouse click (instead of automatically when the mouse leaves the area). Should this mouse click perform its standard actions, if the mouse happens to ...
2
votes
3answers
339 views

What is the proper way to make 2 lines of hover dropdown menus not interfere with each other?

For an example of this menu, check this quick code snippet I made on jsFiddle: https://jsfiddle.net/27w3y6dh/ Our own menu is somewhat more complex, but suffers from the same issue. Additional ...
0
votes
3answers
293 views

Does it make sense to combine radio buttons for common options with a drop down menu for less common options?

Like so: The advantage being that most users will be able to choose one common options without searching through the dropdown, but the outlier user will still be able to find their choice in the ...
0
votes
1answer
2k views

Using Select Elements vs Dropdowns [closed]

I'm completely redesigning the settings UI for a web application. The UI has some select elements with a few options that I plan on turning into radio buttons. There are also longer select lists that ...
6
votes
1answer
95 views

Is it better to mix 'km' and 'm', or just stick to km and one way of displaying data

I have a list of distances in a dropdown, as in the examples below. Is it better to stick to km across the board, eg: 0.1km 0.5km 1km 3km 5km 10km 50km 100km 200km or to use m for the smaller ...
2
votes
2answers
8k views

When to use combo-box vs dropdown?

We have a dropdown list that allows for the selection of up to 24 city names. I'm trying to make the case to change that into a combo-box, which would drop down to a suggested top 10 elements, and ...
1
vote
2answers
691 views

Dropdown arrow direction [duplicate]

I have a doubt! I am not sure that the direction of the arrow is correct. My opinion is that currently the direction of the arrow is not in the right direction (my reference is a dropdown, even if my ...
0
votes
1answer
477 views

Dropdown for simple and data tables with multiple levels of hierarchy

I had some tables which just had one groupping, and the arrow (accordion-type) was working fine, and users understood perfectly. (As for now, I was using option B/groupping1). Now, we have to ...
3
votes
2answers
213 views

Which dropdown is better for alot of options

Im currently working on displaying a chip/filter with a dropdown that could contain a small or a large amount of brands to select through checkboxes. The amount could vary between users (some might ...
3
votes
4answers
754 views

What is the opposite symbol of “empty”?

I have a boolean expression field, where the user can enter a variable name and then perform one of 12 boolean operations on it. For reasons related to the rest of the UI, I cannot make the field very ...
6
votes
2answers
7k views

Difference between caret and chevron

Is there any functional difference between a caret and a chevron? Our discussion is about what should we use for dropdowns and accordions and whether they should be different.
0
votes
2answers
268 views

Best practice for form fields with interdependent dropdown menus

I have a best practice question. I have a form field that has questions with drop downs. Some of the dropdowns answers would make fields appear or disappear. My question is, should all fields be ...
1
vote
1answer
156 views

Select default AND multiselect

What's the best UI for both selecting a default item in a list and selecting multiple as secondary? As an example: I would like to combine this so it doesn't take as much space. Both dropdown ...
3
votes
1answer
1k views

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop?

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop? I have a dropdown menu that when opened could contain 30 - 50 items to choose from. It's for desktop. I ...
5
votes
3answers
765 views

Instant auto complete/search on thousands of results

I am working on an enterprise application for maintenance software. The task I am designing for currently includes a drop-down selection form field for the user to select an asset or vehicle that they ...
18
votes
5answers
3k views

Menu with dropdown, root element clickable?

I have two options for a dropdown but I'm not sure which one is the best from an usability standpoint. In option (A) there is a explicit "Our services" link which goes to a page with general ...
2
votes
2answers
190 views

Why the magic number 5 in dropdown list?

According to this article, it states Placing options in a selector drop-down requires two clicks, and hides the options. Use an input selector if there are over 5 options. Why the magic number 5?...
39
votes
12answers
7k views

Should a country name in a country selection list be the country's local name? [duplicate]

The other day I was browsing a German-localized website but needed to order something from their UK site. There was a country selection dropdown so I tried to use that one. I'm not fluent in German so ...
1
vote
2answers
1k views

pop up(modal) vs dropdown to display field in form containing long list

The problem I am facing is - customer choses carrier and then he/she has to chose location of pickup place from dropdown. Is the dropdown best solution for mobile users? Location lists contains about ...
0
votes
3answers
108 views

Long list of destinations in checkout page on mobile?

I have long list of locations(post offices/carriers) to display (about 50) in e-commerce checkout page. Is the dropdown the best way to do it (I know it is most common, but has it changed with mobile-...
13
votes
2answers
3k views

How should a coloured dropdown be styled using Google Material?

I am working on a project which is using Google Material UI. I have a set of production statuses that need to be displayed - they are selectable from a list but I am not sure what that list should ...
2
votes
3answers
157 views

Why arrow direction is changed on hover of menu links?

Even after designing hundreds of sites I can't understand why it is good to change the direction of arrow in menu dropdowns. Here I'm talking about hover event.
3
votes
2answers
296 views

Usability: Prepend a checkbox on a dropdown

This is regarding a situation where a function can be turned on and off and only have one property. Case: I have a function that displays a title. If the title is displayed the size of it can be ...
-1
votes
2answers
954 views

Dropdown with capital or small first letter? [closed]

I just wonder, is there any statement what should (is more right) to use? Should dropdowns have capital first letter or small? Any article for use casesor some source or it doesn´t matter?
0
votes
2answers
158 views

Dropdown Error State for Quiz

I need a little help with this one. We are creating a quiz that has drop down inputs for many of the questions. Essentially, the user would select an answer from the dropdown and than click submit. ...
1
vote
2answers
1k views

Dropdown in table header

I'm adding a dropdown list to a table header to enable configuration of what appears in the column. My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an ...
22
votes
5answers
4k views

5-6 choices: Radio button or drop down?

I'm redesigning a PMS (Property Management System) and this is a screen from the set up of a hotel. Now there are radio buttons in all of the categories/tabs. I know that there is a 'rule' that if the ...
2
votes
2answers
225 views

Consistency vs Better Ux? Redesign Actions in a datatable

I am redesign a business oriented site with many data tables. In the first column of each data-table, I have the Actions. However as you can see in the image, where I have 3 different data-tables (the ...
2
votes
3answers
205 views

Why is this button of the Windows Explorer labelled “File”?

Since Windows 8, the file explorer has this glorified drop-down button: But why is it called "File"? It allows the user to do operations related to the OS, but has nothing to do with actual "Files". ...
0
votes
1answer
137 views

How to display a dropdown menu without grouping name

Here is how my menu is looking at the moment. It is a list of dropdown/buttons. When I click on a options in the dropdown it will display some content. I can also click on the dropdown itself to ...
0
votes
1answer
394 views

Button with dropdown list as one option

I need to give users a choice between two options, but one of them need to be specified by additional parameter before clicking. I'm struggling with showing the linkage between dropdown list of ...
1
vote
2answers
2k views

Dropdown inside search field (material design)

I have a search bar with the option to select what entity I am searching for. I am using material search behavior which expands the search field when the icon is clicked, so I used the dropdown to be ...
0
votes
1answer
147 views

Dual navigation solution

Anyone has any suggestions to avoid double dropdown for navigation for a mobile app ( i.e. dropdown 1: main menu nav, dropdown 2: secondary nav within a particular page content. ) Just trying to think ...
0
votes
4answers
519 views

Web UI to either select option or enter value

Surprisingly I couldn't find something matching this. I need a UX that is NOT auto complete but allows to either choose an existing option or enter a value by typing it. It resembles <dataList&...
0
votes
2answers
128 views

Dropdown with search features validation

Imagine a dropdown list with search features where I can type or paste some text. What will be the best way to validate my dropdown: A - Comparing the text with the database text after click outside ...
3
votes
3answers
205 views

Differentiating between mass & individual status updates (mobile app)?

We are doing an app on delivering parcels to different areas and the status would get updated as the parcels reach certain points. As per the image below, all items (6 lines) are in the same group. In ...
2
votes
5answers
717 views

Dropdown/ Combo box Lengthy text management

I would like to know how to show lengthy text in dropdown list. Each list item are more of a 2-3 line lengthy. Any suggestions will be appreciated. On hover tool tip is right way for dropdown list?
3
votes
1answer
89 views

Consistency or best ui control?

I'm working on an app where there are multiple pages where there are a range 2-6 choices of a specific filter. Is it better to use the same control (dropdown) since for each page for consistency or ...
3
votes
3answers
3k views

How to display sub menus on mobile?

I have a nav menu in a mobile site I'm developing. I'm wondering what would be the best way to distinguish parents from the sub menus. The sub menus can go on forever, so I need to distinguish the ...
4
votes
3answers
369 views

Best way to present high number of options

I have an app that asks users to Select a Map Select a year Select a query statistic from the U.S. Census from a dropdown; or Enter their own query statistic using provided reference to look up the ...
4
votes
1answer
1k views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
3
votes
2answers
655 views

Show/Hide - Search Bar with Drop down

I am currently designing a software which has a search bar placed in the navigation menu. The search bar includes drop down list with types of entries(users, users number, reports), input field and ...
9
votes
6answers
4k views

What is the best way to collect a yes/no answer to a required question?

We've got a form that asks users if they are U.S. citizens. We want to make sure they answer that question. One idea is to make it a checkbox, like this: Are you a U.S. citizen? [ ] Yes, I am a U....
4
votes
3answers
286 views

What's an alternative pattern for a dropdown with between 150 to 215 characters per option?

In my screen I have 3 sections, and on each section I have different elements to take input from the user. In one of the section I have a dropdown menu to select a predefined option. The options are ...
1
vote
1answer
477 views

Proper UX on a Widget dropdown menu

I am designing for a piece of web-based software that has a drag-n-drop functionality for "widgets" that can be placed in one of three columns. Over the 2 years of development the list of widgets ...
1
vote
3answers
90 views

Allow de-selection from a dropdown

I have a single select drop down and need to enable the user to clear his selection too. Is it elegant to do this: Or, on selection of an option should the drop down be hidden, showing the selected ...
1
vote
1answer
430 views

Results count per page drop down location: Top or bottom

There is some internal debate about whether or not the view results count per page drop down should be at the top of the data tables or below them. I recently made adjustments to our data tables, and ...
1
vote
2answers
1k views

Drop down menu or range slider for salary range filter?

We are filtering some job posts by their salary range, the range has definite steps (for instance $60K-$80K, $80K+, Up to $60K). For filtering results which approach is better? Creating a salary ...
2
votes
2answers
193 views

Dropdown with tabs?

Any ideas for a dropdown to choose a topic? The problem, there are 20 or so fixed (predefined) topics, but the user should also be able to choose from a (separate) custom list to which he can add/...
0
votes
2answers
389 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...