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).

learn more… | top users | synonyms

31
votes
6answers
890 views

How to highlight the selected option when there are only 2 elements

Let's say there are two button's with icons, for example a typical "Grid View" and "List View" buttons, and I don't want to use bevels to create a "pushed" effect. Let's say I'm doing it in a simple ...
23
votes
7answers
4k views

Best way to offer a large amount of selectable options (without using Javascript)?

I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance. Let's say I have a library application that allows a user (librarian) to add a book to the ...
19
votes
10answers
3k views

What are good UI patterns for selecting exactly two items from a list?

In a piece of desktop software, I have a around 20 items. These items should be shown in a list, which fits on the screen. The user should be able to select exactly two items in the list, then, a ...
19
votes
14answers
4k views

Choose Your Country: Best Usability approach

I'm looking at potentially designing a site which will have 'mirrors' in multiple sites around the world. I am experimenting with the best method to help users change both their country and language ...
18
votes
6answers
564 views

Helping users understand that two, and only two options must be selected

I have a drop down checkbox where there are 8 items to check. Two are selected by default. I am trying to think of an intuitive way to let the user know they have to deselect the existing ones ...
18
votes
9answers
2k views

Should radio buttons be pre-selected?

I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
17
votes
5answers
2k views

What is the expected timeframe of a double click?

In the web application, the user draws a polygonal area on a map each click setting a vertex. A double click allows the user to finish the area. Due to technical circumstances, I have to detect double ...
16
votes
6answers
3k views

Hierarchical multi-state tree check box selection

I'm searching for a good/alternative solution to handle multi-state selections in a check box tree. A normal check box tree is mostly doable, because it has three different states. It might not be ...
15
votes
8answers
570 views

How to undo a 'select all' action

download bmml source – Wireframes created with Balsamiq Mockups The convention for a 'Select All' checkbox is simple: if blank, click to select all. If ticked, click to de-select all. ...
15
votes
2answers
468 views

Slanted cursor+background for italic text?

In most applications that I'm familiar with, a text cursor in insertion mode is universally represented as a vertical blinking bar: As you can see, for some italic letters this creates visual ...
14
votes
3answers
674 views

Is Shift+Click for item selection a historical mistake?

I recently encountered a proof of concept demonstration which used the mouse to "drag and select" multiple items in a list. The current, widely accepted solution for multiple item selection is to ...
11
votes
5answers
2k views

Should i use country flags in language selection fields?

My users can create content in different languages, and i need to provide an option to choose the language when they enter new content. Right now there are only 5 languages (en, fr, de, pt, es), and ...
10
votes
8answers
487 views

How to make the relationship between two related lists more obvious?

I've got two horizontal lists - one that contains Chinese characters (list A) and the second that contains the decomposition of the selected character (list B). Currently, when the user clicks on ...
10
votes
2answers
415 views

What is the best practice for checking a series of checkboxes?

I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...
9
votes
3answers
364 views

Interact with small objects

The objects (the small squares) can be selected/deselected. The small objects are contained in the larger container box. There can be several container boxes rowed up on the x axis. I would ...
9
votes
4answers
905 views

Default filtering behavior: Everything displayed or everything hidden?

We have a selection field on our website. And today we had a discussion at the office about our filter options when the user is facing the filter options for the first time. Option A No filters are ...
9
votes
6answers
1k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
9
votes
5answers
626 views

Intuitive colour pickers for non-expert users?

Does anyone have examples of favourite colour pickers (as UI elements, not dedicated color-picking apps or sites) for common, 'everyday' colours - not for RGB or HSL values? I find traditional colour ...
9
votes
4answers
4k views

Timezone selection best practices

I am looking for ways to design a UI where the user selects their timezone. I would like to avoid having a map as that can be slow people down on small screen devices. I currently have 2 options: ...
8
votes
4answers
404 views

Submit textbox input without button

The users have a table and in the last row they have 6 different text inputs, one per column. This inputs will define a variable in the Database. I am trying to think how can I do it to avoid ...
8
votes
3answers
1k views

Best practices for selecting time

I am building a web application that will allow users to create custom forms. There are numerous widgets that can be added to the form. One of them is the time picker. What is the best way to present ...
8
votes
2answers
372 views

Differentiate between exact date and date period (e.g., month vs. month of year)

I'm working on a web-based reporting system that allows users to create ad-hoc charts. The user selects the data to be analyzed (e.g., sales dollars, sales volume, number of employees, etc.) in ...
7
votes
8answers
1k views

Selecting items for different categories in a dropdown

I have a dropdown box that I can use to select a device in the following manner: When the user selects a device, they are taken to a Device Homepage. The device homepage contains information about ...
7
votes
5answers
3k views

What is the maximum recommended number of item to put in a drop down list?

I am introducing searchable drop down lists to filter grid data. The number of items in a list could range from anything like ten to a ten thousand. The larger the number of items, the more awkward ...
7
votes
3answers
403 views

Is the option 'Select all' always needed by the users?

Right now I'm working on an interface for a web-based report application that manages logistic data of the companies registered by all the users of the website. The functionality is basically the ...
7
votes
3answers
194 views

Fit buttons next to textbox on a widget

I'm designing a widget to select names, and move them to two different fields. The left list will display all available names. On the right we'll have two fields: a textbox and another list. User can ...
7
votes
5answers
198 views

Centre-based radial selection

I have heard of a selection tool [probably] known as "radial selection". The user clicks somewhere ("the centre") and the selection area will be a circle whose radius is the distance between the ...
7
votes
2answers
380 views

Best way to give user two controls (expand and select) on a single object

We're working on an organizational tree visualization, for each node (circle) in the tree the user has two options - expand the node to see its children OR select the node In general, the primary ...
7
votes
4answers
228 views

A scalable solution to define user-group membership

I am trying to solve this design question for my class. The problem is simple - there are thousands of users and I have to design a UI that lets you associate them with a group. I found this ...
6
votes
4answers
899 views

Moving Elements Between Lists

I have a question... I'm dealing with an interface that has two lists, and you can drag and drop elements between them. What would be a better approach and why? a) Moving between lists doesn't ...
6
votes
2answers
134 views

Why the default behavior of a selection in text editor is self-destructive?

What I mean is the following standard behavior: If you select a text and then press any key, the text will be deleted and replaced with the character that you just entered. The only notable exception ...
6
votes
2answers
224 views

How to indicate selected item in table?

I have a table of related items. Let's call them orders. Users can select an item from the table and full details will be displayed in a separate section below the table. I move the currently selected ...
6
votes
4answers
1k views

What android UI control fits for selection of number in large range?

I'm working on a application for tracking body mass measurements. I need the user to be able to input a number representing body weight, whose magnitude ranges from 0.00 kg to normally 300.00 kg. The ...
6
votes
3answers
766 views

Changing the language of a website

While travelling abroad, I often get pages on websites that are normally in English for me (e.g. images.google.com) served instead in whatever the local language is. The problem is that I can't read ...
6
votes
4answers
150 views

What's the best way to select multiple objects in a multi-touch workspace?

In iOS apps such as Keynote or GarageBand, the user selects multiple objects from the workspace by holding on the first item and then tapping others to toggle their selection state. What are some ...
6
votes
5answers
291 views

Is there a pattern for cycling or toggling through time periods?

I'm looking for a pattern for toggling between different periods of time. Currently I've prototyped an example which is a single button that, when tapped, will cycle through 3 time periods: by month, ...
6
votes
1answer
312 views

Why is HideSelection the default on Windows?

I've always wondered why Windows controls have their HideSelection property set to true by default? Example (TreeView): ...
6
votes
3answers
723 views

Best way of selecting rows in a grid across pages?

Best way of selecting rows in a grid across pages? We have a data grid which spans multiple pages, which is core part of our web based application. Scenario 1: Checkboxes denote selection. Use Case ...
6
votes
5answers
479 views

Accordion Menu or Static Menu Options for Touch Screen optimization

I'm in the process of redesigning dialog menus for our application. The biggest reason is to make the application touch friendly. But these menus will be used in both touch and mouse environments. ...
5
votes
4answers
373 views

how should the “select all” select when paginating elements

Suppose I have a list of 100+ pieces of data that I'm displaying in a table that's paginating 40 elements per page. Each row has 'select' checkbox that enables the user to select/unselect an ...
5
votes
5answers
386 views

Best wording of “blank” option for an optional select?

For <select> elements that require the user to select at least one option, basic wording for the "blank" option is fairly easy: "Select..." or something similar. However, for <select> ...
5
votes
2answers
2k views

Responsive design Pattern for secondary navigation - is there a way not to swamp the user?

I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this: (This one is taken from ...
5
votes
1answer
243 views

When to use a group of radio buttons and when to use a select drop down

I have a step in a wizard scenario. The user has a choice of 3 options before they can tap 'Next'. For those 3 options do I use a select drop down list or a group of 3 radio buttons?
5
votes
2answers
173 views

Choice Box or Tabs for multiple contents in a view [duplicate]

I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories. Would it be preferred to sort them in ...
5
votes
3answers
328 views

What is the best control to use to select from a list of thousands of possible options?

I have a field which needs to be populated from a large list of items (many thousands). These items have unique numbers as identifiers, and there can be many thousands of them. (Similar to the way ...
5
votes
3answers
318 views

Looking up for an item in a list and different table styles in iOS

I have a settings view with a grouped table. One of the cells of such table is intended to show a very long list of items from where I want the user to select one. Due to the length of the list, I ...
5
votes
0answers
117 views

Bulk actions: what to do when not all items support an action [duplicate]

Possible Duplicate: Bulk actions: what to do when not all items support an action Picture the following scenario: user selects a bunch of items, and the 'bulk actions' box appears; user ...
4
votes
6answers
536 views

Best way to let user select one of 100 values?

In our app we have a page that allows users to select an account type and there are 100 different ones. It's basically a word + number, something along the lines of the number of users you want to ...
4
votes
2answers
3k views

UI Drop Down Alternative(s)

I searched previous questions and mine doesn't exactly fit... I am working on a User Interface for a school course online application. The integral part of the application is choosing which term you ...
4
votes
2answers
504 views

Assigning working hours on a duty roster

Here's a screenshot of the duty calendar in the system I'm working on (I've deleted all names here for privacy reasons). Each person can have a day of particular type (listed in the legend above: ...