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

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 ...
8
votes
5answers
290 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 ...
12
votes
5answers
2k views

Why do light switches find themselves OUTSIDE the room they light up in some European countries?

Okay, to be fair my experience is mostly with Poland, though I have observed this electrical interior design decision in a few neighboring countries while travelling, but can't generalize there. ...
13
votes
4answers
597 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 ...
4
votes
1answer
174 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 ...
8
votes
2answers
208 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... ...
12
votes
5answers
561 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
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
1answer
109 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
334 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. ...
7
votes
6answers
713 views

How do you indicate that a UI element affords sliding, without using an actual slider?

I'm designing an interface for an Android app that would allow the user to control the pitch, tempo, volume, etc. of some music playing in the background. Here's what I've sketched so far: I ...
3
votes
3answers
239 views

Well designed log viewers [closed]

I am looking at examples of well designed and easy to use log viewers as some examples for a web application I am working on. The web application has a logging system that logs events on various ...
0
votes
1answer
87 views

What does a user expect tapping album artwork to do?

I'm designing a music player app, which will play from a stream on the internet. In the app, I plan to show a navigation bar, a tab bar, and some info about the song that the user is listening to. ...
0
votes
1answer
2k views

When to use a UIPickerView instead of a UITableView?

When does a UIPickerView offer a better user experience than a UITableView? Does Apple's Human Interface Guidelines address this?
16
votes
11answers
2k views

What's a good scroll bar equivalent for a spiral script?

One of my friends is writing a fictional story about a people who use a script that is read in a spiral from the inside out. They write on long coils of flexible material, and longer texts are fed ...
19
votes
6answers
864 views

Is there a name for the UI that marks key positions in a scroll bar?

In Chrome, when you do a text search, you'll see the locations of found instances of the text string shown as yellow lines in the vertical scrollbar. If you run Visual Studio with the Resharper ...
7
votes
2answers
340 views

Best way to give user two controls (expand and select) on a single object

We're working on an organizational tree visualization, for each node (circle) in the tree the user has two options - expand the node to see its children OR select the node In general, the primary ...
10
votes
8answers
476 views

How to make the relationship between two related lists more obvious?

I've got two horizontal lists - one that contains Chinese characters (list A) and the second that contains the decomposition of the selected character (list B). Currently, when the user clicks on ...
1
vote
2answers
91 views

Which input layout for choosing between Option1, Option2 and (Option1 or Option2, dynamically)

One setting in our app has to be as follows: For a certain scenario, the user select whether he wants: Always use option X Or always use option Y Or, depending on a dynamic flag, use X or Y (he ...
4
votes
3answers
205 views

Input control and concept of default values

I'm working on an application which purpose is to edit data from a specific domain. The domain has a concept of default/inherited values. For instance: Let say I have a control with an edit box to ...
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?
12
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. ...
8
votes
3answers
320 views

Default input labels and text sizes

Looking to get community feedback on a few small related form questions: For standard forms: How long should a standard text box input be? These text boxes would be for first and last name? Should ...
9
votes
1answer
248 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 ...
4
votes
1answer
583 views

When is an auto-saving form appropriate?

A trend Google has been pioneering in many Cloud applications is a sort of "autosave everywhere," especially noticable in Google documents's immediate save feature. I personally greatly prefer this ...
2
votes
1answer
182 views

Better way to show the calendars

I'm working on a single report page for a web app. I need to show how to filter the displayed data it be per day (diary) or between two dates (weekly). When the user select diary (Diario), it shows a ...
3
votes
2answers
140 views

Should I provide a default selection?

[this whole feature is a new one for us so we don't have real-world data] I have a form that requires the user to select one of predefined items (equivalent to, say, shipping addresses). The user is ...
3
votes
2answers
176 views

Using hyperlinks for navigation and commands on the same page

I am working on a government web application. We have specified in the style guide that buttons will be used for primary actions and other secondary actions within the page will use hyperlinks. There ...
2
votes
5answers
930 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 ...
3
votes
1answer
762 views

Best alternative to slider controls for iPad users?

My team is currently planning a map-centric web app with several slider controls for filtering results. While there seem to be techniques emerging for coding sliders to respond to touch instead of ...
3
votes
2answers
121 views

Is there a name for the type of grouped list used for iPhone contacts?

I use iPhone contacts as an example but you see it everywhere. The sort of list I'm talking about is where the group header (e.g. in the contacts example "S" ) docks to the top of the list while you ...
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: ...
4
votes
2answers
564 views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
5
votes
6answers
420 views

Rough and fine adjustments with horizontal slider

I'm used to scrolling being thrice as effective as arrowkeys in Firefox. I want to give the ability to quickly and roughly adjust values by hovering over the slider and using the scrollwheel. Finest ...
4
votes
7answers
284 views

How can I lead users to and use an unusual navigation

So, I'm making someone a high concept website. Basically, there's one of those old fashioned television sets with circular nobs, like those on a stove, to change the channel. You turn the nob, it ...
12
votes
3answers
2k views

Are tri-state checkboxes too complicated?

Normal checkboxes are easy, they have a checked state, and an unchecked state. But how do you go about indicating a third state for a tri-state checkbox? Is it too difficult for the user to discover ...
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 ...
4
votes
6answers
375 views

Should I refresh result set after changing Dropdown values ?

I've encountered with this question many times: Assuming I have a table which displays results according to dropdown value. Should I refresh the results automatically each time a value is selected, ...
4
votes
3answers
378 views

User control for a two level selection

I'm about to develop an application that will be used by revisers to compile the errors they find while reviewing a translation. The application will consist of a simple form in which they will have ...
2
votes
2answers
191 views

How to enter a number from a range on a mobile web app?

I'm designing a web app for smartphones that allows the user to enter some numbers within a large range (say 0-511 or 0-1023). The numbers are exact and equally likely to be spread across the whole ...
5
votes
2answers
602 views

What's the preferred vertical orientation for a toggle script?

What's the expected behavior of a disclosure widget on a website? What's the conventional direction of the expanded state? Upward the content pushes down the clicked button while it gradually ...
2
votes
1answer
256 views

Best way to communicate the action of a non-button control

Question summary: I'm wondering what are some recommended approaches for communicating to the user what will happen once he clicks on an object, in the case that it's not possible to spell out the ...
2
votes
1answer
244 views

Choosing between state and action on video chrome controls

I realize that the question of deciding whether to make a button show its state versus show its action has already been asked. Some of the answers were to make the interface more verbose or add ...
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 ...
6
votes
2answers
216 views

Pros/Cons of customized/reproduced HTML elements

I have a very specific case where the <select/> elements in a browser interface are replaced with a custom HTML structure while styling is added via CSS and functionality is added via ...
4
votes
4answers
4k views

Alternatives to More Tab Button in a UITabBar?

I am working on an iPad application that currently uses a UITabBar as the prevailing navigation element. The application has maxed out the number of buttons on the bar and is now forcing a More ...
3
votes
3answers
135 views

Please recommend a widget to alter ratios totalling 100% [duplicate]

Possible Duplicate: How to build a budgeting interface (sum of items must equal 100)? I need the user to be able to change the ratios of items adding up to 100%. Essentially, I'm talking ...
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 ...
4
votes
2answers
232 views

What to call UI element like 'like' or 'mark as favorite' ?

Is it a kind of button? Do such UI components have a specific name?
16
votes
10answers
764 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 ...