Stepper XVI

Hey there!

Here is another look at touch-freindization of classic controls. Arrows on the UI work in the usual way. You can click on the top arrow to increase the value of the stepper and click on the bottom arrow to decrease one. In most cases, it’s appropriate for desktop-based interfaces where you have a particular controller allowing you to interact with the UI precisely (mouse or trackpad, for example).

The interaction allows us to use the control in touch interfaces without modification of its appearance. Sure, it’s not 100 percent obvious that the UI might be used in a way it’s shown on the shot. We could consider the arrows as signifiers, that you can swipe down/up the UI, but we should have context. So, the approach demands a convention throughout whole UX that any UI whenever a user comes across it, is capable of being used in this way.

I think there are benefits for platforms like Nintendo Switch from this approach. When you design cross-platform UX, and your user can use your UI with touches and controllers, you should be sure that your user understands the UI convention (that UI could be used in different ways depending on a usage context or platform).