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

Radio Buttons Exercises

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

Toggles
Exercise

Toggles

Common UI Components
Indeterminate state
Exercise

Indeterminate state

Intro to UI Selection Controls
Icon border radius
Exercise

Icon border radius

Icon Terminology
Radio button
Exercise

Radio button

Common UI Component Definitions I
Set default selections
Exercise

Set default selections

Best Practices for Designing Selection Controls
Label size
Exercise

Label size

Intro to UI Selection Controls
Buttons
Exercise

Buttons

Common UI Components
Radio buttons
Exercise

Radio buttons

Common UI Components
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
Labels should be actionable
Exercise

Labels should be actionable

Intro to UI Selection Controls
Label commands
Exercise

Label commands

Intro to UI 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
Button
Exercise

Button

Common UI Component Definitions I
Use the right selection controls
Exercise

Use the right selection controls

Best Practices for Designing UI Inputs
Use checkboxes for multiple related options
Exercise

Use checkboxes for multiple related options

Best Practices for Designing Selection Controls
Label margins
Exercise

Label margins

Intro to UI Selection Controls
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
Toggle switch
Exercise

Toggle switch

Intro to UI Selection Controls
Mobile toggle switch alignment
Exercise

Mobile toggle switch alignment

Intro to UI Selection Controls
Single-select control
Exercise

Single-select control

Intro to UI Selection Controls
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
Icon shape
Exercise

Icon shape

Intro to UI Selection Controls
Radio buttons
Exercise

Radio buttons

Designing Mobile Selection Controls
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
Radio button icon
Exercise

Radio button icon

Intro to UI Selection Controls
Keep controls' sizing consistent
Exercise

Keep controls' sizing consistent

Best Practices for Designing Selection Controls
Pop-up buttons
Exercise

Pop-up buttons

System Buttons & Actions