Checkbox vs. Toggle (Mobile) - What do you prefer and why?

over 5 years ago from , Product Designer | Currently Re-Building Insurance | Previously @ Apartments.com

I am working on a mobile web 'checkout flow', and am going back and forth mentally on if I should use a toggle or a checkbox for the 'agree to terms and conditions'. I have seen and personally used both, but with no real logic behind it.

What do you tend to use in this scenario, why do you choose that option, and 'when' do you?


  • Koos Looijesteijn, over 5 years ago

    In my experience, checkboxes almost always require a follow up action (OK, save, continue), whereas toggle states are effective and saved immediately.

    I’ve never seen a combination of toggles and a save button. A checkbox without confirmation makes me feel uncertain about whether me pressing it has any effect.

    Another application of checkboxes, even in iOS native apps, is selecting items for a certain action. Like photos to delete.

    In a typical checkout flow, checkboxes would make sense. Perhaps a button [ Accept terms and conditions ] too, if you don’t want to use checkboxes for some reason.

    0 points
  • Alexander Haniotis, over 5 years ago

    I tend to go with a checkbox for yes/no and a toggle for on/off

    I would like to receive emails = checkbox / Allow push notifications = toggle

    0 points