Questions tagged [controls]
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.
306
questions
1
vote
2
answers
83
views
Hiding layer of player controls automatically after audio playback ends
For our app (media guide app for museums), we are implementing an "inline audio player", which should look like this:
When the user clicks or touches the gray field, the control bar below ...
- 113
0
votes
1
answer
42
views
How to expose statistics like a filter buttons
Basically I have a pane with some basic statistic. It shows how many elements have been added, removed or changed and I would like to use it also a buttons to turn on and off filters. But ...
- 101
0
votes
2
answers
55
views
"UI components" with "GUI components" with "UI/UX components"
Depending on the framework, the name of these ones (buttons, input fields and also non-interactive ones like admonition blocks) is different. I am thinking which term I need to use being the developer ...
- 101
2
votes
4
answers
154
views
Could elevators not have call buttons?
Do elevators need call buttons? Shouldn't the elevator be called if someone stands in front of the door? I see many questions about people pressing the buttons for different banks of elevators and so ...
- 21
0
votes
1
answer
109
views
Segmented control vs toggle switch
We have a dashboard that allows a user to see all jobs belonging to their firm. These jobs are split into two tabs:
Upcoming jobs
Requested jobs (but haven't been yet been confirmed by us. Once it's ...
- 1,325
0
votes
1
answer
63
views
Should a "New Item" action immediately select the added Item?
Scenario: I have a button labeled "New Item" which adds a new Item to a list (for example, in the image below, "New Signal" adds a new "Signal" to a list of "Signals&...
- 101
4
votes
4
answers
631
views
Choosing sub-categories of a category to be observed or ignored
I'm working on an AI that can detect people and certain vehicles from a camera feed.
The user can configure which of these "objects" they want to monitor. They can choose either people, ...
- 430
1
vote
2
answers
233
views
Best UX for incomplete date
Situation: The user entered an invalid or incomplete date into a date picker. For example, the user entered 01/01 then exited the field.
Question: How should the date picker behave?
PrimeNG controls ...
- 111
2
votes
2
answers
445
views
What is the name of this control that looks like a floating toolbar called?
Google Forms uses a nice context control that looks like a toolbar, but floats towards the selected element (question):
It behaves similarly to a context menu (activated when clicking on a certain ...
- 145
1
vote
1
answer
77
views
Design of an open/closed interval selector
I have a idea to make an "open/close interval selector" to select the value range such as "[0,24)"or "[-1,1]" in mathematics.
[0,24) means "Greater than or equal to ...
1
vote
1
answer
87
views
Options for manual camera controls on a phone app
I am making an advanced camera app for Android. Right now, I have come up with 2 ideas for implementing 3 manual controls (focus distance, sensor sensitivity, and exposure time) on a touch screen:
...
- 111
2
votes
1
answer
219
views
How to design a control when you select any 3 of 4 parameters to get the remaining one
I am thinking from the UX perspective about implementing a control where there are four parameters (see example below). The user can select the values for any three of them to get the value of the ...
- 123
4
votes
1
answer
260
views
Exploring alternatives to a tree view for selecting a person's race
I work for a company that is software as a service for the social services industry. We're redesigning the race selection so that we can conform to the standard necessary for data exchanges in the ...
- 43
2
votes
4
answers
812
views
Which is the better way to rotate an object?
I'm a developer on the long way to learn design so please forgive me if I'm not into design jargon 🙏.
I have to design an interface to rotate a 2D object. The rotation is discrete by fixed step: the ...
- 349
1
vote
1
answer
233
views
What are alternate UI/UX for Knobs?
I'm working on UI/UX which has mainly On knobs. I'm thinking to keep alternative for knobs. What are suitable alternative for knobs (Other than sliders).
For example The figure below shows Two knobs ...
- 111
2
votes
2
answers
140
views
Single Pole Double Throw U momentary switch UI control
I have a designer working on a 3 position momentary control: it's something like a typical boolean control, with a circle inside an oval to designate on/off states, but in this case the normal ...
- 23
0
votes
1
answer
243
views
Usability Heuristic - User Control & Freedom
I'm running an UX project and need help from you guys. Usability Heuristic states that we should include "Redo" "Undo" button for users. I wonder if "Reset" button (for example: reseting all the ...
- 37
0
votes
3
answers
174
views
What's a better way to design this form?
This is by Doodle, a neat little service for coordination of meetings (no affiliation etc.). Once an invitation is sent out to participants, they get this form.
What, um, ticks me about it is the ...
- 31.1k
4
votes
3
answers
108
views
How big should an analogue stick be on a mobile game?
I am developing a mobile game, for fun, and am adding an analogue stick to control the main character. It looks something like this:
I am hoping to get some advice on the appropriate size and ...
- 149
2
votes
1
answer
107
views
iOS Segmented Controls
I'm trying to figure out the use cases for the different sizes of segmented controls, specifically the 2 segmented one.
The app store has a longer version (located below the Nav bar), while the iTunes ...
0
votes
1
answer
385
views
Name for a control with a dropdown, text boxes, and a list
I'm creating a control with a dropdown, text boxes, and a list; it's going to look somewhat like this:
The text boxes are fixed (no matter what is selected, it would always be the same text boxes).
...
- 133
1
vote
3
answers
1k
views
A checkbox that can interact / display 4 states with nested child elements
I have read discussion about tri-state checkboxes and even those are controversial - we have an even more complex problem with our software. We need 4 options and can't figure out best way to do this ...
- 11
0
votes
1
answer
577
views
Material Design: Should you use "Selection Controls" and "Text Fields" simultaneously
I know there are always exceptions to a design system.
But as a general rule, should you avoid mixing Selection Control and Text Field components?
I tend to think Selection Controls belong more in ...
- 48
0
votes
3
answers
232
views
UI controls during full screen reading
Part of the app is to read a longer text, so users have the choice to view it in a full-screen reading mode. Mainly targeted device is smartphone, not tablet.
I have two important controls here, ...
- 6,816
0
votes
1
answer
576
views
Better 2D UI control for Yaw, Pitch Roll in 3d objects (transform)
I'm working with a 2D representation of 3D objects such as a PTZ camera or avatars and cubes. I understand that the best way to rotate things in a 3D space is with direct manipulation using a widget ...
- 853
3
votes
2
answers
190
views
Placing toggle controls in title bars
What are the pros and cons of placing controls in menu bars? This is an example from a Linux desktop environment:
I've personally found the placement of the controls in the title bar unexpected, ...
- 469
1
vote
1
answer
1k
views
What do you call the date range slider bar underneath a time series chart?
What's the name of a slider bar, underneath a chart, that determines date range, that the chart is showing? The one I circled in pink.
- 302
2
votes
3
answers
728
views
Conformity vs. complexity (gamepad/controller layout)
I'm porting a VR app to non-VR. In VR you can move your head to look around, which you can't in a Windows app of course. This means that I also have to change the controller layout. Users might use ...
- 163
1
vote
4
answers
308
views
How to show a segmented control and multiselect buttongroup at top of a list
I'm struggling on how I can present the following to my users and that they understand how it works:
In a desktop app, we have a 'Recent' phonecalls list. This list shows all calls that came in and ...
- 91
0
votes
1
answer
144
views
Is UI simplification in Microsoft's products for the past ten years motivated by user experience? [duplicate]
Working mostly with Linux, I rediscover from time to time Windows and Microsoft's applications such as Internet Explorer/Edge. I also notice that the trend is not limited to Microsoft, although I don'...
- 3,734
1
vote
2
answers
169
views
One search field with two available actions
When assigning roles to a user, the admin uses a single search field with 2 available actions:
Search Roles that can be added
Search Users to copy role assignments from
Currently, the UI looks like ...
- 135
2
votes
4
answers
226
views
What is the name of the control shown to users with tips, tutorials or other messages usually in a lightbox?
Is there a specific name to the control that is shown to users of web sites/apps that is usually a modal window or lightbox that generally displays content like:
Tips
Guided walkthroughs
Important ...
- 141
0
votes
1
answer
93
views
Name for combo box with substring filter?
What do you call a combobox in which what you write in the combobox filters a (long) list that can be accessed as a dropdown menu.
Here we filter with the strings igh, s, and not old; so any line ...
- 141
1
vote
1
answer
3k
views
Accordions on iOS, and Android
Back in the day, Accordions for web apps were quite common. We built a Silverlight app, and it has a very Accordion-centric workflow. The content is mainly divided up in to Accordion panels because a) ...
5
votes
2
answers
448
views
What's a good way to show a slider that also has on/off toogle in an app?
I am working on an app where a user can dim the lights in a room. However, it is also possible to turn them on and off.
I have three different concepts:
just one slider where the left is off too. ...
- 109
1
vote
1
answer
96
views
How many similar controls warrant a mass action?
Let's say we have a modal with a number of similar actions. We're trying to decide whether a mass action to mark/clear all checkboxes is justified. The modal performs an infrequent action in the ...
- 31.1k
0
votes
3
answers
204
views
Rotating button text
Suppose that you design a standard button that at every click rotates among a fixed number of options (in this case, display modes), like: Wireframe, Shaded, Rendered and then back to Wireframe.
...
- 123
1
vote
1
answer
118
views
What is better to use for controls that make an action and change the layout?
I have an app that remotely controls a device. The device has several modes. Switching the mode activates some actions. For example, air conditioner do different job in different modes. But my device ...
0
votes
2
answers
235
views
Should Spin box component display 'increment by amount' if greater than 1?
I need to create a touch component that acts like a spin box (or stepper) except it increments the value in the box more than one at a time, specifically 50 at a time.
The range of values in the box ...
- 213
2
votes
1
answer
96
views
Should state be indicated by its control or should control and state be separate in the UI?
I am developing a UI that controls various hardware components like lights, appliances, and such. The hardware sends notifications when its state changes. The UI receives a live stream of the state ...
- 121
1
vote
2
answers
820
views
Is there a standard UX icon for "select all children" [closed]
I use a tree viewer outline control to manage the data in my application.
Some folders in the outline may contain many 10s of child items. For some operations a user will wish to select all of the ...
- 111
1
vote
3
answers
108
views
Is there a practice to indicate that some area is accessible via Permissions only?
I have a menu on a web page, where for all employees it has 3 line items, but for some employees with certain permissions it has 6 line items. Those who can see only 3 line items do not need to know ...
- 287
4
votes
2
answers
366
views
Add-to-cart action for two separate upsell items in the checkout flow
Scenario
I'm working on a site with an upsell offer of two similar products that are presented upon entering the checkout flow. I need to let the user know they can add one or both upsells to their ...
- 41
1
vote
1
answer
110
views
Should RightToLeft be applied just to text or to image as well?
I have developed a control in which an image and text is displayed.
In left-to-right mode, the text is located on the left and the image on right side of control:
I have provided support for ...
- 113
3
votes
2
answers
220
views
Two dimensional selection widget
I am working on 2d selection widget that should be optimal for touch and mouse modality equally.
The widget goal is to change two different properties of a primitive(can be any shape - a circle or ...
0
votes
2
answers
258
views
How good is the ux of adding an extra segment control dynamically, when certain conditions are satisfied?
Initially there are only 2 controls but, when there are options nearby for a user, an additional segment control pops up and displays options. How good is this ux. If this is bad, please help me with ...
1
vote
1
answer
891
views
Should the 'show more/less' button in facets stay in position
It's good (and common) practice that when you have a show more/less button that it should stay in position. This lets the user see the extra options, examine the content or state and collapse them ...
- 71k
4
votes
3
answers
271
views
What control to use to modify speed of a player?
I need to make a player control for playback of history of states. The context is not important, it should basically act like in a media player. It is easy to use buttons for most functions, such as: '...
- 141
3
votes
2
answers
93
views
How would you signify that a number entered represents the length of the sides of a square?
For a web application I'm creating, users will be able to generate square-shaped images of sizes within some range (say from 50 x 50px to 500 x 500px).
Since the resulting image will always be a ...
- 380
2
votes
1
answer
277
views
Rules & Behavior for Start & Stop Buttons
I'm working UX on an app that includes user-initiated diagnostics. Some of the diagnostics complete after a moment or two, others often take several seconds to minutes.
In the current version of the ...
- 123