Labels Exercises
Explore hands-on “Labels” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Molecules
Exercise
What is information architecture?
Exercise
Focused state
Exercise
Labeling system
Exercise
Unique icons
Exercise
Tooltips
Exercise
Maintain legible label font size
Exercise
Labels
Exercise
Placeholders
Exercise
Ensure labels are easier to read
Exercise
Label size
Exercise
Microcopy
Exercise
Use a contextual primary action label
Exercise
Place icons on the left
Exercise
Hyperlinks
Exercise
Accompany icons with labels
Exercise
Select a label case that's easier to read
Exercise
Indicate links that open in a new window
Exercise
On and off states
Exercise
Add visual signs of security
Exercise
Labels should be actionable
Exercise
Specify link destination
Exercise
Label commands
Exercise
Labels
Exercise
Button
Exercise
Icons
Exercise
Label margins
Exercise
Allow users to clear all filters
Exercise
Cut off unnecessary words
Exercise
Select the right chart type
Exercise
Microcopy patterns for labels
Exercise
Don't replace the global navigation with breadcrumbs
Exercise
Microcopy patterns for placeholders
Exercise
Don't truncate error messages
Exercise
Use meaningful button commands
Exercise
Use the <href> attribute for links
Exercise
Microcopy patterns for tooltips
Exercise
Truncate long labels
Exercise
Use step labels to enhance recognition
Exercise
Keep menu labels short and helpful
Exercise
Microcopy patterns for errors and alerts
Exercise
Use contrasting labels
Exercise
Use explicit button labels
Exercise
Fit a label into a single line
Exercise
Maintain color consistency
Exercise
Keep labels concise but meaningful
Exercise
Add visual hints
Exercise
What are patterns?
Exercise
Set charts to zero-valued baselines
Exercise