Learn more about product with this collection
How to analyze churn data and make data-driven decisions
The importance of customer feedback
How to improve customer experience
We take a look at selectors and how they differ from each other, focussing on two components (radio buttons and checkboxes) side by side for easier comparison — while also comparing them to a few others.
This includes:
2
0 reads
A selector is an input field where the user has to select one (or more) options, unlike a text field where the user has free rein. Selectors come in all different shapes and forms. Dropdowns, checkboxes, toggles, sliders, and more are all different types of selectors, yet they look nothing like each other.
The main functional difference between these types of selectors is how many options the user can pick: one or more.
3
2 reads
Radio buttons and checkboxes are very similar, except for a few key differences. The primary difference is that with radio buttons you can only select one item, while with checkboxes you can select any number.
2
0 reads
2
2 reads
Checkboxes and radio buttons have to change their state/appearance so that users know they have been selected. We need to add these little visual cues to nudge the user in the right direction using patterns that they already know and understand.
Types:
3
0 reads
2
0 reads
If your option’s labels are short, consider using a multiple-choice toggle.
2
0 reads
2
1 read
3
2 reads
More like this
2 ideas
Design Better Forms
medium.com
4 ideas
How to Design Great UX for Sign Up Form
uxplanet.org
4 ideas
Tips for Designing Carousels
uxplanet.org
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving & library
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Personalized recommendations
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates