Questions tagged [selection]

All questions involving the selection objects to be acted upon, including contiguous selection (e.g. strings of text), multiple selection (e.g. checkboxes), and single selection (e.g. radio buttons).

Filter by
Sorted by
Tagged with
2
votes
5answers
3k views

What is the best UI component to make user select a number from small range (1-12)?

I'm creating an Android application in which I want user to select a number from 1 to 12 (The standard in which user is studying). For this I've considered a dropdown with numbers 1 to 12 or a ...
0
votes
1answer
79 views

Select elements in the sidebar, which is better?

So, my friend and I are building a web app and we were having a little argument. We need to have two select elements in the sidebar and one of them is not relevant to a few pages. Which of the ...
0
votes
1answer
135 views

Improving dynamic list selection

I have the problem related in this link for a desktop app: Suggestion for list selection and populating related lists dynamically but instead of 3 list I have 7 and some lists have more than 20 ...
1
vote
4answers
285 views

Is this a good concept: “Select one or multiple items using checkboxes and use a radio button to select all”?

We have found a component on a website* with a selection that works like this: There's a radio button All. There are multiple checkboxes, one for each value. It's possible to select one ore more of ...
0
votes
1answer
121 views

How do you show a current table row selection when there's multiple table pages?

How do you show that a table row (data choice within that row) has been selected in a multi-page table if you are viewing another page within the table that does not contain the selected row?
2
votes
1answer
134 views

How to organize a big list with many choices

We have a situation where a user can select between multiple predefined dates or choose custom dates for reporting purposes. I'm struggling to brainstorm a flow of how to layout it on a way it ...
1
vote
1answer
70 views

User selection for min bedrooms and max bedrooms - radio buttons?

I have a form that the user fills out. In this form the user chooses the bedrooms and bathrooms. If I use radio buttons(as in the screen shot), I will need to code out logic to where the max radio ...
5
votes
1answer
654 views

Mixed alignment (LTR and RTL) in language selection list?

Most answers to this question say that for instance Arabic text should be aligned right-to-left even if the rest of the page is in a left-to-right script such as English. So, I was surprised to see ...
1
vote
1answer
67 views

Time Window Selection Component - For Data in “Bins”

Currently I have been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (the terminology used here is "bin") that will then update ...
2
votes
2answers
710 views

Best way to make an “easy, medium, hard” picker

I'm trying to create a website where you can get questions based on different settings. One setting is difficulty. For now, let's just assume that I have divided a lot of questions based on difficulty:...
2
votes
1answer
377 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 ...
2
votes
1answer
210 views

How to handle when user is only allowed to check e.g. 3/6 check boxes?

Let's say we have six options, six check boxes. The user must select three options to proceed, no more and no less. What happens when the user tries to select a fourth option? Should it even be ...
8
votes
5answers
4k views

Best practice UX - selecting item from couple of items

I'm working on a website. In one of my forms I need to select the form type (depending on the form type the rest of the fields will change their behavior, e.g. the disabled status and their ...
0
votes
2answers
236 views

Configuring an item in a list of items

The Ask: Working on a problem where I have to be able to select/enable various levels for an individual item (box). Perhaps what I have is not that bad. Issue is there might be 10+ items (box) in ...
1
vote
1answer
177 views

Selecting items from table

With roughly the following layout it is intended users can search for items and select them. Except for some actions where deselection is natural (like Delete), actions preserve selection. Selection ...
2
votes
2answers
239 views

Sortable Checkboxes for Ranked Options

A user profile form has a set of checkboxes that determine which departments the user belongs to. The data is stored in a comma-delimited list. We now have a new requirement: order the comma-...
2
votes
6answers
82 views

Name of action of “navigating” a list

Let's say you are navigating a list, grid or dropdown with the keyboard arrows. Pressing the arrows changes the temporarily "selected" item, and pressing enter selects it (a bit like the element on a ...
2
votes
3answers
229 views

Should I clear checkbox upon disable?

In this form, a user can ether select the checkboxes or the radio buttons, but not both. If the user selects a checkbox and afterwards selects a radio button, I then grey out the checkbox. Should I ...
0
votes
2answers
388 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...
0
votes
1answer
335 views

What is an effective UI for adding people to joint bank accounts?

Problem I work for a bank. We're designing an online application system that allows you to open new bank accounts online and then add one joint account owner to each of your new accounts. The people ...
0
votes
1answer
232 views

Nested Folders selection

I'm working on a selection in which I have a list of folders. This is the structure: Let's say I want to select a folder. The folder, its children, and future children will be selected. First ...
2
votes
1answer
165 views

Research behind select all/none

There are a variety of ways to implement selecting everything or nothing in a list. Is there any usability research comparing the different approaches?
2
votes
1answer
59 views

UI for predicting game results

I will ask users to predict the outcome of upcoming football games. Ideas on how to enter the data a) Two separate textbox inputs b) Two separate select tags with options: 0, 1, 2, 3 ... 9, 10 c) ...
0
votes
2answers
685 views

Checkbox list click behaviour

We're talking about a dialog in a Windows desktop application: The user types in one of the text fields, then grabs the mouse and clicks on an item in the checkbox list. What should happen? Should ...
2
votes
2answers
158 views

How to let user know that he cannot do an action because he selected too many items

in our internal business application we have a list of results. The user can do two different actions: open (and edit) a record view the history of a record Now both of these actions can be ...
0
votes
2answers
202 views

Disabling filled fields

In a webapp we have a form composed by a select box and some text inputs. When choosing item from the select box, some of the text inputs will became disabled because "not applicable" and will not be ...
0
votes
1answer
174 views

Selecting and deselecting items for 2 state interactions

I am designing a web application which will show rows and columns of data (a table), when the users select (on click) a row within the table, they will get some supplemental data appearing in a side ...
4
votes
4answers
398 views

What's the name of the pattern where you draw a rectangle to select items?

I'm implementing a UI where you can draw a box by clicking and dragging your mouse to select multiple items. Like selecting multiple files/folders: Does this pattern have a name?
0
votes
1answer
185 views

Need help with an incremental amount picker with a min/max amount

I am designing a point selector that only allows incremental selections, let's say by 10s, and has a min and max amount that can be selected. See the image below. UPDATE: This turned out to test ...
3
votes
3answers
188 views

Making large sets (250+) of choices more manageable

The app I'm designing allows people to describe organizations and individuals by selecting items from a list of predefined characteristics. A characteristic belongs to exactly one category. ...
0
votes
2answers
105 views

What is a good way to design a selector menu for different product lines?

How can I create user experience that lets user pick a product group? Currently I have something like this but it strikes me as cumbersome. download bmml source – Wireframes created with ...
6
votes
1answer
2k views

Best way to combine filtering and selecting items in a list

I'm building a web page to display a list of items. The list has three purposes: Display some very basic details about each item Provide a way of getting to more details, to view or edit them Provide ...
2
votes
2answers
424 views

What component to use when selecting from 9 consecutive numbers?

I'm creating a mobile application, sticking to Material Design guidelines and components for the most part. In that application I want the user to select a group and then get some detailed info on ...
0
votes
1answer
422 views

Conditional checkbox [closed]

I have a checkbox with two possible things underneath it. If the box is not checked, there will be a dropdown with different default options. If the box is checked, the user will have to assign two ...
0
votes
3answers
87 views

Easier to add to or remove from default selection

When adding content to our product, users have a few options they can select. These options have two states (selected and not selected) and can always be changed. There is no difference in value ...
0
votes
2answers
670 views

Why is the command prompt text selection rectangular by default?

As a programmer who often finds himself in a command window, I've always wondered why many times the default text selection functionality is rectangular, and not line-by-line. Rectangular selection ...
0
votes
1answer
186 views

What language selection method can offer the highest cognitive ease, without typing?

Flags do not represent languages well (ref), but raw text (eng, spa, etc.) is not very effective in catching the eye. (source) It appears that there are currently no symbols for languages. Which ...
1
vote
1answer
48 views

Time selection on a very zoomed out plot

I have a plot made of many samples, usually the sampling rate is 8 samples per seconds but it may be more or less. Each and every sample has a timestamp of course. I have a UI in which I display the ...
2
votes
4answers
621 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 ...
4
votes
2answers
690 views

Master/Detail view selection interaction

Im am working on a master/detail 2 pane view. Looking for some feedback on item selection When I first land on "Level 2" Im showing the items inside of level 2 on the left pane, and some meta ...
3
votes
4answers
951 views

Local multiplayer, game menu design (Up to 16 people)

Video Showcase: https://youtu.be/-oltrd0NZXo Legend: Local multiplayer - every one play in same room on same screen. Cheat-sheet for Joystick keys: http://guavaman.com/projects/rewired/docs/files/...
13
votes
8answers
4k views

Best way to prevent a user from selecting None/Others before reading all available options

I am making an insurance related form where only "none" is selected option in the list of occupation. What is the best way represent it so that user go through all options before selecting "None". I ...
0
votes
2answers
127 views

How to display additional data in an options list?

I have been tasked with adding a new component to our front end, and I'm struggling to think of a way to design this without totally confusing the user. Basically, we want to be able to have an ...
1
vote
1answer
458 views

Expectations for checkboxes in (multi-select) list views

I'm currently rewriting some parts of a Windows application and we have a list view (report style) where a user can use checkboxes to select/deselect items. The issue I'm having is when a user ...
1
vote
3answers
601 views

What are the benefits of using grouped or toggle buttons rather than radio buttons?

I'm dealing with lots of complex search forms. When should I use grouped (toggle) buttons in place of radio buttons? Other than the fact that I find grouped buttons cleaner and easier to click on, I'm ...
3
votes
2answers
191 views

Two dimensional selection widget

I am working on 2d selection widget that should be optimal for touch and mouse modality equally. The widget goal is to change two different properties of a primitive(can be any shape - a circle or ...
1
vote
3answers
151 views

Set priority iteration

I made these 2 versions where people must set the priority. However I personally think the first version works perfectly but my concern is that our main target are the generation Z people. Also the ...
3
votes
2answers
272 views

Form that contains select / multiselect field with possibility to add new element with its details to those fields

I have a problem with finding the best approach for forms that contain deeper relationships. For example I have a form for creating an invoice. While the user is filling particular fields he may ...
3
votes
1answer
799 views

Mobile first approach for tree structure

For a mobile application, I want to have a tree structure for user to navigate and select between folders. here the tree can be n-level in depth as well as height. Having a quick search is one way to ...
4
votes
2answers
2k 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 ...

1
2
3 4 5
7