Questions tagged [dropdown]

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

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

Alternative to dropdown when the searched option might not be there

Context: The user is applying online for a credit card. As the person fills the form, her personal data is being analysed, so by the end of the application, she should know whether she got it or not. ...
0
votes
1answer
139 views

Nested Dropdown alternative for User Skills in web

I have a searchable dropdown from in which user can add their skills like below : In the example, "Office Software" is main category and items below this are subcategories that user selects to as her ...
1
vote
1answer
92 views

Should I keep drop down navigation menu open after the page loads?

I'm exploring the option of having the dropdown menu stay open when a user has clicked on going into that section. Reasoning is that the client doesn't want to have a sub-menu when you're browsing ...
2
votes
4answers
276 views

Hundreds of items in a dropdown

We're designing a dropdown with about 10-80 items in it. To make it easier for users to find the items, We categorize the items and enable users to search items in the dropdown. However, the number of ...
1
vote
1answer
62 views

Searchable/Filterable dropdown w/ a “None” option: When should the 'None' option be visible?

Scenario: Users are performing data entry into an internal web application. At various points throughout the process, they need to specify things like: What person does this apply to? What vendor is ...
1
vote
3answers
100 views

How to differentiate the menu of a small organization nested within a larger organization?

I'm designing a website that's nested within a much larger organization's site, and I've run into a problem with designing the navigation. The parent site's nav has the links "research" "education" "...
4
votes
6answers
3k views

Whats the difference between “dropdown/caret” icon and “unfold more” icon?

I usually see this on tables or forms where some are using dropdown and some are using "unfold more" icon. Is there any difference or each icon has its own meaning? OR Other Reference:
2
votes
2answers
531 views

Auto-complete click suggestion

I have an autocomplete for a restaurant finder I'm currently putting live: After typing 3 characters, there's a backend AJAX call to the server that returns a list of either locations or restaurants ...
1
vote
1answer
100 views

Thoughts on having different behaviours for the same component

We have a dropdown with 2000+ items (should it even be a dropdown?) with the ability to search. And it's a tree select dropdown. The problem arises when one wants to edit i.e. a value was already ...
4
votes
2answers
168 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
364 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
324 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 ...
1
vote
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
96 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
9k 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
775 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
510 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
221 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
796 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 ...
7
votes
2answers
9k 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
294 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
169 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
794 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 ...
19
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
198 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
109 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
163 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
299 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
1k 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
175 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
5k 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
240 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
217 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
138 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
409 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
148 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
581 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
130 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 ...
3
votes
5answers
863 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
91 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
372 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 ...