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
301 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
216 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
305 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 ...
4
votes
4answers
754 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
165 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 ...
2
votes
5answers
365 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
211 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
597 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 ...
5
votes
3answers
324 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?
20
votes
2answers
2k 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
607 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
775 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
751 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
512 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
147 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 ...
3
votes
3answers
190 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
179 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 ...
19
votes
2answers
10k 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
314 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
295 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
262 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
551 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 ...
7
votes
3answers
540 views

Representing “undetermined” in a three-state checkbox

I'm developing a rule-based forms application where the user must explicitly choose a value for each data field, even boolean ones. For controls like combo boxes, this is not a problem, as they just ...
4
votes
2answers
294 views

One button or two?

I've got a web app where users can create two different kinds of similar things and I'm trying to decide whether to have two buttons, or one button and then present a choice as part of the resulting ...
6
votes
2answers
631 views

Should you use both the accelerometer and the touchscreen in a phone/tablet based game?

So I've been formulating an idea for a game the past few days. I don't want to get into too many details, but I mainly just wanted to ask about one aspect of the gameplay. OK, imagine a game where ...
0
votes
1answer
96 views

Add more controls at Run Time

I am developing customized schedule generator application for which I need to design User Interface. This UI will have an option to select Date, Time and number of hours. This is simply possible by ...
0
votes
2answers
132 views

Where to place voting buttons on posts?

I am making a little question site like Yahoo Answers and I am going to have a voting system on it. But I am stuck on where I should place the up/down vote buttons. I have it in the right corner right ...
4
votes
1answer
680 views

ux review word for select all

Is is ok to use Select/Deselect All here or better to shorten it to only select all. Would the users know that if they uncheck the "select all" checkbox. Everything will be disselected
4
votes
1answer
126 views

How to calculate how clickable a button or object is on screen

Given a screen of dimensions AxB, and a button or other UI element of size CxD, what are the best methods of calculating a rough gauge of how easy it is to click/reach/target that interface element?
2
votes
2answers
377 views

A dialog to set up working hours

I've got a dialog that helps an user to set up working hours for different days in a week. In this dialog an user can choose a day of week and hours/minutes which point on start/end of working time, ...
4
votes
5answers
130 views

Control for mathematical operator

I am not a designer, just regular programmer so my terminology might not be correct. What I am trying to solve is that I have a quite narrow area where I should have n amount of input fields and an ...
5
votes
3answers
219 views

Selecting a Range of Letters on a Mobile

I'm working on a game that teaches the alphabet. It runs on Android phones, currently (including tablets). One of the features I have in my settings screen is the ability to select which subset of the ...
4
votes
4answers
521 views

Can I eliminate volume from my custom html5 video controls?

I'm currently designing a custom full-screen video player for a client, who has provided an Adobe Illustrator high-fidelity interface mock-up. The concept is as minimalist as possible. Their mock-up ...
5
votes
4answers
403 views

What's this called and how does it fare from a UI perspective?

The Facts About Coventry website has a flash plugin app for navigation of data (bottom half of the page). It's a big circle where you can hover over the icons to get a description of the category and ...
12
votes
5answers
596 views

Should I use radio buttons or check boxes (or something else) for email address?

So I'm building an application where the users will be able to send some information via email. The previous system had an interface something like this, where the users would select whether they ...
13
votes
10answers
1k views

Alternatives to having an excessive number of radio buttons on a form?

I have a form which dynamically creates the user's choices as radio buttons. It functionally works, but it does not look that pretty. It looks ugly, particularly if the number of radio buttons grows. ...
1
vote
2answers
103 views

Is there a generally accepted way of handling controls that are not the same size?

I am standardizing the spacing between controls in an existing winforms application. (4px between rows) The project uses telerik controls that cannot be resized. The telerik datepicker is 20px high ...
5
votes
3answers
3k views

What could I use for a tri-state control?

I'm trying to think of a nice element where there are 3 states, but a simple checkbox would be a litlte overkill for what I want (I'd need two), as the states are: Enabled Default Disabled But I ...
1
vote
1answer
293 views

Intuitive design pattern for selecting indexed table combinations in a relational DB

Background I am attempting to design an interface for users to browse data in a relational database. The features are similar to PhpMyAdmin but is intended to be simpler and more user-friendly for DB ...
8
votes
5answers
297 views

Is it a good idea to put the word “or” between buttons on a screen

If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
5
votes
4answers
2k views

Positioning Back, Cancel and Next in a full screen wizard

Hi I have a full screen wizard that like many wizards has the back, cancel and next buttons. What is the optimum way of positioning these buttons on the screen? Are there any studies that have ...
8
votes
5answers
817 views

Are Sparklines appropriate for use in dashboards of reporting software?

For those not aware of Sparklines, here is an example: http://demos.telerik.com/silverlight/#BulletGraph/FirstLook Would these work well to really give users a quick dashboard/reporting overview of ...
4
votes
1answer
191 views

Where to place optimization controls in a scheduling interface with several vehicles and optimization criteria?

I'm involved in the design of a vehicle routing interface. It mainly consists of a Gantt-Chart, where jobs are arranged in a timeline. Each job is carried out at a different location. The total travel ...
2
votes
5answers
1k views

How to accomodate a large set of filter controls horizontally on a page?

Since the left column is occupied by the left navigation, this leaves only the middle area for placing filter controls. But there is a need to provide for more filtering options in future. In such a ...
10
votes
3answers
479 views

How to indicate a text field is autocomplete capable? [duplicate]

Possible Duplicate: How to tell the user that an input box is autocomplete-enabled? Has anyone come across any kind of visual indicator that suggests a text field will autocomplete? ...
9
votes
2answers
235 views

What is the best way to ask for repeating dates?

I've always struggled with the best way to allow a user to enter a repeating date. For example, scheduling a task you need to do repeatedly. There are a few different ways this can be expressed... ...
4
votes
1answer
117 views

How should I list some categories in my case?

I'm working on a web solution that allows you to create a banner with a product from your online shop. The user will set his shop, we will crawl it and get all the products and display them in ...
8
votes
4answers
360 views

How do I add the ability to cancel editing without a button?

We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel. ...
10
votes
1answer
254 views

How to format UI control screenshots so users don't think they're touchable?

I have a need in a touchscreen mobile app to show users a message that informs them about some system function that they should know might affect my app. As well as describing the issue, I want to use ...