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
209 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
408 views

Location of new items in list

I have a medium-sized list (about a few dozen items, the container is very likely to have internal vertical scrolling). There is no sorting, so items are displayed in the order of their addition to ...
10
votes
4answers
522 views

Which one is easier to use: horizontal or vertical sliders?

Which type of sliders is easier to use: horizontal or vertical?
20
votes
11answers
9k views

What's the best way to present date of birth form fields?

I am building a form that requires users to enter in their DOB. What is the best practice for this? I have identified 3 basic options: Free Text Field Users are able to enter day, month and year in ...
2
votes
2answers
110 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?
16
votes
10answers
796 views

Do users like choice? How much should I give them?

I built a photo slideshow web page as an exercise for myself. One thing I found myself doing was adding a Settings button. Clicking this reveals a little settings pane that lets a user choose between ...
-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 ...
5
votes
4answers
149 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 ...
5
votes
5answers
451 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
3answers
390 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 ...
1
vote
3answers
209 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 ...
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 ...
6
votes
4answers
212 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 ...
18
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?
0
votes
4answers
234 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
190 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
138 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
148 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
369 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
182 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 ...
76
votes
9answers
8k 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 ...
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
96 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
198 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
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
95 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
3k 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
167 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
461 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
220 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
273 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
270 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
360 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
214 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
197 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
964 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
544 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
1k 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
560 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
254 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
135 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 ...
9
votes
2answers
612 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
305 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
127 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 ...