in regards to ui on touch screens (or any ui, really)
real dials are meant to be grasped with fingers
you cant grasp virtual dial and left with having to rotate it with circular motion. finger has no guide, no natural direction.
real sliders could also be grasped, but most of the time they're pushed with a finger. that vertical movement translates perfectly to slide/swipe movement for a virtual slider.
dials are nice to look at. they remind us of hi-end amps and expensive car interiors. but they have no place on a touch-based device.
Perfect example. You can't really grab the dial and actually dial it. In addition the circular movement is very hard to perform with a thumb or any other finger for that matter. Since there is no tactile feedback your fingers tend to drift.
Anyway, this is awesome. You have nailed the problem and showed the solution!
@Diego Monzon Yes, on the iPod it's great, but that's a hardware wheel that keeps your finger much better in a circular motion. On a touch screen you have to pay attention to not "slip away".
@Diego Monzon ipod wheel was a hardware design and decision in time when every other music player used buttons. there were some constrains and apple solved it in their style.
but that was an exception that proves the rule.
can you name a second hardware product that uses circular motion like ipod?
Would if the dial is controlled with a vertical motion? So it'd look like the useful controlled the position of the pretty. It'd take some time to become natural but then again it wouldn't be necessary.
I totally agree.
Despite my fascination with ultra-realistic, skeuomorphic UX design I can only find it useful in one scenario: when the digital is an exact extrapolation of a real device. Say analog synths. An actual user of a Ms-20 doesn't have to learn from scratch the functionality of his digital counterpart, since everything is exactly where it was in the real world and works in the same way. A lot of other cases they are simply DdD:. designers-designing-for-designers. A lot of the most relevants shots at dribbble are jaw-dropping, pixel-perfect useless design.
And I don't exclude myself of being one of those when my ego needs some rubbing :).
However, Is just a matter of time that this haptic technology ( http://senseg.com/ ) will be in every multitouch device, where maybe radial knobs will be pretty AND useful again. So you don't loss anything in having a handful of great radial gradients ready to rock ;)
15 Responses
Pro
Anton Kudin
in regards to ui on touch screens (or any ui, really)
real dials are meant to be grasped with fingers
you cant grasp virtual dial and left with having to rotate it with circular motion. finger has no guide, no natural direction.
real sliders could also be grasped, but most of the time they're pushed with a finger. that vertical movement translates perfectly to slide/swipe movement for a virtual slider.
dials are nice to look at. they remind us of hi-end amps and expensive car interiors. but they have no place on a touch-based device.
3 months ago
Very true! However, the useful one is pretty too :P
3 months ago
Антон, я рад, что мой Just Timer вдохновил вас нарисовать эту картинку-объяснение. ;)
3 months ago
Pro
Anton Kudin
Kirill not entirely true
just search dribbble for "dial" its a epidemic.
i had this idea for a while and your app just nudged me a little toward actually doing it :)
your app does it best, btw. apple's garage band has dials that are almost impossible to use.
3 months ago
Pro
Anton Kudin
thanks, Eli
i couldn't bring myself to make a horrible-looking slider, thats not the point.. :)
3 months ago
Pro
Vilen
Perfect example. You can't really grab the dial and actually dial it. In addition the circular movement is very hard to perform with a thumb or any other finger for that matter. Since there is no tactile feedback your fingers tend to drift.
Anyway, this is awesome. You have nailed the problem and showed the solution!
3 months ago
Да ладно, Антон, этим мы и вносим разнообразие. ;)
3 months ago
Pro
Diego Monzon
I think the dial is great, even better than the slider when is used in the right circumstance , the wheel of the iPod is a good example.
3 months ago
Pro
simurai
@Diego Monzon Yes, on the iPod it's great, but that's a hardware wheel that keeps your finger much better in a circular motion. On a touch screen you have to pay attention to not "slip away".
3 months ago
Pro
Anton Kudin
@Diego Monzon ipod wheel was a hardware design and decision in time when every other music player used buttons. there were some constrains and apple solved it in their style.
but that was an exception that proves the rule.
can you name a second hardware product that uses circular motion like ipod?
3 months ago
Pro
Rui Nunes
As in your face as it gets.
3 months ago
Pro
Ivan Tolmachev
At least make users interact through a two finger gesture to rotate a dial, since it implies rotation this way
3 months ago
Pro
Tyler Hill
Would if the dial is controlled with a vertical motion? So it'd look like the useful controlled the position of the pretty. It'd take some time to become natural but then again it wouldn't be necessary.
3 months ago
Nice
3 months ago
Pro
Jordi Verdú
I totally agree.
Despite my fascination with ultra-realistic, skeuomorphic UX design I can only find it useful in one scenario: when the digital is an exact extrapolation of a real device. Say analog synths. An actual user of a Ms-20 doesn't have to learn from scratch the functionality of his digital counterpart, since everything is exactly where it was in the real world and works in the same way. A lot of other cases they are simply DdD:. designers-designing-for-designers. A lot of the most relevants shots at dribbble are jaw-dropping, pixel-perfect useless design.
And I don't exclude myself of being one of those when my ego needs some rubbing :).
However, Is just a matter of time that this haptic technology ( http://senseg.com/ ) will be in every multitouch device, where maybe radial knobs will be pretty AND useful again. So you don't loss anything in having a handful of great radial gradients ready to rock ;)
14 days ago