Radio

Alternative gender selection radio buttons

Alternative gender selection radio buttons
  1. What can I use instead of radio buttons?
  2. Should radio buttons be preselected?
  3. Under what circumstances is a menu used instead of a radio button group?
  4. Should radio buttons be horizontal or vertical?

What can I use instead of radio buttons?

The alternatives to radio buttons are checkboxes and drop down boxes. Use them over the alternatives when: One answer must be selected.

Should radio buttons be preselected?

Always Offer a Default Selection

One of the 10 heuristics of UI design says that users should be able to undo (and redo) their actions. This means enabling people to set a UI control back to its original state. In case of radio buttons this means that radio buttons should always have exactly one option pre-selected.

Under what circumstances is a menu used instead of a radio button group?

Rule#1: When You Want to Emphasize Options

You want the user to read all options. The options are unfamiliar to the user and there is less or no chance that he can predict them.

Should radio buttons be horizontal or vertical?

Vertical positioning of radio buttons is safer. Radio buttons are tiny in nature, and, thus, according to Fitts' law, they can be hard to click or tap. To enlarge the target area, let users select an option by clicking or tapping not just that button, but also the label or associated words.

What is the difference between a user and an end-user?
You are right, it is exactly as you say: end users are the users of an end product or service, while users are all the users and stakeholders who inte...
Key pillars of ethical design practices in digital products and services
What is ethics in digital design?What are the ethics of design?What are the responsibilities of graphic designers to be ethical in their design work?...
How to deal with centered content on a layout with a sidebar?
How do I position content beside the sidebar?How do I align the content to the center of the page?How do you center a page layout? How do I position...