<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Checkboxes Exercises

Explore hands-on “Checkboxes” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Toggles
Exercise

Toggles

Common UI Components
Radio button
Exercise

Radio button

Common UI Component Definitions I
Set default selections
Exercise

Set default selections

Best Practices for Designing Selection Controls
Disabled state
Exercise

Disabled state

UI Component States
Indicate an indeterminate state
Exercise

Indicate an indeterminate state

Best Practices for Designing Selection Controls
Align controls with the labels
Exercise

Align controls with the labels

Best Practices for Designing Selection Controls
Offer users more options in an organized manner
Exercise

Offer users more options in an organized manner

Best Practices for Designing Selection Controls
Use dropdowns for lengthy lists of choices
Exercise

Use dropdowns for lengthy lists of choices

Best Practices for Designing Selection Controls
Checkbox
Exercise

Checkbox

Common UI Component Definitions I
Use checkboxes for multiple related options
Exercise

Use checkboxes for multiple related options

Best Practices for Designing Selection Controls
Selected state
Exercise

Selected state

UI Component States
Improve subhead alignment for better scannability
Exercise

Improve subhead alignment for better scannability

Best Practices for Designing Selection Controls
Checkbox alignment
Exercise

Checkbox alignment

Intro to UI Selection Controls
Checkboxes
Exercise

Checkboxes

Common UI Components
Multiselect control
Exercise

Multiselect control

Intro to UI Selection Controls
Maintain uniform alignment for wrapped text
Exercise

Maintain uniform alignment for wrapped text

Best Practices for Designing Selection Controls
Keep the traditional shapes for selection controls
Exercise

Keep the traditional shapes for selection controls

Best Practices for Designing Selection Controls
Position controls before labels for greater efficiency
Exercise

Position controls before labels for greater efficiency

Best Practices for Designing Selection Controls
Allow multiple selection
Exercise

Allow multiple selection

Filtering & Sorting
Maintain text alignment for better scannability
Exercise

Maintain text alignment for better scannability

Best Practices for Designing Selection Controls
Checkbox icon
Exercise

Checkbox icon

Intro to UI Selection Controls
Checkboxes
Exercise

Checkboxes

Designing Mobile Selection Controls
Keep controls' sizing consistent
Exercise

Keep controls' sizing consistent

Best Practices for Designing Selection Controls