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
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
75 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
78 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 ...
2
votes
4answers
89 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
107 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 ...
1
vote
1answer
21 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 ...
0
votes
1answer
27 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(...
4
votes
2answers
50 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 ...
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
89 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 ...
1
vote
1answer
72 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 ...
3
votes
3answers
89 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
118 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 ...
5
votes
2answers
146 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 ...
4
votes
2answers
52 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 ...
7
votes
4answers
301 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 ...
3
votes
2answers
94 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 ...
1
vote
1answer
99 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 ...
0
votes
5answers
234 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
52 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 ...
4
votes
3answers
273 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
445 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 ...
4
votes
2answers
117 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 ...
2
votes
2answers
98 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
54 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
216 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
850 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
4answers
401 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 ...
0
votes
2answers
269 views

Multiple choice control for region (6 regions) and countries (all countries in the world)

I have 6 lists with items for each continent (region). For instance, first list is for Europe - Austria, Sweden, Germany etc., second list is for Asia - India etc. third is Africa etc. (six ...
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 ...
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 ...
1
vote
1answer
148 views

How to write text with only 5 buttons?

I have a text field in which I can write lower case and upper case letters, numbers and some special characters (' ', '-', '_', '/', '.'). I have only 1 button that can be pressed right, left, up, ...
9
votes
2answers
300 views

Why don't commercial products use Logarithmic Volume Controls?

Would a logarithmic volume control surprise or shock users? The lowest volume settings on a Mac, or on a YouTube video control the volume in a very heavy handed manner, and once you've turned the ...
2
votes
2answers
218 views

Showing items in a list with limited space

We have a list of items for a chart legend, and some other lists where there are items hidden below. We have several areas in the UI where we have a constrained space, and items that are hidden below. ...
4
votes
2answers
235 views

Denoting multiple values for the same checkbox or radiobutton

I have a screen where the user can select multiple students and can click on edit. When he clicks on edit, the following happens - All users have the same value for a field, so that value is shown ...
1
vote
2answers
110 views

Can I use a control NOT specified by Material Design?

Material Design has a comprehensive set of components, but no design framework can reasonably hope to cover all widgets. Many of the UX StackExchange questions on Material Design on this site relate ...
94
votes
12answers
21k views

Why do showers have “hot” and “cold” knobs rather than “temperature” and “quantity” knobs?

I do not understand the advantage of the popular "hot" and "cold" controls in showers, as opposed to "temperature" and "quantity" controls. Is it simply because the latter option is harder to ...
1
vote
3answers
198 views

Should controls be removed or just greyed out in a tool for power-users where they repeat many times?

This answer by JohnGB on "Greyed-Out vs Invisible" by Joel B kind of touches on the idea, but this question focuses specifically on a moderation tool for power users. Should buttons that don't apply (...
2
votes
2answers
133 views

Best way of displaying how crowded your favourite pubs are

I'd like to ask you about the best way of displaying traffic (current situation) in favourite pubs. It should be easy to understand and it should be proper way for a map with places. My current idea ...
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 ...
0
votes
1answer
177 views

Arranging a tall narrow rectangle with a short wide one

One of the hardest UI things I tend to encounter is fitting a tall narrow rectangle with a short wide one. (In my current situation each rectangle is a sheet of controls.) It seems to be impossible to ...
1
vote
1answer
33 views

Should preferred control come first on mobile device?

I've got a check for pass, and an x for fail. Both controls are positioned next to each other on the right side of the screen. The preferred action is pass so it should be the most natural gesture. My ...
0
votes
2answers
100 views

How to build a web UI to configure (start/stop) a slide-show?

We just launched a (very) new website on which we strive to give to the user a top-notch immersive experience. Feel free to dig deeper on the site to get used with the mood around there. It seems ...
3
votes
2answers
151 views

What is an surface-perpendicular wheel control called?

Please bear with me as I attempt to describe this control (since I don't know its name I wasn't able to google image search for it). It's a physical control, used for adjusting a quantity up or down. ...
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 ...
2
votes
3answers
189 views

What's the best way to show resize handles for objects

I'm working on a web-based editor that lets people include shapes, images and different kind of objects on an interface. Considering this, they must be able to resize the objects, place them anywhere ...