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
3
votes
5answers
538 views

File Picker vs. Drag and Drop for Tablets

Imagine that you're creating a presentation on an iPad. You want to create a presentation, add content to it, and rearrange it as needed. You have a catalog of content to choose from, sorted by ...
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 ...
2
votes
4answers
2k views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
3answers
128 views

Allow de-selection from a dropdown

I have a single select drop down and need to enable the user to clear his selection too. Is it elegant to do this: Or, on selection of an option should the drop down be hidden, showing the selected ...
2
votes
4answers
6k views

Android: Select 1 out of 2 options

I'm currently designing a mobile app for Android and iOS and I don't quite know which pattern I should use. The user is setting up his profile and he has to select the gender. In iOS I use tabs and ...
2
votes
3answers
173 views

Choosing from a list of options and preserving order

We have a listing of topics and would like users to be able to choose three topics from the list and would also like to preserve the order in which the topics are chosen. Using three <select>s ...
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 ...
2
votes
5answers
2k views

Which is the best mobile pattern to use for a form's select box?

I need to design a responsive website with many widgets and forms. I want to provide the best UX to mobile users also when they interact with forms, which is often a nightmare on mobile. You can ...
2
votes
2answers
290 views

Hiearchichal Selection for Grouping (ie Teams)

Say I have a page where I want to be able to select what people are on what team. Each team can have up to 3 participants(so height shouldn't be an issue) but the same people can appear on multiple ...
2
votes
3answers
233 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 ...
2
votes
3answers
731 views

Selecting elements from a list box

I have a list box that with a lot of items as follows : I want to enable multiple selection on this list box and carry over the selected list items into a separate bucket : Now I want to find the ...
2
votes
2answers
291 views

How to present 3 options: not selected, selected, locked

I'm working on consistent way to show 3 types of tests user can choose from. One type of test is always active (user is doing this test). Options are: Flashcard Test (not selected) Guessing Test (...
2
votes
4answers
292 views

How to allow quick toggling between two out of several values?

An Android app provides several possible values for a setting. The user needs to be able to quickly toggle between two of the settings, A and B. 95% of the time they will only be interested in A and B,...
2
votes
3answers
168 views

How to allow the user to state 'No preference'

We have a situation where we have a list of choices (e.g Beers) from which a maximum of one may be chosen to associate with another item (e.g. My favourite beer). It's also possible that the user may ...
2
votes
1answer
509 views

Why is the following space highlighted upon double-clicking text?

I'm referring to when you double-click on the middle of a word in any sort of text editing situation (Google Docs, filling out this question, AIM, etc.) and the word as well as the space between it ...
2
votes
3answers
394 views

Alternatives to nested dropdowns?

When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this. The problem So currently the workflow ...
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 ...
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) ...
2
votes
2answers
159 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 ...
2
votes
4answers
189 views

Is there other way to minimize multiple selection like attached?

Is there other way to minimize multiple selection like attached? These are admin roles, in each role, there are options that limits/allow the users to control task.
2
votes
1answer
191 views

Should you autofill a textbox if there's only one possibility? What about a minimum?

We have a UI to allocate resource: In the UI, users must check a box to enable the textbox. They can then enter any integer between 1 and the amount remaining. If the box is checked, the user must ...
2
votes
1answer
78 views

How to select a tab first to reveal the details?

Scenario: A customer calls in to a store and places three separate orders using a single account/number. Now he wants to cancel two of them and calls in the store. The store owner picks up and to ...
2
votes
2answers
1k views

Ideas for folder / file selector input

It works similarly to the file HTML input, but browses files or folders stored on the server, and it's mainly used to browse image gallery folders. I need some ideas on how to design the UI for it, ...
2
votes
2answers
368 views

Best way to present a modal with two ways of searching?

I have a modal used to add a responsibility profile to an element. The responsibility profile is one item from a potentially huge hierarchical list with possibly thousands of items not listed ...
2
votes
3answers
526 views

Indicating selection in a list with sub-levels not always visible

Suppose we perform a search on an object name and get this results list: From this list exactly one element can be selected in order to perform an action on that element. An element can be either: ...
2
votes
1answer
67 views

What should be the value shown for a collapsed custom date range picker?

I'm working on a custom filter for a photo application. If the user wants to search for a photo, they can select from predefined date ranges or input a custom date range. Selecting a custom date range ...
2
votes
2answers
240 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
4answers
659 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 ...
2
votes
1answer
157 views

How to handle selection when filtering a list?

I've got a database with persons and selecting a person will show the detail of that person in a screen on the right. The list can be filtered, but i'm not really sure how to handle if the selected ...
2
votes
2answers
377 views

Sorting & Reverse Sorting: How to name options?

We are working on an app that contains a library. this is sortable by different criteria. The user can select the sorting via an action sheet. If a criterion is selected again, the sorting is reverted....
2
votes
1answer
52 views

Achieve, and represent, selection behind in 3D object?

Consider this question on a programming site (the question relates to renderers, ignore that). Selecting an unseen "back" part on a 3D object has wide application. In fact, i) When the user selects ...
2
votes
1answer
120 views

Keyboard shortcut for selection field

In our (desktop) application, we have two different families of selection fields. Some can open a dropdown dialog (combo boxes, date fields which open a calendar in the drop down), and the others can ...
2
votes
2answers
76 views

Need an interface for rapid selection without losing focus on primary task

In my application, the user needs to listen to a transcript of a conversation while taking notes. But the user ALSO needs to be able to indicate in some way when the speaker changes. I have the note ...
2
votes
2answers
713 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
384 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
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
2answers
432 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 ...
2
votes
2answers
78 views

How to select nested objects on touchscreen?

On touch surfaces because of the inaccuracy of touch it is hard to select nested strings. What I am thinking about is an object like where if the picture is small enough when the user touches "b" it ...
2
votes
1answer
80 views

Better way for users to select a range in a table like structure

I am struggling to find the best UI for contiguous row selection. Each row comprises of a start time, text and an end time. Do you think click and SHIFT + click is still a valuable option for non IT ...
2
votes
1answer
77 views

Platform selection mechanism on documentation website

I am working on a website that hosts technical documentation. Some pages have sections of content that are specific to certain host operating systems, hardware configurations, etc. In total there are ...
2
votes
1answer
458 views

Snap-to-increment Ranger Slider vs. Buttons

I am working on an app which requires filtering of distance: < 10km < 25km < 50km < 100km My options are: 1 row with 4 buttons for each distance option, or a range slider that snaps on ...
2
votes
1answer
49 views

Overriding click to pause with click to select, when selecting a video

I'm designing an interface where a user needs to select a video from a library of videos in a modal window. Once the selection is made, the modal closes and they end up back on the page they started. ...
2
votes
1answer
80 views

What is a good flow for selecting an item from a list and populating some fields in a pane with the item info

I have a tree of items in a left nav and a main content pane to the right. Users should be able to select an item from the tree and populate fields on the right with complicated info (long paths, ...
2
votes
1answer
69 views

What is the best way to let the user select a distance for a layer?

So I am creating a layer list using d3 and I have a question about how best let the user select distances. To give some background, the user will be selecting a geographic layer and will then be ...
2
votes
1answer
153 views

How to clear selection which may fully cover the control's area?

Background: A picture is worth a thousand words: Well, but now that thousand words... What you can see on the above image is the time line control I'm working on. There is a line graph with some ...
2
votes
3answers
555 views

iOS Pattern for a List with a Sub-setting on Some Items

I have an iPad app interface that feels a little weird to me and I'm wondering if anybody has seen a good solution to this situation. (I've changed the content so that I can post it here---my app is ...
2
votes
1answer
103 views

Importing and Updating Old Records within a Grid

I am in the process of designing a feature that allows a teacher to select students from the previous year who they used our product with, and be able to update the records of those students to the ...
2
votes
1answer
214 views

Selecting ranges for report generation

In an old Oracle Forms application, we have certain forms for providing report settings and starting the report. In many cases, a from/to range can be given, for example from Customernr. 1 - 10. In ...
2
votes
2answers
257 views

Managing the size of occupations/professions list

I am working on a web application that will use occupation as an interesting way to present users with demographic information. In the spirit of minimalism and ease of use, I'd like to allow users ...
2
votes
1answer
125 views

Is it a good user experience to prevent user from deselecting an item from a dropdown if it is required in a form?

Before I ask my question, I feel like I need to provide some context. The application that I'm working with has a form for executing queries. This form has the following components: inputs and ...

1 2 3
4
5
7