Difference between revisions of "Projects/Usability/HIG/RadioButtons"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Guidelines)
(HIG moved to community)
 
(29 intermediate revisions by 4 users not shown)
Line 1: Line 1:
Radio buttons offer the user a choice of two or more mutually exclusive options. Try to limit the number of radio buttons and radio button groups in a dialog.  Offering a high number of radio buttons consumes screen space and adds to visual clutter. At the same time, showing all available options at once is an advantage if users are likely not to know possible alternatives.
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/RadioButtons }}
 
+
=== Guidelines ===
+
* Use radio buttons for 2 to 3 mutually exclusive options. If there are more than three options, use a combo box or list instead.
+
* Use radio buttons if the user should see the choices without further interaction.
+
* Provide a descriptive label above or left to a group of radio buttons in [[Projects/Usability/HIG/Capitalization|sentence style capitalization]].
+
* Use [[Projects/Usability/HIG/Capitalization|title style capitalization]] the radio button options.
+
* Align groups of radio buttons vertically rather than horizontally, as this makes them easier to scan visually. Use horizontal or rectangular alignments only if they greatly improve the layout of the window.
+
* Radio buttons are not dynamic; their content or labels should not change depending on the context.
+
* If toggling a radio button affects the enabled state of other controls, place the controls that it affects next to the radio button or below and indented.
+
* '''Don't''' initiate an action when the user clicks a radio button.
+
 
+
Example:
+
 
+
[[File:Radio_buttons.png]]
+

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.


This page was last modified on 4 August 2016, at 11:26. Content is available under Creative Commons License SA 3.0 as well as the GNU Free Documentation License 1.2 unless otherwise noted.