Skip to main content
Share Your Experience: Take the 2024 Developer Survey
22 votes
Accepted

Why don't commercial products use Logarithmic Volume Controls?

Working as a sound designer in the games industry the response I have get from most programmers regarding this is that they simply don't realise that linear volume scaling is wrong. Once shown the ...
Nick Dymond's user avatar
9 votes
Accepted

What is the name of this moveable multiselect list?

What names are there? Microsoft calls this a List Builder. As does the 2006 book 'Designing Interfaces' by O'Reilly. Google calls this in Material Design UI a "transfer list" (or "shuttle"). ...
PixelSnader's user avatar
  • 8,331
8 votes

Why does the Xbox controller have non-symmetrical analog sticks?

The answer is simple. There is no "ergonomics", "fatigue" and other speculation. When Sony made a gamepad for original PlayStation - its design was patented. Therefore, Microsoft had no choice but to ...
Andrey  Zubkov's user avatar
6 votes

Which is the better way to rotate an object?

I think arc looks cool, but is hell to implement and users will try to follow the arc with is quite complex motion to do with mouse and especially trackpad. I think it is better to suggest movement ...
Jurijs Kovzels's user avatar
5 votes
Accepted

How to clearly differentiate sort by creation vs sort by comments

Just say what you mean Sometimes you just have to say it out loud. What is the most succinct way to clearly describe it in plain language? It also helps to ask others in a sort of guerrilla testing ...
plainclothes's user avatar
  • 21.3k
5 votes
Accepted

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

There is already a an interface in hardware design where a potentiometer or rheostat has a switch at one of the ends of the range. In some cases, it is used as an on/off switch, e.g. for a cheap ...
Harley's user avatar
  • 66
5 votes

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

I will suggest you go with radio buttons over slider, because sliders lack the very important features such as: Precision, Speed, Cognitive Load etc. Here's a fantastic study done on this topic (the ...
Dipak's user avatar
  • 16.2k
5 votes

Add-to-cart action for two separate upsell items in the checkout flow

Less clicks, please 😬 The trouble here is that you're asking your customer to change how they think about adding to the cart. Ask yourself a simple question when creating the control: Is there ...
plainclothes's user avatar
  • 21.3k
5 votes

What's a good way to show a slider that also has on/off toogle in an app?

Depending on how you access these features in your app, you can turn it into a two step process that's contained within one screen. You can use the same format for temperature.
Wendy Wojenka's user avatar
5 votes
Accepted

How to design a control when you select any 3 of 4 parameters to get the remaining one

vkrouglov You can try this approach: By offloading the work upfront, ask for the missing details (i.e output)
Oluwatobi Mayowa's user avatar
5 votes

Choosing sub-categories of a category to be observed or ignored

Every filter has three states 'must wear' 'must not wear' 'does not matter' Instead of switching a filter on and of you could provide all three states. Something like this. I do not know how or by ...
BrunoH's user avatar
  • 3,435
4 votes

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

I think the smart approach would be to include a volume control on desktop computers, but hide it on mobile. The reason is most desktop users don't like to adjust their speaker volume, it's often ...
David's user avatar
  • 41
4 votes

Why does YouTube hide media controls?

I can still remember when YouTube videos had transport controls visible all the time. As YouTube videos are usually embedded in other webpages the transport controls need to be included within the ...
Roux Martin's user avatar
  • 14.2k
4 votes

Do numeric steppers have an affordance problem?

I think this is a brilliant question. I know I have experienced this difficulty in the past, even when I may have been aware of the additional methods. I can't speak for others but hidden gestures or ...
Andre Dickson's user avatar
4 votes

Is there a practice to indicate that some area is accessible via Permissions only?

Color was already suggested, but is simple iconography an option? A tiny "lock" icon, or even a box or shaded area with a faint lock image as a background perhaps? Super quick example
tobybot's user avatar
  • 566
4 votes
Accepted

Rotating button text

Why not use a segmented control instead? Segmented controls with text labels are unambiguous, and allow the user to see the state and the name of the state (and all available states) in the same view. ...
Mike M's user avatar
  • 24.7k
4 votes
Accepted

Name for a control with a dropdown, text boxes, and a list

The general term is Selection Dependent Inputs. LukeW speaks on these, often in the context of radio buttons that expose other choices. It's an older piece, but still quite relevant.
Mike M's user avatar
  • 24.7k
4 votes

Choosing sub-categories of a category to be observed or ignored

Don't use switches. Toggle switches are notoriously difficult to read and are only really meant to be used for two different and mutually exclusive options. Like "Chicken or Fish?". Do use ...
Roux Martin's user avatar
  • 14.2k
4 votes

Choosing sub-categories of a category to be observed or ignored

As others have mentioned, checkboxes/radios are appropriate here vs switches (general rule: if your panel needs a Save button, don't use a switch, because they imply instant change.) There's space for ...
Izquierdo's user avatar
  • 12.7k
3 votes
Accepted

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

When I design something like that and I have user whom I have to tell them to play with that toggle. I use "slider button' they easily understand what I want to say, they directly go there. In other ...
Abhishek Sharma's user avatar
3 votes

Why don't commercial products use Logarithmic Volume Controls?

The scale doesn't matter most of the time and the label of that scale almost never matters. In a broad sense, the user only wants volume controls with 2 settings: Off and the correct/desired volume. ...
Nathan Rabe's user avatar
  • 8,878
3 votes
Accepted

Why does YouTube hide media controls?

Clearly hiding them is better than always overlaying them, so the question is then on the downsides of having them instead below the video. The first disadvantage with them being below the video is ...
Veedrac's user avatar
  • 251
3 votes

Using pointer mouse cursor shape on controls

If you are in doubt show a hand cursor on everything that is clickable. For the web application I’m working on I have done a lot of observations and came to the conclusion above. We have almost no ...
jazZRo's user avatar
  • 11.9k
3 votes
Accepted

Is a slider with multiple handles suitable for defining split points

Sliders output-wise do show the differences between ranges better than a bunch of text inputs. But I've used multi-range sliders a couple of times and people asked for text fields when they had to use ...
mgraham's user avatar
  • 1,803
3 votes

Is a slider with multiple handles suitable for defining split points

Perhaps a hybrid of slider points and text input where a change to one automatically changes the other? In this way there are a number of advantages: If you are typing in the edit fields you get the ...
SteveD's user avatar
  • 8,924
3 votes
Accepted

Can I replace those arrow icons with some other controls

If those are you requirements: The control has to be more "visual obvious". The "click area" has to increase. It has to be more obvious what the control actually does. Then why ...
asiegf's user avatar
  • 1,165
3 votes
Accepted

How to emphasize/mark one option over the other?

Simple fix: Make the paid option look more attractive. In your current design, both options are equal in look except for the lock icon (which you may consider removing as it may deter users). Here's ...
Alan's user avatar
  • 3,858
3 votes

How to emphasize/mark one option over the other?

You can use a button with background for the CTA button and a ghost button only for the button that you want to be less visible (or just text / background with a smaller opacity). The second option ...
Madalina Taina's user avatar
3 votes

Is there a standard UX icon for "select all children"

Material design suggest has as "Select All", the following. https://material.io/icons/ Please ask your users if they understand this icon before using it. The most common practice is to use the ...
Dimitra Miha's user avatar
  • 3,739

Only top scored, non community-wiki answers of a minimum length are eligible