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.

learn more… | top users | synonyms

1
vote
2answers
49 views

Can I use a control NOT specified by Material Design?

Material Design has a comprehensive set of components, but no design framework can reasonably hope to cover all widgets. Many of the UX StackExchange questions on Material Design on this site relate ...
84
votes
12answers
18k 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 ...
1
vote
3answers
141 views

Should controls be removed or just greyed out in a tool for power-users where they repeat many times?

This answer by JohnGB on "Greyed-Out vs Invisible" by Joel B kind of touches on the idea, but this question focuses specifically on a moderation tool for power users. Should buttons that don't apply ...
1
vote
1answer
21 views

Proper control to select a fixed (text) value or numerical value

I want users to be able to choose to run a simulation that uses either the historical return on a stock or one where they select the numerical average return across the simulations. One way to do this ...
0
votes
1answer
56 views

Arranging a tall narrow rectangle with a short wide one

One of the hardest UI things I tend to encounter is fitting a tall narrow rectangle with a short wide one. (In my current situation each rectangle is a sheet of controls.) It seems to be impossible to ...
1
vote
1answer
28 views

Should preferred control come first on mobile device?

I've got a check for pass, and an x for fail. Both controls are positioned next to each other on the right side of the screen. The preferred action is pass so it should be the most natural gesture. My ...
0
votes
2answers
51 views

How to build a web UI to configure (start/stop) a slide-show?

We just launched a (very) new website on which we strive to give to the user a top-notch immersive experience. Feel free to dig deeper on the site to get used with the mood around there. It seems ...
2
votes
2answers
113 views

What is an surface-perpendicular wheel control called?

Please bear with me as I attempt to describe this control (since I don't know its name I wasn't able to google image search for it). It's a physical control, used for adjusting a quantity up or down. ...
2
votes
3answers
237 views

Ordered Multi-select control in HTML

I'm developing a highly customisable SaaS application. It has at several places a multi select, for some cases additionally to selecting the items, the user can define an order, for other cases it is ...
2
votes
3answers
74 views

What's the best way to show resize handles for objects

I'm working on a web-based editor that lets people include shapes, images and different kind of objects on an interface. Considering this, they must be able to resize the objects, place them anywhere ...
0
votes
3answers
128 views

Was it wise of Apple to put the full-screen toggle button where the former maximize button was? [closed]

For those of you who don't know, in OS X 10.10 Yosemite, Apple (rather quietly) replaced what was formerly a "maximize window" button with a "make window full-screen" button - in previous releases, ...
2
votes
1answer
68 views

How to indicate a control's value is pending submission

In the application that I'm currently working on, the user is allowed to make changes to a subset of data from an external data source. Changes are made using basic or custom controls such as Toggle ...
1
vote
6answers
769 views

A new way to display true / false values to user

The company I'm working for is looking to develop a new user control to convey true / false values to users. Currently we are using checkboxes but due to some constraints we are now forced to develop ...
1
vote
2answers
144 views

How should the form control buttons be arranged?

Where is the best place to show form actions in a system (CRUD buttons*)? I have currently placed them in a sticky header that follows a user down the page so as to always show the controls, which is ...
1
vote
2answers
103 views

Handling effective date ranges with no start or end date

I have an enterprise-based web application that makes use of effective dates - so instead of just making a change to a piece of data, that change can take effect at some date in the future (or the ...
2
votes
3answers
123 views

Differing behaviours of the previous song button

I remembering discovering this functionality as a child when I operated a DVD player and I've never fully understood it. Recently I've been tasked with writing a short tutorial on the basic operations ...
1
vote
3answers
66 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.
3
votes
2answers
68 views

How to handle searching by multiple US states and radius with one input?

The application that I am designing has a pretty intense searching capability and one of the biggest search criteria is origin and destination. With the company being centered around shipping it is ...
0
votes
2answers
74 views

Block offline users

First I want to apology if this question doesn't fit to this forum. Now, I have a customer who request for system that can be sell for different users. once the user buy the system he can use it ...
7
votes
1answer
288 views

Inline editing - does it work on small screens?

I am currently working on an app (phone size, not tablet yet) project that involves an extensive profile editing section. I am generally much in favour of inline editing patterns, as it removes the ...
0
votes
0answers
37 views

Controls to use for expanding data up and down

I'm building web application that allows assign tasks for users. For instance, you can assign a task for Nathan to be repeated every day. This task will be sent to him on daily basis. UI looks like ...
2
votes
2answers
391 views

Placing full name, including prefix and suffix, on one line in a form?

I am working on a form page that has a name field, including Prefix, First Name, Middle Name (NOT Initial), Last Name and Suffix. The client would like to have all these fields on one line. So here's ...
1
vote
2answers
944 views

Why are most game controllers left handed?

Most game controllers (game pads, joysticks) use the left hand for directional control, which is also the task that requires the most dexterity. Most people are right handed, but end up using their ...
2
votes
2answers
101 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
0
votes
1answer
60 views

mobile html5 input type=“x” vs custom mobile controls

There has been some back and forth with the developers and the design team over building controls that match the design vs using mobile html5 standard controls for datepickers and timepickers for a ...
2
votes
3answers
234 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 ...
22
votes
6answers
4k views

Why are the controls opposite/inverted when flying in a game?

In a game, we would normally use the directions in a normal way to move, i.e. "up" for move forward, "down" for move backwards, "left" for left, and so on. Although, when we play a flying game, why ...
0
votes
1answer
132 views

Best web control to change font size

So due to elements being painted onto a canvas i need to offer the user the ability to change the font size (different resolutions etc). are there any opinions on regarding the pros on cons of the ...
2
votes
3answers
340 views

Is there a standard for the positioning of the elevator control buttons?

I've always wondered why elevator control buttons are found where they are. For example, the following image shows the elevator control buttons positioned on the right side. The way I see it, ...
9
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 ...
0
votes
5answers
131 views

Should I offer a button to start animations on comment sections or autoplay them?

My website has a comment section in which people can post images. Many people post animations (which are actually MP4 converted from GIF's, so they are quick to load and save a lot of bandwidth), and ...
2
votes
1answer
77 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 ...
1
vote
2answers
98 views

Where to click to change status of a on/off slide bar

In a toggle button like above, where should a user click to change the status? It seems that the standard in most applications is to click on the slide itself. This would make sense as a user can ...
2
votes
1answer
99 views

What are tabs used for and what's the difference with Ribbons

I was designing an interface which was a popup showing a document (pdf) and right below its metadata (user who scanned it, doc name, doc-relative metadata, etc). Since I was tasked to make an Editor ...
1
vote
2answers
519 views

Date Time Picker, together in one control or separate?

I have been looking around for different controls for date time pickers, both together as one control and separate as two different controls in order to solve a problem we have in our business. To ...
1
vote
1answer
104 views

Bar Graph Controlling - From the Graph Itself or from External Control

I have a bar graph on my page I'm generating from D3. The graph itself looks good. Here's the question: My graph has the following bars: bar1 **************** bar2 ******* ... barn ************ ...
5
votes
5answers
339 views

Triple-state toggle: 'turn on', turn off', 'auto turn on and off'

Currently I'm working on some software settings screen, and there are a number of features, that could be turned on and off manually, but also kept in kind of 'wait mode'. If a feature is in 'wait ...
1
vote
2answers
201 views

Any standard references that list the entire gamut of GUI widget/controls? [closed]

Are there any comprehensive, standard (or sufficiently good/popular) references/guides that list/detail/categorize the entire gamut of GUI constructs/widget/controls? Some UI controls are common, ...
4
votes
4answers
514 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 ...
2
votes
0answers
121 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
2
votes
2answers
109 views

Should my app's volume control be synchronized with the system or have its own range?

If a volume control in my app changes value, should it globally change the system volume or just for my application?
-1
votes
1answer
98 views

What control is the best to edit Yes/No properties? [closed]

What do you think? I have a little window with one content control. What is the best control to edit a Yes/No value? At the beginning i used a combobox,now a radiobutton. Maybe is a checkbox better? ...
5
votes
5answers
375 views

How do you deal with too many bullets in a slider?

I have an issue with a simple image slider on a mobile application. The slider uses bullets to indicate the pages of the slider. Now, it became quickly evident that the navigation bullets could easily ...
2
votes
3answers
251 views

UI for dimming light

What is the best / natural UI (User Interface) for dimming multiple lighting zones (LEDs) using a microcontroller? Here is what I have thought so far Use rotary encoder to up/dn the brightness Use ...
1
vote
3answers
208 views

Why don't operating systems reserve a fixed amount of resources for the GUI? [closed]

Personal computers today are usually hundreds of times faster, and have thousands of times more memory then the computers in the time when operating systems with graphical user interface started to ...
5
votes
3answers
388 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 ...
3
votes
2answers
163 views

Which way should a dial turn using the arrow keys?

I have a nested dial control on Android. It looks like this:- The labels are a bit small to read on the screenshot: they're days, hours, mins. Note in particular that the read-out point is at the ...
0
votes
4answers
230 views

How to arrange a Slider control with DropDown option

I have a form with many fields. One field is numerical and it can have these 3 values (option A: 2.0, option B: 1.5, option C: 1.0, and also an extra option CUSTOM: any value the user wants). Problem ...
7
votes
3answers
145 views

Textbox with addon selector

My users need to input a number. For this, I would like a control that is a textbox for the numerical input and a section on the end of the textbox that indicates a default unit of measure, similar to ...
0
votes
1answer
189 views

Expanding a tree with radio buttons

I have tree. Each tree node is a radio button. Nodes can be expanded/collapsed by clicking the disclosure icon which is a grey triangle. Some radio buttons are disabled. If a radio button is ...