search

foundation / foundation-sites

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
https://get.foundation
MIT License
29.65k stars 5.48k forks source link

UX/usability issue with switches and radio buttons #5971

Closed ghost closed 9 years ago

ghost commented 10 years ago

switches___foundation_docs

I'd like to strongly recommend that this design be changed. I think any experienced UI/UX engineer would agree with me that this is really not a great implementation of radio buttons at all. They look just like toggle switches (on/off). I think it would be much better to represent the radio buttons as a circle with a blue dot in the center to more closely reflect the standard HTML appearance.

ajinkya-bhosale commented 10 years ago

I am agree with CaptSaltyJack . Switch should have On/Off , Yes/No , Enable/Disable text in it. e.g. like this http://proto.io/freebies/onoff/

ghost commented 10 years ago

Well, the issue I was pointing out is that radio buttons look exactly like checkboxes. This is bad design.

ajinkya-bhosale commented 10 years ago

@CaptSaltyJack Ok.

rafibomb commented 10 years ago

Can you provide an example that would be better?

ghost commented 10 years ago

ui-standard

This is what I recommend. People see round radio buttons and know what they are, and that each option is exclusive of the others. If you make radio buttons look like switches, it gives the impression that all of them can be on, or some of them can be on, an that's not the case.

ghost commented 10 years ago

Not to mention that it's confusing to have the radio buttons visually resemble checkboxes.

gakimball commented 9 years ago

The pattern does come up here and there, but you're right that it's not that intuitive. Either way, we're okay leaving it up to the designer to make that call. And it's not possible to remove the functionality, because the CSS is just looking for a :checked attribute to flip the switch on.