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

5
votes
5answers
490 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
271 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
677 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 ...
3
votes
1answer
205 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
117 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
108 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
419 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
282 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
223 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 ...
9
votes
3answers
561 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
178 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
270 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
170 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
205 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
163 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
199 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 ...
81
votes
9answers
9k 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
1k 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 ...
4
votes
2answers
212 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
100 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
522 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
158 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
73 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
98 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
148 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
95 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 ...
5
votes
2answers
4k 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
172 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
576 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
205 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
1answer
636 views

Best Practices in keyboard navigation of JavaScript Controls?

Apparently "best practice" when creating DHTML widgets, such as menus etc., is to allow users to navigate to the widget using the tab key, and navigate within the widget using arrow keys. This follows ...
30
votes
2answers
1k views

Why did Microsoft put close and minimize buttons on the Office splash screens?

Starting with Office 2010, Microsoft put a minimize and close button on the upper right corner of the splash screens of the various Office apps. But, the splash screen is up for such a short time, ...
5
votes
3answers
288 views

Select numerical value with +/- buttons or manually entering?

The design I'm working on has the user assigning a value to each Item, then if the value is more than 1, a second dependent attribute appears (as shown). I want the numbers to be large and not default ...
2
votes
5answers
631 views

3-state control on/off/suspended

I’m creating a prototype for a system which will give the user to control a specific feature in the system by switching it on and off. To control the feature we have a 3-state control: on off ...
6
votes
4answers
214 views

What is the best way to handle multiple To and From ranges?

Our users need to specify multiple ranges of quantities and specify a price for each range. I can't post an image or I would show this concept mocked-up. My question is: Imagine the user is able ...
6
votes
2answers
310 views

Group of controls depending on value of combo box

In a UI, I get the user to make a selection from a combo box. This selection influences what other controls will need to be shown. There are also other controls that need to be shown, independently of ...
3
votes
4answers
370 views

iPad full screen in landscape mode - which side to put on my controls panel?

I have an app which helps the user to design a full screen sized postcard. The result is exactly what the user sees on the screen. Because a lot of users scan things in an F pattern, I assume that ...
9
votes
2answers
661 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 ...
9
votes
2answers
137 views

Borders editing control usability

I need a simple and intuitive control for editing rectangle borders. At the moment I have the following: At the left - preview box and current border selector at the same time. User can click on ...
2
votes
3answers
345 views

What is the preferred way to toggle fullscreen vs fullscreen with panels on iPhone/iPad?

I have a full screen iPad app that deals with graphics. The user has full screen as canvas, with extra controls added along the bottom and right side of the screen. I'm looking for an intuitive way ...
2
votes
2answers
130 views

Best option for data grid records that each can have different multiple choices

Below is a mock up of the screen, and I'm not sure of the best way to do the Delay Reasons in this case. Each service can have multiple delay reasons and each service can have different delay ...
1
vote
3answers
227 views

Android widget : how to tell users that a similar looking control does not perform same?

In my android application I am developing a desktop widget that mirrors many important tasks supported by my application. This widget contains two buttons that mirroring their counterparts in the app ...
2
votes
2answers
226 views

Do users need 3 ways to change sound volume on their computer?

Virtually every video/audio software has volume controls. Why is software control needed if there exist two other controls: operating system and hardware volume controls? Is it better to remove ...
3
votes
1answer
101 views

App menu created from keywords

I have application which allow users to select video and play it. I have for each video few keywords and with help of WordNet I created tree from these keywords. So now user can go from generally ...
9
votes
2answers
302 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 ...
122
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 ...
4
votes
4answers
389 views

Controls on moving controls?

It hit me today when driving home from work turning right in a highly busy crossing. I wanted to lower the music volume but couldn’t find the control without looking. On previous cars I’ve owned, the ...
20
votes
7answers
2k 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?
12
votes
9answers
965 views

How do you show a locked slider?

I have an application with a slider, but I need to be able to lock the slider, and have it clear to the user that it is locked - simply disabling it is not an option. By locked I mean that you are ...
8
votes
4answers
279 views

Is the middle power option 50% or 60%?

A friend of mine has a blender with 6 control selections: One off position, and five power settings in order of less to more power. Example below: A discussion has erupted over whether or not the ...