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

8
votes
4answers
261 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
172 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
278 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
181 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
154 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 ...
29
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
841 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
233 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
677 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
243 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
151 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
128 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 ...
7
votes
2answers
395 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
199 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
109 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
3k 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
90 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
217 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
269 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
870 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
99 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
231 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
197 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
226 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
251 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? ...
2
votes
2answers
241 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
181 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. ...
6
votes
4answers
293 views

Control to select (not open) a file on windows

I am designing a Windows application that has a dialog that requires the user to select a file, similar to the way you would with an <input type="file"> on the web. However, I cannot think of a ...
3
votes
4answers
545 views

Slider alternative

I am struggling with a client who has a (slightly irrational) dislike of slider controls. I need to provide an alternative that can accommodate 233 selection points, of which maybe 10 are common ...
3
votes
2answers
152 views

Is removing the video control playbar a dark pattern?

Lately, I've been finding more and more videos (mostly those with marketing purposes) that are don't have the so called "playbar", ie. the timeline control that allows you to jump inside the video to ...
1
vote
5answers
297 views

Speed vs Quality UI Pattern

I'm trying to come up with a good disposition of UI elements to help depict Function Speed vs Quality. Can anyone point me in the right direction? Are the Labels Right / Informative Enough? Is the ...
6
votes
4answers
203 views

Hide controls on a touch enabled device and only show them if someone uses a mouse?

We're building a responsive web site and we're having a discussion about how to display controls on a map. The theory is that people with touch-enabled devices do not need to see zoom sliders because ...
2
votes
4answers
408 views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
29
votes
11answers
7k 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 ...
5
votes
3answers
310 views

What would this widget be called?

What is this control that is used to select an item in this screenshot called? This is also in the latest Facebook for Android update. What is it called?
19
votes
2answers
1k 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 ...
3
votes
1answer
441 views

slider vs. select box / dropdown

I've got a web app with two related UIs for adjusting a value. The first allows the user to add or subtract up to 100% of the amount. It's for an estimate, so rough ranges (e.g. every 10%) would be ...
5
votes
2answers
523 views

What's the recommended way to use “question mark” icon?

I develop a desktop application, and I'd like to add a "question mark" icon besides one of the textbox (that describes the meaning of that textbox). My question is what the common way to use the ...
0
votes
0answers
35 views

Keyboard support for dropdown widget [duplicate]

Possible Duplicate: Patterns for keyboard accessible drop down lists I have developed an html/javascript drop down widget. At the moment I want to enhance the keyboard support for this ...
13
votes
4answers
596 views

Should radio options be displayed vertically or horizontally?

For Example: Results must match () All () Any () None Of the search criteria vs Results must match () All of the search criteria () Any () None The ...
6
votes
6answers
438 views

Suitable alternative to trackbar control

I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
2
votes
2answers
132 views

Touch control of value with high range [duplicate]

Possible Duplicate: Suitable alternative to trackbar control In our application, there are settings that have a high dynamic range (e.g. 0-10000 in steps of 0.1). I am in need of a UI to ...
2
votes
2answers
169 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
3answers
161 views

Is there a name for a control which allows a user to add/remove table rows?

I am building a control which is a table containing other controls (text boxes and dropdown lists) where the user can add/remove rows to the table. I am unsure of what to name this control and am ...
3
votes
2answers
156 views

Should buttons be disabled, removed or replaced with an alert message if they are currently unavailable for use?

I take what happens on Stack Exchange as example. When you used all your votes to close questions, the dialog box is still shown, and (if you select the question that is duplicated) the "Vote To ...
18
votes
2answers
7k views

Do spinner-based date pickers on iOS & Android detract from the user's experience?

Generally speaking, the rule of thumb on mobile devices is to follow the platform conventions, and that native controls are almost always better than custom UIs. However, I'm at a loss as to whether ...
8
votes
1answer
282 views

How often do users overlook controls that are revealed by hovering?

Techniques that reveal controls on hover (as used by apps like twitter) have been suggested as a way to simplify an interface and focus attention on content. However I wonder how many people fail to ...
2
votes
2answers
250 views

Dialogue Box supposed to be closed by default with the [ESC] key?

I started working for a software company, and while using the software we produce, I noticed that the dialogue boxes that we pop-up aren't closed with the [ESC] button. I'm assuming this would be the ...
1
vote
1answer
240 views

Should you have rollover on a button?

download bmml source – Wireframes created with Balsamiq Mockups This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make ...
12
votes
5answers
486 views

Web - How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...