In the article, "Checkboxes vs. Radio Buttons", Jakob Nielson explains when to use checkboxes and when to use radio buttons. This is good for me because I just launched an e-commerce website of my own, and I want to make sure that I use the correct widget when I should.
Definitions:
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice.
Checkboxes are used when there are lists of options and the user may select any number of choices, including zero, one, or several.
A stand-alone checkbox is used for a single option that the user can turn on or off.
Make it standard and visible A checkbox should be a square with an X or a checkmark to show what it is. A radio button should be a circle with a solid circle inside.
Visually present choices of groups as groups, including making them vertical. This will allow the user to see what the relationship is between them. Radio buttons should be to the left of the description, and stacked vertically to allow for ease of use.
Use positive and active wording. Don't make the user struggle to figure out what checking the checkbox means.
Don't forget what I chose earlier, and don't not save those settings
Save and apply previous settings
Obviously, choice 2 makes more sense.
Use Radio buttons instead of drop down menus. This will show the user every possible choice. Thus, allowing them to make a good choice.
Start with a radio button selected. The default for a radio button is that one of the choices is always selected. If the user might not choose one of the options, make sure that it is "
" is an option. In addition make sure choices are clear and distinct so that it is easier for users to make a good choice.
Define access keys for frequently used buttons and checkboxes. For instance, for my wording example above, press ALT-2 to "save and apply previous settings."
Make it easy to choose. Allow the user to click on the button/checkbox or its label. On the "none" example above, click on the word to choose the option.
Use checkboxes and radio buttons only to change settings, not as action butons. Pretty straight and simple. Action buttons should be different. CBs and RBs should only be used when settings need to be changed.
WHY?
Duh! So your user can better master your site and know how to get around and what to do. In other words, you will not drive them away.
