Show HN: Non-Confusing, Visually Correct Slider Toggle UI

Re:Show HN: Non-Confusing, Visually Correct Slider Toggle UI by bonzoesc on Monday November 05, 2012 @09:54AM (#4743694)

Every slider implementation I've seen on the web has been inspired by sliders in iOS, where they provide a bigger touch target. iOS sliders also give considerable information about their current state: the word "OFF" is in grey text on white, and "ON" is in white text on a vivid blue background.

I agree that they're not really appropriate on desktop browsers, and I haven't really seen an implementation of them that impresses me or gets it completely "right."

[ Parent | on HN ]

Re:Show HN: Non-Confusing, Visually Correct Slider Toggle UI by TazeTSchnitzel on Monday November 05, 2012 @10:46AM (#4744001)

The iOS slider is so good, that one site I use literally just screenshotted its on and off positions... and used them as a checkbox.

[ Parent | on HN ]

Re:Show HN: Non-Confusing, Visually Correct Slider Toggle UI by zerostar07 on Monday November 05, 2012 @12:09PM (#4744533)

While they provide a bigger touch target, I don't think they are intuitive.

Edited: I distinctly remember being confused about what kind of control they were the first time I saw them.

[ Parent | on HN ]

Re:Show HN: Non-Confusing, Visually Correct Slider Toggle UI by bonzoesc on Monday November 05, 2012 @01:41PM (#4745094)

What did you try? There's only really two verbs in iOS (tap and drag), and they both work.

[ Parent | on HN ]

Re:Show HN: Non-Confusing, Visually Correct Slider Toggle UI by ams6110 on Monday November 05, 2012 @03:03PM (#4745506)

I still find them confusing.

[ Parent | on HN ]