Questions tagged [controls]

an object used to operate a physical or virtual device. For questions regarding how to present and implement controls for a particular interface or interaction.

Filter by
Sorted by
Tagged with
27
votes
13answers
3k views

Is it better to prevent a forbidden action or display an error/explanation message?

There are multiple examples, so I'll pick a specific one to focus the question. Let's say a user can have specific characteristics (or permissions): Admin, Virtual, External, Financial, etc. To ...
40
votes
4answers
17k views

accordions vs tabs

What is difference between accordions and tabs from the UX point of view? This is repost from this thread on SO: https://stackoverflow.com/questions/5690589/difference-between-accordion-and-tabs (I ...
30
votes
7answers
9k views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
45
votes
11answers
29k views

Most User-Friendly Form Fields for Entering Date/Time?

What are the different ways to have fields in an application for date, time, or both? What are the pros and cons for each? The most common seem to be a combination of 2–3 drop-downs, or some form ...
35
votes
14answers
52k views

What's the best way to present date of birth form fields?

I am building a form that requires users to enter in their DOB. What is the best practice for this? I have identified 3 basic options: Free Text Field Users are able to enter day, month and year in a ...
12
votes
3answers
5k views

Tri-state checkbox: Which state should be selected after clicking?

There is a hierarchy of selectable items, let's say a parent and two children. All three items have checkboxes. When both children are checked, the parent's checkbox is also checked. When both ...
17
votes
10answers
6k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever possible (Firefox allow this, as well as xterm and emacs). I know that placing a ...
5
votes
4answers
562 views

Location of new items in list

I have a medium-sized list (about a few dozen items, the container is very likely to have internal vertical scrolling). There is no sorting, so items are displayed in the order of their addition to ...
6
votes
1answer
3k views

ux review word for select all

Is is ok to use Select/Deselect All here or better to shorten it to only select all. Would the users know that if they uncheck the "select all" checkbox. Everything will be disselected
3
votes
5answers
5k views

How to display the hierarchical data [closed]

Some real ui javascript library wanted! I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical ...
2
votes
2answers
642 views

A dialog to set up working hours

I've got a dialog that helps an user to set up working hours for different days in a week. In this dialog an user can choose a day of week and hours/minutes which point on start/end of working time, e....
25
votes
6answers
2k views

Is there a name for the UI that marks key positions in a scroll bar?

In Chrome, when you do a text search, you'll see the locations of found instances of the text string shown as yellow lines in the vertical scrollbar. If you run Visual Studio with the Resharper ...
17
votes
3answers
7k views

Are tri-state checkboxes too complicated?

Normal checkboxes are easy, they have a checked state, and an unchecked state. But how do you go about indicating a third state for a tri-state checkbox? Is it too difficult for the user to discover ...
22
votes
3answers
17k views

Do spinner-based date pickers on iOS & Android detract from the user's experience?

Generally speaking, the rule of thumb on mobile devices is to follow the platform conventions, and that native controls are almost always better than custom UIs. However, I'm at a loss as to whether ...
10
votes
7answers
2k views

Why do the popular browsers copy each other's user interfaces?

Why do all the popular browsers blatantly copy each other's user interface? See these screenshots to understand what I mean: Mozilla Firefox (see Australis is landing in Firefox Nightly and ...
9
votes
3answers
1k 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 ...
7
votes
6answers
1k views

Suitable alternative to trackbar control

I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
5
votes
5answers
3k views

Best practices for direction control in 2d game on mobile

I've been working on a pacman clone in HTML5 for quite a while. (http://pacman.platzh1rsch.ch) One important thing for me was always to keep it responsive, so it would be playable on all different ...
4
votes
3answers
649 views

User control for a two level selection

I'm about to develop an application that will be used by revisers to compile the errors they find while reviewing a translation. The application will consist of a simple form in which they will have ...
3
votes
4answers
1k views

is horizontal swipe intuitive enough on mobile

Working on a mobile checkout page and would like to know if you'll think its intuitive enough that the user knows there are more products on the right side that could be reached by swiping using the 2 ...
103
votes
13answers
27k views

Why do showers have “hot” and “cold” knobs rather than “temperature” and “quantity” knobs?

I do not understand the advantage of the popular "hot" and "cold" controls in showers, as opposed to "temperature" and "quantity" controls. Is it simply because the latter option is harder to ...
86
votes
9answers
14k views

Why is the “Record” icon always round and usually red?

I've been wondering why the symbol for 'record' is universally (AFAIK - has anyone seen exceptions?) a circle and usually red. Cameras, VCRs, voice recorders, smartphones, web apps... I've seen cases ...
12
votes
2answers
1k views

TreeTable as a flexible condition/filter editor

I face the task to create condition/filter editor every time I need to develop a data/request/event processing system. As usual, there is no universal one and only solution. Google shows a lot of ...
10
votes
5answers
1k views

What's a clean way to implement two checkboxes that can be “ANDed” or “ORed”?

I have a pretty standard search form on a web site that will return records based on various criteria. Let's assume each record corresponds with a person. A person can have a dog, a car, neither, or ...
13
votes
3answers
5k views

Indeterminate Progress Indicator Styles

When you have an operation that has too many factors to reliably give an estimate of actual progress towards task completion, you'll often find an indeterminate busy/progress indicator. Through the ...
9
votes
4answers
541 views

How do I add the ability to cancel editing without a button?

We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel. ...
18
votes
4answers
2k views

Should radio options be displayed vertically or horizontally?

For Example: Results must match () All () Any () None Of the search criteria vs Results must match () All of the search criteria () Any () None The ...
10
votes
2answers
598 views

What's the official name of concept of input boxes with tags?

I'm looking for an implementation and the (official) name of this kind of control where it's a inputbox where we can add multiple tags into it. By example, it is used in JIRA like this capture (and ...
10
votes
7answers
5k views

Examples of good user experience design for virtual joystick in mobile or touchscreen games?

Many games for touchscreen mobile devices use virtual joysticks for movement. This has many issues: You can't see/feel where the joystick is pointing when you are using it. You can't feel where the '...
8
votes
2answers
598 views

Do numeric steppers have an affordance problem?

download bmml source – Wireframes created with Balsamiq Mockups This is a relatively common control. In addition to pressing the up/down buttons, these steppers typically support additional ...
4
votes
4answers
4k views

Slider alternative

I am struggling with a client who has a (slightly irrational) dislike of slider controls. I need to provide an alternative that can accommodate 233 selection points, of which maybe 10 are common ...
3
votes
7answers
8k views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
3
votes
3answers
337 views

Should I show first page when user sort the grid?

Consider this grid as an example. In grids, should I show the first page when user sort the grid by a column? I think logically I should. But I am not sure from UX point of view.
10
votes
3answers
8k views

What could I use for a tri-state control?

I'm trying to think of a nice element where there are 3 states, but a simple checkbox would be a litlte overkill for what I want (I'd need two), as the states are: Enabled Default Disabled But I ...
6
votes
1answer
2k views

When is an auto-saving form appropriate?

A trend Google has been pioneering in many Cloud applications is a sort of "autosave everywhere," especially noticable in Google documents's immediate save feature. I personally greatly prefer this ...
5
votes
2answers
260 views

Grouping unrelated settings

I'm setting up some options/settings pages for a wordpress theme. There are a lot of options and I think splitting them up will help navigating the different controls. I'm thinking of splitting the ...
4
votes
3answers
169 views

How to emphasize/mark one option over the other?

I'm attaching screenshot of the current section. The left option, is the free option(obviously), while the right one, is the paid option, marked with "locked" emoji. I'm trying to increase the "...
3
votes
3answers
428 views

Please recommend a widget to alter ratios totalling 100% [duplicate]

Possible Duplicate: How to build a budgeting interface (sum of items must equal 100)? I need the user to be able to change the ratios of items adding up to 100%. Essentially, I'm talking about ...
6
votes
4answers
219 views

How should I order arguments to my import/export commands?

I'm developing a distributed project management tool with a command line interface. I have two commands relating to initially copying a project to/from a hub. The export command looks like this: prog ...
6
votes
4answers
4k views

Common/accepted name for “dropdown menus” and related kin?

What is the proper name for the UI element created by the HTML <select>...</select>? What is the name if the user is allowed to type in their own answer (not just autocomplete to pick ...
5
votes
2answers
375 views

One button or two?

I've got a web app where users can create two different kinds of similar things and I'm trying to decide whether to have two buttons, or one button and then present a choice as part of the resulting ...
4
votes
4answers
4k views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
4
votes
2answers
1k views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
2
votes
1answer
527 views

Best way to communicate the action of a non-button control

Question summary: I'm wondering what are some recommended approaches for communicating to the user what will happen once he clicks on an object, in the case that it's not possible to spell out the ...
2
votes
3answers
317 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
1
vote
3answers
997 views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
1
vote
2answers
2k views

The best practices for a rating bar/slider/buttons

I need to make a rating scale input device that satisfies the following requirements: 1) Each value must be associated with a number to the user. 2) It must be immediately clear that this thing ...
0
votes
2answers
231 views

Depended controls framework [closed]

I am looking for client-side javascript plugin for jquery(preferred, or maybe other framework) that can implement the dependency between controls. Here is general requirements: the dependency shall ...