Stop Misusing Toggle Switches(uxmovement.com)

12 days ago from anthony thomas, ux designer

  • Marc EdwardsMarc Edwards, 11 days ago

    I still don’t agree with that. Switches and checkboxes are effectively identical from a behaviour standpoint. They turn a thing off or on.

    There is no claim that the result will be instant, but realtime feedback is generally preferable for both. There is no claim that the effect is local or global. Both represent state.

    You may need to think a bit deeper about why UISwitch was invented for the original iPhone — it provided a larger hit target to make it easier to tap, and it also introduced an interaction that’s enjoyable for multitouch devices.

    Here’s what the iOS design guidelines have to say:

    A switch is a visual toggle between two mutually exclusive states—on and off.

    Here’s what the Material Design guidelines have to say:

    Switches toggle the state of a single setting on or off. They are the preferred way to adjust settings on mobile.

    To be even more clear, the example on the right below does not follow the iOS guidelines. Guidelines can be broken, but it definitely shouldn’t be presented as the better interface pattern.

    10 points
    • anthony thomasanthony thomas, 11 days ago

      There are claims: https://www.nngroup.com/articles/toggle-switch-guidelines/

      Toggle switches should take immediate effect and should not require the user to click Save or Submit to apply the new state.

      You should probably study more UX and think deeper about how users interpret and perceive controls differently based on context. Just because two different controls have the same function doesn't mean they can be used willy nilly.

      The guidelines you provided do not prove your case that switches and checkboxes can be used interchangeably.

      You're looking at it wrong. There is no "better interface pattern," it's a matter of context and user expectations. Hope you learned something from the article.

      2 points
      • Marc EdwardsMarc Edwards, 10 days ago

        Your “incorrect” switches for selection image looks like lots of Apple’s UI, across many of their built-in apps. It’s not incorrect at all.

        The guidelines you provided do not prove your case that switches and checkboxes can be used interchangeably.

        iOS has switches. macOS has checkboxes. Platforms have conventions.

        You're looking at it wrong. There is no "better interface pattern," it's a matter of context and user expectations.

        You are recommending people use checkboxes on iOS, but THERE IS NO CHECKBOX UI WIDGET ON iOS.

        Just because two different controls have the same function doesn't mean they can be used willy nilly.

        I agree. THERE IS NO CHECKBOX UI WIDGET ON iOS.

        8 points