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

3
votes
2answers
154 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 ...
6
votes
4answers
209 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 ...
17
votes
7answers
1k 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?
0
votes
4answers
193 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
133 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
177 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 ...
1
vote
1answer
125 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 ...
3
votes
3answers
141 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 ...
3
votes
5answers
317 views

How should a user remove vertices from a polygon?

I'm working on a GIS web app where a user can draw a polygon on a map (a Microsoft map) to define a region. The vertices are placed by right clicking on the map placing vertices at each click and when ...
1
vote
1answer
167 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 ...
72
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
686 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 ...
15
votes
9answers
2k 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 it's possible (firefox allow this, as well as xterm and emacs). I know that placing a ...
3
votes
1answer
92 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 ...
4
votes
2answers
182 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 ...
2
votes
1answer
67 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
90 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 ...
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 ...
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 ...
14
votes
5answers
2k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
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
385 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 ...
1
vote
3answers
200 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 ...
8
votes
4answers
267 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 ...
5
votes
2answers
235 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
339 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 ...
2
votes
2answers
202 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 ...
5
votes
2answers
180 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 ...
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, ...
13
votes
7answers
889 views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
5
votes
1answer
433 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 ...
7
votes
8answers
899 views

Is there ever a good use case for a software rotary knob (dial)?

I love physical dials and knobs, they are great for adjusting something just the right amount without looking at it. They are even great for controlling an absolute value like volume because they stop ...
2
votes
5answers
441 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 ...
5
votes
3answers
215 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 ...
9
votes
2answers
132 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 ...
8
votes
2answers
527 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 ...
2
votes
3answers
248 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
118 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 ...
9
votes
4answers
4k views

Timezone selection best practices

I am looking for ways to design a UI where the user selects their timezone. I would like to avoid having a map as that can be slow people down on small screen devices. I currently have 2 options: ...
3
votes
1answer
98 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 ...
8
votes
2answers
245 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 ...
4
votes
4answers
321 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 ...
12
votes
9answers
903 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 ...
4
votes
2answers
103 views

Tap or Drag to mark a specific point?

The scenario We have a screen with a view containing many small symbols. The user will have to choose a single element. In order to find the correct element, he'll have to pinch and pan. As you can ...
3
votes
2answers
234 views

View refresh frequency

My application displays data that can be periodically changed. Changes follow 5-10 times per second. I have to avoid so frequent updates to increase application performance. But I have to add some ...
4
votes
3answers
204 views

I need ideas to improve this timeout control

I'm getting ready to publish a page of real-time stock-option data. Problem is I'm not so sure any more of many controls that I used to be in love with. The first of these now-doggish controls is ...
5
votes
3answers
231 views

How to express in two or three letters how a column is to be sorted

On a just-now-coming-alive web page, I have two columns: change and change-percent. In the headers of the two columns, I want to give the user a small control so he can toggle between sorting the ...
5
votes
4answers
265 views

Version Control for Help Files

What is the best way to have version control when creating complex help files with new updates and versions coming out quarterly or so? How does one best go about versioning the Help file? ...
3
votes
2answers
297 views

Is there a proper name for the accordion-like stacked panels?

Essentially, it's a collection of panels, stacked towards the top. Each can be expanded or collapsed on its own. When a header is expanded, the headers below it "stick" to its bottom. This is in ...
3
votes
4answers
207 views

Selecting Multiple Ranges

We have a UI requirement, where users need to be able to create several ranges from 0-1000. Without overlap (including overlap from other parent records) So, parent 1, has range 0-10, 20-30, 50-55. ...