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

2
votes
1answer
145 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 ...
1
vote
3answers
1k 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
96 views

Showing items in a list with limited space

We have a list of items for a chart legend, and some other lists where there are items hidden below. We have several areas in the UI where we have a constrained space, and items that are hidden below. ...
1
vote
1answer
25 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 ...
21
votes
3answers
3k views

Is there a visual glossary of (Windows) UI controls?

Some days it seems every member of my team calls each control by a different name. Is there a good resource, preferably with images, for what the official name of each control type is? I found a few ...
2
votes
2answers
61 views

Denoting multiple values for the same checkbox or radiobutton

I have a screen where the user can select multiple students and can click on edit. When he clicks on edit, the following happens - All users have the same value for a field, so that value is shown ...
2
votes
2answers
123 views

Best way of displaying how crowded your favourite pubs are

I'd like to ask you about the best way of displaying traffic (current situation) in favourite pubs. It should be easy to understand and it should be proper way for a map with places. My current idea ...
86
votes
12answers
19k 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
2answers
70 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 ...
17
votes
8answers
4k views

Why do light switches find themselves OUTSIDE the room they light up in some European countries?

Okay, to be fair my experience is mostly with Poland, though I have observed this electrical interior design decision in a few neighboring countries while travelling, but can't generalize there. ...
1
vote
1answer
110 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 ************ ...
1
vote
3answers
152 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 ...
6
votes
3answers
3k 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 ...
51
votes
11answers
9k views

Intuitive interface for Composing Boolean Logic?

I'm interested to know how people have, or would construct an interface which simplifies constructing logical boolean conditions? (Yes, it's a database query builder) In my mind a bad interface has ...
0
votes
1answer
58 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
55 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 ...
1
vote
3answers
70 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.
2
votes
3answers
374 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, ...
36
votes
11answers
13k 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 ...
2
votes
3answers
237 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 ...
2
votes
2answers
114 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
323 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
128 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 ...
2
votes
3answers
81 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
139 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
74 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
2answers
147 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
6answers
782 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
112 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 ...
118
votes
14answers
10k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
2
votes
2answers
422 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 ...
3
votes
2answers
237 views

How to display complex, interactive grid?

I am working on the admin component to a web app that will create/manage web sites for multiple clients. This admin portion will determine what pages/features will be included, as well as what ...
3
votes
2answers
73 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
335 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 ...
27
votes
4answers
7k 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: http://stackoverflow.com/questions/5690589/difference-between-accordion-and-tabs (I ...
9
votes
3answers
3k 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 ...
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 ...
0
votes
5answers
132 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
2answers
110 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
61 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 ...
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 ...
4
votes
4answers
564 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 ...
0
votes
1answer
137 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 ...
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 ...
2
votes
1answer
80 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
101 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
107 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
556 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 ...