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
129 views

For what reasons would you not include a volume control in an audio player?

Both Bandcamp and Soundcloud, two popular audio streaming services, don't have very accessible means of controlling volume. Bandcamp doesn't have a control at all, while Soundcloud only provides one ...
3
votes
1answer
40 views

Platform selection mechanism on documentation website

I am working on a website that hosts technical documentation. Some pages have sections of content that are specific to certain host operating systems, hardware configurations, etc. In total there are ...
2
votes
3answers
28 views

How should I handle toggling of chart series based on groups of checkboxes?

I'm modifying an interface for an interactive line chart that can contain anywhere from one to twelve series of data. Users will be able to choose which series they can view by clicking on a set of ...
125
votes
15answers
12k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
0
votes
1answer
25 views

What would be an optimal control to use in order to collect an expiry date for a card (not credit) on iOS (iPad)

I need to ask a user to fill in the expiry date for a card. The default spinners on iOS for a date picker doesn't provide a simple month/year option and the pods I've found are terrible. I would ...
0
votes
1answer
29 views

Assigning permission - lengthy feature list experience

Task: User can assign the feature to applications. Problem statement: 1. Need to show all 25 feature list to user but in a better way. Is it a good experience to show all 25 features with UI Controls(...
0
votes
1answer
34 views

Position of the Cancel and Save Buttons on a iPhone

I'm skeptical where to put the Cancel and the Save Buttons in an iOS-app: Cancel on the left side and Save on right side or vice versa? I think the iOS Human Interface GuidelinesBeta of Apple ...
1
vote
1answer
80 views

Is it good design to cover part of the video display with control buttons?

Long time ago video control buttons were being placed just below the display area so nothing was overlaying the image, then some strange fashion was introduced - moving these controls on video image ...
24
votes
12answers
22k 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 ...
1
vote
0answers
39 views

Which form widget for (seemingly) linear input without default value?

For answers in digital questionnaires, is there any reasonably well understood form widget between a horizontal group of radio buttons (or check boxes) and a slider gauge that lets the user input a ...
5
votes
4answers
94 views

Using pointer mouse cursor shape on controls

Microsoft talks about affordance https://msdn.microsoft.com/en-us/windows/desktop/dn742466.aspx Google talks about navigational elements vs action elements W3C The cursor is a pointer that ...
1
vote
2answers
91 views

Single and Multi-Select Up & Down Arrow Locations

I'm currently working on a interface that allows the user to order elements within in a box by using two arrows(up/down). Having designed and implemented controls of this nature in the past(some ...
1
vote
1answer
108 views

What's that “chevrons” mouse-like “not a slider” interface?

Imagine an ordinary left-right slider (line with a grab) which runs from say -100 to 100. The position is the value ... it's a slider. However. I've sometimes seen rather: a horizontal area the ...
2
votes
4answers
90 views

Why does YouTube hide media controls?

While I can understand that when a video is fullscreen the media controls are hidden to offer the entire viewport to the video and create an immersive experience, I've been curious about when the ...
1
vote
1answer
23 views

Zoom Slider Control Positioning

I am wondering if anyone has experience with designing a zoom in/out control slider and if they know what the best possible position for them is? Is it the best user experience to have it horizontal ...
4
votes
2answers
55 views

Contextual or global: action label in Navigation Bar and Segmented Control

I'm trying to layout a screen where users could delete some content using the classic iOS pattern: tap on the Nav-Bar's "edit" label (top-right) then tick the items to delete validate Nothing ...
4
votes
2answers
118 views

UI design recommendations for application which uses trackball instead of mouse?

Does anyone have any recommendations for designing a (non-web) application for use with a trackball instead of a mouse? If you know of any guidelines, standards or just your own experience in this ...
9
votes
2answers
448 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
0
votes
1answer
39 views

Should we have a mail open by default on a mail system?

We're rebuilding our mail system on a mobile game and this mail system contains some important system messages we want to deliver to our users. But we're a little bit confused as to whether we should ...
0
votes
0answers
21 views

Intuitive UI for query having boolean operators(lookin out for latest design patterns and referrences) [duplicate]

I am looking out for suggestions on creating a user interface where one can create certain policies based on some conditions. As an example : (Person A or Person B) cannot talk to (Person C) provided ...
2
votes
3answers
92 views

How to clearly differentiate sort by creation vs sort by comments

Scenario I have a page that shows a list of items to which users can post comments. The user can choose to sort by the item's creation date the last time a comment was posted. Problem I'm ...
3
votes
3answers
94 views

What should I call a Switch (UI component) for users?

My (mobile) interface uses switches, like this one: What should I call this component for users? I want to add a small text to my interface explaining what switches to choose in which situations ...
1
vote
2answers
132 views

What is the name of this moveable multiselect list? [duplicate]

This is killing me. I am trying to find out what is the name of this UI component that has two multiselect controls, where the left is a list of available items and the right is the list of selected ...
8
votes
3answers
5k 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 ...
5
votes
2answers
147 views

Grouping unrelated settings

I'm setting up some options/settings pages for a wordpress theme. There are a lot of options and I think splitting them up will help navigating the different controls. I'm thinking of splitting the ...
7
votes
4answers
305 views

Best way to allow entry of shop open hours

I am looking for a control or a method such that I can allow the user to enter the working times of a shop for each weekday on a web page. For instance, the working time for Wednesday is: 06:00 AM ...
4
votes
2answers
56 views

What are some important considerations on picking a continuous vs. discrete volume control?

I notice that some devices on the market have a discrete number of volume levels (e.g. the iPad, the Nintendo DS), whereas others have a continuous slider (or so many volume levels that it amounts to ...
28
votes
3answers
4k views

Is it acceptable to place video controls at the top of a video?

Is it okay to place video controls at the top of a video? Like so: Mainly considering a full screen video streaming platform like Netflix, I believe this format has some benefits: Subtitles would ...
3
votes
2answers
96 views

Which of these slider handles have the most affordance?

Working on a filter for desktop, and need to decide which kind of filter handle giveS the user the obvious impression that they can use it as a slider. Any other suggestions besides the above are ...
4
votes
4answers
1k 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 ...
1
vote
4answers
2k views

Why are most game controllers left handed?

Most game controllers (game pads, joysticks) use the left hand for directional control, which is also the task that requires the most dexterity. Most people are right handed, but end up using their ...
0
votes
5answers
246 views

One single button or two buttons

I'm working on a transportation service. We offer 2 services: Buy a bus ticket, much like public bus Book a car, similar to Uber We have a mobile app, and I'm having problem with one of the ...
0
votes
4answers
54 views

Selecting/assigning values from a grouped list

I have a scenario where there is a grouped list of variables. The user can exclusively select variables from the control list (A) to a assigned list (B). So when a value is assigned from A to B it is ...
2
votes
1answer
74 views

Proper control to select a fixed (text) value or numerical value

I want users to be able to choose to run a simulation that uses either the historical return on a stock or one where they select the numerical average return across the simulations. One way to do this ...
22
votes
3answers
14k 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 ...
4
votes
3answers
304 views

Is there a better solution for picker control on iOS

I'm doing a form field on an app and need to included a drop down at the end of some of the text fields. For the android version I'll be using the material design standard as below. for iOS, they ...
2
votes
6answers
502 views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
1
vote
3answers
106 views

Help on placing controls

I need some help on placing usercontrols for a financial app I'm working on (It's WPF but it's not relevant) I've created this wireframe I thinks this approach is an old style... and I need some ...
2
votes
3answers
2k views

Ordered Multi-select control in HTML

I'm developing a highly customisable SaaS application. It has at several places a multi select, for some cases additionally to selecting the items, the user can define an order, for other cases it is ...
23
votes
7answers
4k 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?
4
votes
5answers
1k views

Best practices for direction control in 2d game on mobile

I've been working on a pacman clone in HTML5 for quite a while. (http://pacman.platzh1rsch.ch) One important thing for me was always to keep it responsive, so it would be playable on all different ...
2
votes
2answers
99 views

Control that changes state automatically and needs to be a part of a form. Any ideas?

I need an example of a control that changes its state automatically once a condition has been satisfied. I need to use such a control to allow admins to set a flag at the user level that would ask ...
2
votes
1answer
55 views

What is the best way to display hierarchical options?

I am working on an UI that allows user to print name tag for visiting guests, some of the guests have VIP status and some don't. The "Primary Guest" is always a VIP and is included by default. Options ...
2
votes
3answers
69 views

Is there any conventions for using alternate fonts in user input fields?

My company is proceeding with a branding initiative which involves a branded font. The desire of the external agency is to apply the branded font to all input controls on the page, including text ...
4
votes
1answer
219 views

What is this sliding window element called?

I've been trying to figure out the name for this element but I've been having trouble finding it. It should snap in three locations: to the top of the screen, to the bottom of the screen, and a 5th of ...
4
votes
2answers
852 views

The Name of a Full-size Device-independent Start View with tagline only content and downward pointing arrow to access the site?

I don’t know if this is a new trend or just the fact that I’ve not come across this pattern before and it’s actually old, but I’m unable to find anything on it. The story is that you access the root ...
2
votes
2answers
179 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
2
votes
4answers
406 views

is horizontal swipe intuitive enough on mobile

Working on a mobile checkout page and would like to know if you'll think its intuitive enough that the user knows there are more products on the right side that could be reached by swiping using the 2 ...
0
votes
2answers
117 views

“Slider” with relative motion? What is this called?

I'm looking for control that allows relative motion. This isn't what I'm using it for, but you could consider it in the context of a volume control. My requirements: There is a range of ...
25
votes
9answers
2k views

Controlling movement direction in isometric view

In an isometric view, floor tiles would be aligned diagonally. On this view, an entity can be moved to adjacent tiles, as illustrated by the green arrows. Since the movement is diagonal (to the ...