Questions tagged [select]
The select tag has no usage guidance.
72 questions
1
vote
1
answer
43
views
Multiple select fields
I am trying to allow users to select something that has two names (one numerical and one text):
Reference number
Name
Reference number is required when adding but the name is an optional additional ...
0
votes
1
answer
149
views
Wondering: expandable grouped items in a select dropdown are needed?
When having a lot of items inside a dropdown and those items can be categorized as groups.. should those groups be expandable and collapsable?
2 scenarios -
the more likely one
Users know what they ...
- 1
0
votes
1
answer
76
views
Best way to select a city from a list of cities unevenly distributed among countries
I'm working for a company that owns restaurants in 28 cities distributed in 10 countries. The restaurants are distributed unevenly in the countries: in some countries they are present in many cities ...
- 381
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
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 ...
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
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
0
votes
2
answers
90
views
How can I improve a page with a year change system?
I'm trying to deal with the UX of a page containing a year change system (see current design below).
I received some feedback and learned that users might have difficulty finding how to change the ...
- 3
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
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
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
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
1
vote
0
answers
160
views
Select box "Other" option in dropdown label [closed]
For dropdown options that have an "Other" option that will then display an textbox, what typically is the label for this textbox? Should the label be Other?
- 1,414
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
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
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
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
0
votes
1
answer
3k
views
Group Checkboxes Select All / None Design's best practices
What would be more inline with best practices for the select all / select none option on group checkboxes?
OR
- 543
0
votes
2
answers
2k
views
Combobox with a lot of (thousands) of options
in my project there is a form. One of the field is problematic for me.
User should choose an option from a very long list (thousands of options).
I wanted to do it by combobox, but I don't know how ...
- 3
0
votes
1
answer
335
views
Best way to lay out sub elements in a table
I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
- 3
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
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
1
answer
417
views
UI pattern for adding option to a tree select box
I'm wondering if anybody has seen or knows of a good UI pattern for creating options for a select box with a tree-like structure.
This is the library I'm planning to use to display the actual ...
- 11
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
0
votes
2
answers
436
views
best way to use Select with prev/next buttons in Material Design
what is the best way to use in Material Design a select with next/prev arrows?
i'm working on an area that there are three select (with many items inside) so i want to let the user able to go to the ...
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
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
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
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
1
vote
1
answer
6k
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 ...
- 55
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
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
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
0
votes
4
answers
3k
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&...
- 499
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
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
0
votes
2
answers
81
views
Highlighting text in a selectable container
We have an issue where a user can click into the cell of a table, and the table will sort based on that selection. But, we also have research that shows users want to be able to select the content of ...
1
vote
2
answers
1k
views
Use of select libraries (Select2, Chosen) vs Native
Background: we have an application that uses Select2's exclusively (though specific library is irrelevant all things considered). We really have no need for these select's as we are moving away from ...
- 113
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
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
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
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
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
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
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
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
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
0
votes
2
answers
599
views
HTML select element - dropdown keyboard expected functionality [closed]
Wanted some opinions on using HTML selects for keyboard input. We're developing an app in React using Material UI, and their version of a select dropdown element is pinging a few questions in testing.
...
- 139
1
vote
1
answer
86
views
Allowing both hover and select state on a section / component
Do you think allowing both hover and select on a component makes sense in the bellow context?
The tool is a drag & drop application builder (UI builder).
Configuring objects (sections in the page ...
- 45