Turn boring HTML checkboxes into iPhone toggle switches

Post by barredo » Thu, Aug 06, 2009, 3:33 AM UTC

jqr wrote: post #10

kingsley_20 wrote: post #6

Earlier quoted context omitted.

Non-obvious keyboard support is still almost worthless.

I'm sure we'll add a focus highlight or something soon!

Post by hyperbovine » Thu, Aug 06, 2009, 4:32 AM UTC

Post by robin_reala » Thu, Aug 06, 2009, 6:26 AM UTC

jcromartie wrote: post #4

The only reason I'd want these is for a web page to be used on an iPhone. They kill usability for keyboard-focused users.

Post by michaelneale » Thu, Aug 06, 2009, 7:26 AM UTC

tumult wrote: post #14

makecheck wrote: post #12

This is a classic case of why you don't necessarily make a UI element look like something real. Every time I used the toggle switches, I just wanted to "swish" them with the mouse (a completely awkward gesture), even though they technically respond to simple on/off clicks like checkboxes do. So all they've done is make the "easy" behavior unintuitive, while almost encouraging an awkward gesture.

You can actually swish them on an iPhone (the real iPhone ones, not the ones in this kit.)

Post by DougBTX » Thu, Aug 06, 2009, 10:55 AM UTC

mattp wrote: post #18

makecheck wrote: post #12

This is a classic case of why you don't necessarily make a UI element look like something real. Every time I used the toggle switches, I just wanted to "swish" them with the mouse (a completely awkward gesture), even though they technically respond to simple on/off clicks like checkboxes do. So all they've done is make the "easy" behavior unintuitive, while almost encouraging an awkward gesture.

I agree that we shouldn't automatically copy and past UI elements from one platform to every other, unless they present real usability benefits to those other platforms. But one benefit I can see is that these switches increase the target area, which I've always found to be somewhat small with checkboxes and radio buttons...