<?xml version="1.0" encoding="utf-8"?>
Split button
Exercise

Split button

Provide a sufficient touch target zone
Exercise

Provide a sufficient touch target zone

Floating action button
Exercise

Floating action button

Pill button
Exercise

Pill button

Tertiary button
Exercise

Tertiary button

Menu button
Exercise

Menu button

Maintain legible label font size
Exercise

Maintain legible label font size

Toggle button
Exercise

Toggle button

Add enough padding to buttons
Exercise

Add enough padding to buttons

Sharp-corner button
Exercise

Sharp-corner button

Raised button
Exercise

Raised button

Outlined button
Exercise

Outlined button

Apply a fixed button's width for mobile
Exercise

Apply a fixed button's width for mobile

Don't break the bond between the label and icon
Exercise

Don't break the bond between the label and icon

Icon button
Exercise

Icon button

Text button
Exercise

Text button

Set minimum button's width
Exercise

Set minimum button's width

Floating action button (FAB)
Exercise

Floating action button (FAB)

Primary button
Exercise

Primary button

Secondary button
Exercise

Secondary button

Rounded button
Exercise

Rounded button

Branded button
Exercise

Branded button

Dropdown button
Exercise

Dropdown button

Custom button
Exercise

Custom button

Ensure buttons have enough contrast
Exercise

Ensure buttons have enough contrast

Keep a consistent button style
Exercise

Keep a consistent button style

Center labels and icons inside a button
Exercise

Center labels and icons inside a button

Flat button
Exercise

Flat button

Use color to draw users' attention
Exercise

Use color to draw users' attention

Prioritize buttons
Exercise

Prioritize buttons

Floating action buttons
Exercise

Floating action buttons

Use legible typefaces
Exercise

Use legible typefaces

Use button shadows cautiously
Exercise

Use button shadows cautiously

Exercise

Affordances

Provide optimal button size and touch area
Exercise

Provide optimal button size and touch area

Balance shadow design
Exercise

Balance shadow design

Maintain accessible color contrast ratio
Exercise

Maintain accessible color contrast ratio

Maximize tap accuracy through adequate button spacing
Exercise

Maximize tap accuracy through adequate button spacing

Provide optimal visual feedback
Exercise

Provide optimal visual feedback

Establish button hierarchy through visual cues
Exercise

Establish button hierarchy through visual cues

Ensure visual consistency of an interface
Exercise

Ensure visual consistency of an interface

Prioritize button colors by importance
Exercise

Prioritize button colors by importance

Provide meaningful button labels
Exercise

Provide meaningful button labels

Place buttons intuitively
Exercise

Place buttons intuitively

Stick to traditional button shapes
Exercise

Stick to traditional button shapes

Primary action buttons
Exercise

Primary action buttons