Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch.

visual example of all three toggle controls

The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no mention of the toggle button.

How and when do I use it? Should I use it at all, considering the – in my opinion – lower affordance and discoverability? What are its pros and cons?

share|improve this question

2 Answers 2

up vote 6 down vote accepted

A toggle button usually makes the most sense when you have a number of buttons to choose between. Something like a set of radio buttons in interaction.

enter image description here

Otherwise, one toggle button on its own isn't clear in terms of either interaction or affordance, and the other options are better choices.

share|improve this answer
2  
+1 Toggle buttons should come in three's at least. Having two toggle buttons isn't any clearer than one in terms of interaction and affordance. Same with radio groups of two options. I never know which one is selected and which one isn't. –  Marjan Venema May 29 '13 at 19:57

Explicit labeling should help you out here. When you have multiple toggle buttons, it is quite important that they appear visually related (in a group).

When using a stand alone toggle button, have a label to make it explicit that it is a toggle and highlight/de-highlight the state of the button according to your visual theme. Rather than just putting it in a 'white state', grey out the off state since if is quite similar to 'disabling'.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.