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
33 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
53 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
62 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 ...
4
votes
1answer
84 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
35 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
195 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
186 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
64 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
38 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 ...
1
vote
2answers
104 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
71 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
160 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, ...
7
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
116 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
61 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
66 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
65 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
312 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
52 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
197 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
125 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
317 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
0answers
102 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
91 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
75 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
321 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
214 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
191 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
315 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
143 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
170 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
120 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
158 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 ...
3
votes
3answers
135 views

How make language option easy to find for people speaking another language than the one shown?

As suggested in another question I decided to show the language names in native language itself in the language selector on my page, instead of using country flags. The dropdown box shows the current ...
1
vote
1answer
154 views

Better paradigm for a Blender-style interface; lots of control panels and property panels

I am designing an editing application in html/js. After a while, I end up with a lot of different "panels", and I am having trouble displaying them all to the user in an efficient way. Sometimes it ...
71
votes
9answers
7k 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 ...
1
vote
2answers
531 views

Why do most microwaves have a “Popcorn” button?

I can't imagine that the usage level of popcorn substantiates its special treatment on a microwave's user interfaces – at least any more emphasis than other common foods. Removing this (and other ...
3
votes
2answers
163 views

Is it better to mirror a real-world system for specialized users?

I'm designing a web interface for a control-center kind of thing that's extremely information-dense because it controls a fairly complex system. To an outsider, it's kind of been like trying to make ...
3
votes
1answer
86 views

CLI: How should I order sub-commands in usage messages?

I'm developing a tool with a command line interface. I am seeking the clearest, most obvious/user-friendly way of ordering the sub-commands in the usage/error messages. The nature of the tool is that ...
5
votes
5answers
347 views

Alternative design options to context menu on Windows Phone

On Windows Phone it's possible to provide a context menu to the user when an item is long pressed. I have a list of items (waypoints the user has added to a map) which I'd like the user to perform ...
5
votes
4answers
136 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 ...
2
votes
1answer
65 views

Where to put element controls?

I have the following: I think it's less than ideal because the edit/delete buttons are requiring me to waste a bunch of vertical whitespace within the element. Options that I can think of: ...
3
votes
1answer
89 views

Should icons in a toolbar reference an action or the object?

When deciding on which icon to use in a toolbar is it better for an icon to reference the action or the object? Example: Action = Export data to excel. The object in this case is Excel (destination ...
1
vote
1answer
110 views

Optimal way to handle multiple many-to-one attributes in a grid control

We are working in web app where we have parent records that have multiple attributes that have many-to-one attribute values tied to them. We are attempting to list these parent records in a grid ...
0
votes
1answer
88 views

Thoughts on putting controls in the top horizontal bar?

Is there any authoritative overview of the pros/cons of using the topmost menubar to host action items that change depending on context? An example that comes to mind immediately is Microsoft's ...
4
votes
2answers
2k views

Why does the Xbox controller have non-symmetrical analog sticks?

The image below shows the controllers of the three eighth-generation consoles (Xbox One, PS4, Wii U). As you can see, both the PS4 and Wii U controllers have symmetrical analog sticks, which seems ...
4
votes
3answers
156 views

Who should be able to pause/restart/quit the game in a turn based game?

I have a game that consists of players making moves in turn, on a single console (Xbox 360). Up to 16 players can play in one game. The xbox can have up to 4 controllers associated/connected to one ...
1
vote
2answers
300 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 ...
5
votes
2answers
169 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 ...