Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

a widget used to select multiple related items to create a list or similar collection of related items.

1
vote
2answers
81 views

Common pattern for selecting more than one item in one go

I was wondering if there is a pattern out there that that allows the user to select multiple items in one go. Like I have shown in the example below. The selections could be either single items, or ...
1
vote
2answers
53 views

Simplifying complex user configuration for multiple users and multiple config options

We have a user config set up application where two steps need to happen and this is making the flow of screens quite voluminous and cumbersome for users. When a user is "Enable"d, the card for that ...
2
votes
1answer
124 views

How can I search in Miller Columns?

I have an interface using Miller columns like this: And I'm trying to implement the search feature to it. What are my options? The first method that I can think of is on blur search triggering with ...
1
vote
4answers
110 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 ...
1
vote
1answer
64 views

Multi-selecting checkboxes while rows are highlighted

My team and I just spent almost 2 hours discussing the right way to go about this issue. We have a table. In this table, the rows can be selected. Each row also has a checkbox at the beginning of the ...
1
vote
2answers
95 views

Why are browser native multi select controls the way they are and do they offer an advantage?

I generally prefer to use native browser controls whenever possible, such as using <input type="date"> instead of some complicated JS date widget. In most cases, I think the user experience is ...
0
votes
0answers
60 views

need suggestions to simply UX with multiple dropdowns

We are building an app that helps in building itineraries for travelling. In our app a person can make multiple itineraries, each itinerary can have multiple days in it and each day can have multiple ...
2
votes
2answers
156 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
97 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
74 views

Switching selection in a multiselect dropdown from all to the one user is hovering on

I am designing a dropdown menu in a report generation UI where the user has the option to select the seller he want's to see the report for. The control defaults to all sellers selected for the report....
3
votes
1answer
145 views

UX for selecting complex set of nodes from 2-level, dynamic, moderate-size tree?

What is a good UX design for letting a user select a complex set of nodes from a 2-level, dynamic, moderate-size tree? (I say a 2-level tree, but to be more accurate, the implied root could be ...
1
vote
2answers
97 views

The age-old “selection - and custom groups” UX probem

Say you have a list of let's say 30 "friends". Now there's a concept, "select some of them" to perform an action. No problem. You bring up a list with checks down the side, the user checks what ...
0
votes
2answers
51 views

Nestled Selection on Mobile

I'm designing an e-commerce product page where the user can select to pay today or pay monthly. The option to pay monthly has several sub-options (18 months, 24 months, etc). What is the best way to ...
1
vote
3answers
142 views

“Intermediate” state of a two-level toggle/switch control

EDIT: The pizza example below is not my use case, it was merely used for demonstration. My use case contains grouped system options that can either be turned on/off completely as a group or be ...
2
votes
1answer
90 views

For web pagination and multi-select items, should the selection be persisted across pagination?

In https://uxdesign.cc/designing-better-tables-for-enterprise-applications-f9ef545e9fbd there's a section called Multi-select breaks on pagination Essentially, the idea is that if you can select ...
5
votes
6answers
2k views

Alternative to Radio buttons

Context: I'm currently designing (Mobile app) an action where the user has to select a status for an element in the system. On the main page they have 2 options "Accept" or "Delay" (shown below). 90%...
0
votes
2answers
99 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 ...
0
votes
2answers
207 views

Regular Checkbox vs Checkbox button

We're debating on using regular checkbox vs checkbox buttons I feel the regular checkboxes (first one) is a better choice. Visually, it clearly says that there's a choice to be made. Also, it's very ...
1
vote
3answers
2k views

Correct “Select all” pattern

I'm developing a material design based desktop app where I encountered some UX problem and can't decide how to implement "Select all" capability. Situation: I have the right side panel with a list: ...
0
votes
1answer
73 views

An alternate approach to Treeview

I have a screen where I get a List of Main items. Inturn, each of these main items will have list of sub items inside them. Now user can select a Main Item or items inside it and then run the report. ...
0
votes
2answers
182 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
67 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
97 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?
6
votes
1answer
272 views

Multi select from a long list

Ahoy! We've built an emotion tracking tool based on the emotion wheel; a tool that helps people articulate how they're feeling by identifying their core emotion and finding the emotions that directly ...
3
votes
3answers
221 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
1
vote
1answer
234 views

Multiple choice input method

I'm designing for a mobile app. I have a particular field within a form in which the users can fill out. One such field has multiple choices and the user can select more than one. In this ...
0
votes
1answer
156 views

A good solution to tri-state checkbox

I'm working on a web system, that will have an admin area and a normal user area. There are two types of normal users: Type A and Type B. In the admin area, the administrator will register categories....
0
votes
1answer
91 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
212 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
0answers
39 views

Help needed to select a very refined UX for displaying information which is selected by a user

I've got a rough mockup below which has a pretty bad UX to display information which is selected by users. Basically, the users want to see what they've already selected inside a multi-select dropdown....
2
votes
6answers
1k views

Infinite scroll and “Select all”

I have question about how Select All should work (in your opinion/research) together with Infinite Scroll in table. So I've got this table, which shows 40 items by default. After scrolling to bottom ...
0
votes
0answers
85 views

Multiselecting a lot of data

I need to use a component for selecting a large amount of data. My problem is we have big datasets containing data about products, users, companies, sales info, etc. And the user has to select the ...
0
votes
1answer
75 views

“Select All” the goes beyond the viewable screen

I am working on an invoice board to make bulk payments. When a user "selects all" should it select only the viewable cells or all cells? Another question is should the web page have unlimited ...
0
votes
1answer
51 views

How to ask on a registration page if user is private or business

I have both business users and private individuals registering for my service. I would like to start targeting them differently so in the registration process I want to add a question (under email, ...
2
votes
4answers
687 views

How to Display Multi-Option for large quantity of options

I am creating a web application that requires a user to select from 400+ options. This is absolutely mandatory as it is for B2B software. I want to break it up into categories. However, there may be ...
1
vote
1answer
123 views

Multiple selection in a gallery picker

In one of my mobile apps there is an option to edit multiple photos at once. At the initial screen, the users are presented with a picker view with all of their photos from the gallery. From testing I ...
3
votes
2answers
925 views

Behavior for multiselect rows in a data-table

I have a data-table with the following features: Filtering (client-side) Column sorting (client-side) Pagination (client-side) Configurable number of rows per page. Multi-row selection for bulk ...
4
votes
2answers
248 views

A control with functionality similar to multiple checkboxes

Problem and current situation: I'm looking for a filtering control with a functionality that is similar to multiple checkboxes: The user has a (short) list of options, and he can tick some or all of ...
1
vote
2answers
133 views

Is there an acknowledged standard for multiple selection with checkboxes?

I'm here to ask you about a checkbox usage I'd like to know better. These are some folders. Let's say I want to select them. What do these checbox different states mean to you? I have to admit I'm ...
1
vote
1answer
51 views

Should I add “(s)” to labels for fields that can have 1 or many options selected?

Are there any best practices for adding "(s)" to a label on a field that can have more than 1 option selected? I think it looks cleaner without the "(s)", but having the "(s)" seems to help with ...
4
votes
2answers
2k views

Does Material Design have a guideline for styling a “select all” checkbox?

I have a list of checkboxes and would like to add a "select-all" toggle. I already have it working, including setting an indeterminate state when some of the items are selected. What I'd like to ...
2
votes
1answer
133 views

Filtering for many options on many levels

I am trying to redesign a filter menu for a link analysis webpage. The page displays different kind of links as icons and arrow in between each link to describe the connection between each link. There ...
0
votes
0answers
166 views

Adding multiple items to basket

I am designing an internal system to allow users to add items to a replacement order. The user will have the ability to add items to their basket. However, each item has a checkbox next to each item. ...
1
vote
1answer
71 views

How to filter menu options when the user selects multiple items

So we have an app which lets the user multi-select items from a long list. If the user selects one item we filter the right click menu options to be those available to the user. If the user selects ...
0
votes
1answer
1k views

UI for selecting a list of items from a long list

Scenario I am desgining a desktop application where the user selects a list of items and then performs operations on the items together. One of the pages in the application allows the user to select ...
3
votes
2answers
96 views

Pre-selected vs. Un-selected Customization Tool

I am working on a team messaging tool. Users have been asking to send to just part of the team. (ie. If a team had 40 members and I wanted to just send something to 18 of them) The proposed solution ...
0
votes
1answer
376 views

Alternatives to Nested Checkboxes

What alternatives are there to doing nested tree checkboxes with hundred+ options? When theres over a hundred options, it gets a bit tough to make it a select with autocomplete. What other ...
0
votes
1answer
344 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
220 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
207 views

What's the best UI to use when asking a user for a negative selection (i.e. avoid X)?

Assume you're a dietitian asking what foods someone avoids (dietary restrictions), what's the best UI to use? Some examples I've toyed with: Source code at http://codepen.io/anon/pen/OpKKNd Is ...