Tap to Dismiss
Published in

Tap to Dismiss

A better segmented control

How we embraced a growth mindset and ended up with a more robust ecosystem of selection patterns

Old segmented control does not spark joy

Problem definition

Previous selection controls
A different segmented control for every occasion

Tackling one problem at a time

New, lightweight, segmented control styles
Variants in situ
Clear and internally consistent differences

Segmented controls allow users to make a single selection from a set of 2–5 options, as a common alternative to radio buttons and dropdown menus. They clearly present all available options to users and are easy to use on mobile devices.
• Use them over other selection controls to reduce cognitive load.
• Do not use them to filter or navigate content (use Tabs instead).

Selection control ecosystem flow chart aka pure insanity

Tying up loose ends

Banished, but never forgotten



Sweating the details so you don’t have to

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Runi Goswami

I create systems that help people build better user experiences https://runigoswami.com/. Design Systems Manager @ Lyft.