Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
97 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'...
0
votes
0answers
25 views

What is the name of this UI element that contains two lists? [duplicate]

What is the name or phrase used to describe the above (admittedly quickly put together UI for the sake of this question) element? Most of the implementations of it have had these common functions: ...
1
vote
2answers
91 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 ...
2
votes
3answers
131 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 ...
0
votes
1answer
61 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 ...
1
vote
1answer
445 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) ...
0
votes
0answers
189 views

Map UI/UX toggle and search

I have a map that shows POIs. POIs are classified by only 5 types (A,B,C,D,E). The user can toggle the POIs on/off by types. Can anyone share their opinion or suggestion how I can improve this. ...
5
votes
2answers
157 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. ...
1
vote
1answer
82 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 ...
0
votes
3answers
137 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. ...
1
vote
1answer
87 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
2answers
118 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 ...
2
votes
1answer
60 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 ...
1
vote
2answers
414 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 ...
1
vote
3answers
106 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 ...
4
votes
2answers
227 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 ...
1
vote
1answer
109 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 ...
4
votes
2answers
155 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
2answers
131 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
1answer
291 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 ...
4
votes
3answers
85 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: '...
3
votes
2answers
91 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 ...
3
votes
1answer
97 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 ...
1
vote
2answers
208 views

Best way to represent “rotation” of a 3D object

Right now I'm working on improving a section of an app that we are redesigning on my workplace. Basically it's an app that runs on a tablet and the specific part of the app, that I present here, is ...
0
votes
5answers
827 views

Expand All / Collapse All

In what cases would you justify adding the ability to Expand All/Collapse all to pages where there are individually collapsed sections?
0
votes
2answers
54 views

Is there a good example (and name) of a floating button which appears between rows/columns?

I'm imagining a way of inserting a new row or column, where when the cursor approaches the outer vertex of a row or column (where the divider meets the outer edge), a button with a + appears allowing ...
1
vote
2answers
36 views

Can a Video/Audio Chat application get rid of its own volume control and depend on master volume control?

Designing a communication software with audio/video chat starts to have a lot of chat controls and the UI starts to get cluttered. I am wondering if getting rid of application's volume control and ...
4
votes
3answers
122 views

How to emphasize/mark one option over the other?

I'm attaching screenshot of the current section. The left option, is the free option(obviously), while the right one, is the paid option, marked with "locked" emoji. I'm trying to increase the "...
1
vote
2answers
101 views

Can I replace those arrow icons with some other controls

Situation: I have a GUI containing different rows. At the end of each row there is an arrow indicating you might show some more info by clicking on that arrow. I do not think this is a good solution ...
7
votes
2answers
496 views

Do numeric steppers have an affordance problem?

download bmml source – Wireframes created with Balsamiq Mockups This is a relatively common control. In addition to pressing the up/down buttons, these steppers typically support additional ...
2
votes
2answers
353 views

Is a slider with multiple handles suitable for defining split points

I'm working on a web app. Now I have to divide a value range into several continuous parts, say, divide 0~100 into four parts: 0~20, 20~40, 40~60, 60~100. In the simplest way, I can use some text ...
3
votes
1answer
67 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
62 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 ...
0
votes
1answer
74 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
399 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 says ...
7
votes
5answers
289 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
969 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
520 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
1k 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
148 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
159 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 ...
2
votes
2answers
61 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(...
5
votes
2answers
361 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
44 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 ...
2
votes
3answers
193 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
2answers
170 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 ...
6
votes
4answers
605 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 so ...
1
vote
2answers
548 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
206 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 ...
3
votes
2answers
203 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 ...