States - Deepstash
Ultimate Guide to Reducing Churn

Learn more about with this collection

How to analyze churn data and make data-driven decisions

The importance of customer feedback

How to improve customer experience

Ultimate Guide to Reducing Churn

Discover 62 similar ideas in

It takes just

9 mins to read

States

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: 

  • Active
  • Inactive
  • Hover
  • Focussed
  • Highlighted
  • Pressed
  • Selected
  • Fail Feedback

3

0 reads

MORE IDEAS ON THIS

What are Selectors

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 e...

3

2 reads

Accessibility Checklist

  1. Does your selector meet the WCAG AAA colour contrast standards? Some designers use the AA standards instead, but I’m far too paranoid for that. My current favourite contrast checker is 
WebAIM...

3

2 reads

When To Use Checkboxes

  • When you want the user to be able to select multiple options or none at all
  • Single item(Like agreeing to T&C)

2

1 read

Label Text: The Rules

  1. Make sure that the case on every selector label is the same (sentence case, title case, etc.)
  2. Make sure that all items either end in a period or not.
  3. Try to make sure that all the items are either a sentence, phrase, or word.
  4. Above all, be consistent.

2

0 reads

When To Use The Radio Button

  • When you only want the user to select one item
  • If you have fewer than six options
  • You want to force a selection of one
  • If the question only has two options t...

2

0 reads

UI cheat sheet: radio buttons, checkboxes, and other selectors

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:

  • What selectors are
  • What is the diffe...

2

0 reads

Difference between Radio Buttons and Checkboxes

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

Common Styles

  • Standard style (radio buttons/checkboxes)
  • Quiz button style (radio buttons/checkboxes)
  • Basic image style (radio buttons/checkboxes)
  • Image in a grid style (single/multi-select)
  • Multi-level checkboxes
  • Forced selection
  • Button style (single/multi-s...

2

2 reads

Related collections

More like this

Move to Scalable Online Platform

  1. Identify Founding Members For An Online Platform: Having established the group’s foundation, provide a scalable platform for the community to interact more efficiently and find others regularly. To get your online community started, pick the ideal members in your community for that.

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.

Email

I agree to receive email updates