Questions tagged [select]
The select tag has no usage guidance.
72 questions
49
votes
10
answers
12k
views
At least one is mandatory. How do I make this clear?
I have a list where the user has to select some items.
Sometimes none of them are mandatory, sometimes one is mandatory, and sometimes at least one out of two is mandatory. But how do I show this?
...
- 3,543
9
votes
1
answer
3k
views
What do you call this touch friendly scrolling select box?
This proprietary select box is an example of a UI element I'm wanting to add.
The essence of it is:
Only one item can be selected
It's designed for touch devices - you swipe upward to scroll down ...
- 441
8
votes
2
answers
642
views
Is it a dark pattern to change Radio buttons into a Dropdown?
Is it a dark pattern to change Radio buttons into a Dropdown in order to default to a particular option? The default option is the best deal and recommended for the user. However we still want to keep ...
- 83
7
votes
3
answers
2k
views
When to start opening the select list? On mousedown? Or on click? And Why?
Component: select aka. dropdown
Platform/system: web, non-touch device (laptop with trackpad or desktop with a mouse)
Is there a guideline, convention, or some studies done which can help developers/...
- 129
6
votes
2
answers
236
views
Best way to make many boolean selections
I'm making a tool that crops images at various sizes. Currently, I use checkboxes to show the different sizes, but this will grow unwieldy when I add more crop sizes.
What's the best way to show all ...
- 63
5
votes
5
answers
2k
views
How to display information too long for a select box
On a form I use a select box to display a list of tenancies. So that each tenancy can be identified I have to display the full name of the tenants (there can be up to 4 tenants) and the full address ...
- 161
5
votes
5
answers
4k
views
Selecting new status vs. Triggering status change?
I'm designing the control panel of a booking app. Guests will be able to enter some reservations, that the host will have to confirm or reject. A reservation can be in one of these stages:
Pending
...
- 871
5
votes
2
answers
2k
views
Should a required SELECT have a placeholder OPTION?
I have a small form for a search function. There is a "Search By" select in the form and, depending on the option selected in "Search By", a related "Search For" select is generated with respective ...
- 153
5
votes
2
answers
4k
views
Are there certain colors we should use when highlighting selected items in a GUI?
One part of my application allows users to select items in order to manipulate the items, and I want to put a border around the items with a color to show when it's selected.
Normally the users ...
- 151
5
votes
2
answers
831
views
Is there a better way to represent a hierarchical user selector for mobile?
We have a hierarchical user tree that allows users to drill down to each level below them and at any point switch any branch in the tree. This doesn't exactly translate so well to mobile devices.
...
- 123
5
votes
2
answers
1k
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 ...
- 657
4
votes
3
answers
15k
views
What should be default value of select (drop down list)? [duplicate]
I'm wondering what is the best practice of designing select / drop down lists. In some projects I've worked in the select on a form was filled with first value from the list. In other project we had ...
- 143
4
votes
2
answers
3k
views
Title Case or Sentence case for dropdown options in web form?
We're adding dropdown boxes (HTML <select>) to several forms to allow users to choose between several options. Should dropdown options be Title Case or Sentence case?
In our web application we ...
- 1,863
4
votes
1
answer
223
views
What is the best way to categorize or represent a list of top-level domains (TLDs)?
Background
This is a problem I see routinely "solved" in different ways but have yet to see it solved well anywhere, so I'm appealing to the community for a best practice (or what others have found ...
- 143
4
votes
2
answers
582
views
Best way to ask user to select either image or color
What is the best way to ask user to select either image or color. I made one is it the correct UX
UPDATE
Users can select multiple images or a single color
UPDATE
Actually from this interface I am ...
- 143
4
votes
3
answers
3k
views
Button labels: Select versus Selected? or Deselect?
I was recently request to change all our action button labels from 'Add' to 'Select', simply because the action happens after clicking “Done” on the screen footer.
So, I was wondering… while “Select” ...
- 117
3
votes
2
answers
598
views
Automatically opening the dropdown for guiding users
We have a page that lets our users analyze their data. In order to analyze the data, they need to select the data-set via a dropdown first and without selecting the data-set, the page is almost ...
- 195
3
votes
1
answer
5k
views
How do I make a dropdown select accessible?
What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
- 131
2
votes
3
answers
603
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 12 ...
- 393
2
votes
2
answers
1k
views
What are some creative patterns for viewing and selecting individual items in a large non-hierarchical list?
As part of a profile flow, I need to allow the user to look through and select individual items to add to their profile.
This list of items can be upwards of 300 items (the represent company ...
- 387
2
votes
3
answers
341
views
What is the right way to visually mark that a selection is disabled
I have a page with a list of products. Each product can be customized in color and width. The width chooser is a select, but some products only have one option, so it is pre-selected.
What is the ...
- 121
2
votes
2
answers
4k
views
add your own entry to a select list
is there a userfriendly way of adding an entry to a selectlist with predefined options? besides being able of selecting a value from a select list i want the option to add a value of my own but am not ...
- 315
2
votes
3
answers
399
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?
Is ...
- 1,084
2
votes
3
answers
1k
views
Does it make sense to combine select2 dropdowns with regular select dropdowns on a single form?
I have a form that has a number of select dropdown boxes. Some of them have large number of items (200+) so I have converted them to using the jquery select2 plugin which works great as you can ...
- 1,381
2
votes
2
answers
2k
views
Combining select field with freeform entry
I have a "university/college" field in a web form. In the interests of data normalisation I want users to select their university from a dropdown. However, if their uni is not there they should enter ...
- 1,001
2
votes
2
answers
4k
views
Accessibility of disabled placeholders in dropdown
Are there any accessibility implications for disabling a placeholder option in a required dropdown field?
<select required>
<option value='' disabled>Select an option...</option>...
- 662
2
votes
2
answers
1k
views
Table with a column of toggles and the ability to select or deselect all at once
I have a a table with a column represent with a toggle.
I need to let the customer an ability to select or deselect them all at once.
Did someone tackle this use case?
I try some ideas, like toggle ...
- 21
2
votes
3
answers
866
views
Using a select for navigation instead of tabs?
Is a select box appropriate to control navigation on a page? For user profiles, I'm considering putting a select box in the header to change views, so a user can select from 'About', 'Calendar', '...
- 121
2
votes
1
answer
81
views
Documenting button interactions
Instead of using "click" or "tap" in my documentation, I use the word "select" to select an option from the menu, buttons, etc. However, I am faced with a situation where ...
2
votes
2
answers
2k
views
What is the best way for user to be able to select a Category and Subcategory?
The user should be able to:
Only select ONE Category
Select multiple Subcategories
Idea (A):
Use autocomplete select dropdown so user can search through both Categories and Subcategories
Close ...
- 1,414
2
votes
1
answer
647
views
Token-field design pattern that has lot of tags selected
We choose the "token-field design pattern" by using react select in all <select> items on our app.
part of them should have a lot of options selected and we start to see a lot of items that ...
- 121
2
votes
2
answers
3k
views
Alternative to "Select" Input on Mobile
Forms are of great interest these days in UX community, new techniques for data gathering are being suggested in line with auto-detection, predefined user data and ai. These all are really helpful ...
- 491
2
votes
1
answer
360
views
Differentiate between selecting a tree node and expanding it
We're doing a tree view for navigating through a hierarchical data structure. Technically speaking it's a JSTree javascript based application.
Clicking on the arrows expands/collapses the nodes and ...
- 21
2
votes
2
answers
1k
views
Multiple select for multiple groups
We have a set of devices that belong to different groups. Each device generates multiple time-series data streams that can be visualised. All devices in the same group have same data streams.
For ...
- 21
2
votes
2
answers
2k
views
Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?
I have a menu of reference information, like below.
download bmml source – Wireframes created with Balsamiq Mockups
The above fields are progressively pre-populated by the system, and user has ...
- 287
2
votes
1
answer
295
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, ...
- 151
2
votes
1
answer
778
views
Mobile proof input control for long list of options with a lot of text
I'm letting users choose one option from a set of choices. My data set is much like a list of countries:
many options (about 50 - 200)
the user will know what options are there because of the context
...
- 1,202
1
vote
2
answers
876
views
Are duplicate options in a single select good or bad?
If I have a list of countries (or anything really) with the most relevant ones at the top in a "Suggested" optgroup, and then underneath I list out all (other) countries, should I duplicate those "...
1
vote
2
answers
6k
views
Select Options more than 50,000 rows
I have a database which got about 50 000 records. all is information of business partners.
I currently using
<select name="selection">
-- some while loop
<option></option> (repeat ...
- 11
1
vote
3
answers
2k
views
Choosing unit of measure system
Our app (http://www.fitnessmealplanner.com) requires users to enter basic info about themselves such as height and weight.
Problem is that even after trying several changes to layout people still skip/...
- 205
1
vote
2
answers
650
views
Warning indicator in a select dropdown
I have a situation where an item that is selected from a dropdown needs a warning.
The warning is to let the user know that the item is in a specific mode and that it won't behave as usual until the ...
- 31
1
vote
1
answer
223
views
Does a select input element (fixed options) need a "clear input" button?
In our custom select element the user can start typing a category.The option nearest to the typed text is highlighted and will be selected with enter, tab or clicking. The options list is fixed so ...
- 214
1
vote
2
answers
937
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 ...
- 659
1
vote
1
answer
571
views
Does it make sense to visually differentiate between native select vs custom select/dropdown component?
I am a junior product designer (previously a frontend dev) at a startup so I still have a lot to learn. I'm the sole designer working on a SAAS after multiple other designers have worked on it. I'm in ...
- 161
1
vote
1
answer
386
views
How to display an 'either or' option in a setup page?
Hye guys, we are currently designing a setup process for a web app.
At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
- 653
1
vote
2
answers
178
views
Landing behavior when switching sites on a multi regional website
Just to provide the context, there's a multi regional site setup as follows (using wordpress):
- site.com/kr
- site.com/tw
Each site currently only has one language, e.g. ko_KR for site.com/kr. Each ...
- 281
1
vote
2
answers
145
views
Design for selection options
I have a list of items in a select list with options. This list exists out of 3 options: 'None', 'Every x days' and 'Every month'. It's used to specify if a schedule has to be repeated and how many ...
- 135
1
vote
2
answers
135
views
Is use of disabled option on select a good approach for showing existing invalid value?
Sample scenario to illustrate the type of problem I'm trying to solve:
Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
- 111
1
vote
1
answer
1k
views
Show or don't show the currently selected option in menu or dropdown [duplicate]
Let's say you have a dropdown where a user can choose a color. I'm currently comtemplating whether or not to use the following scheme. When a user selects a color, that color disappaers in the sorted ...
- 582
1
vote
1
answer
159
views
Should underlying content be disabled when dropdown menu or custom select control is opened?
As the title of the question, when implementing the drop-down menu or custom select control, should the underlying content rendered on page be disabled or made inaccessible as long as drop-down is ...
- 113