Input Controls: Design Patterns and Best Practices

Course Curriculum

Introduction (3 Lessons, 17 min)

• Course Overview & Downloads
• The Evolution of Input Controls
• The 3 Types of Input Controls

Text Inputs (4 Lessons, 35 min)

• Text Fields
• Label Placement
• Placeholders
• Floating Labels

Selection Inputs (9 Lessons, 90 min)

• Radio Buttons
• Checkboxes
• Radio Buttons vs. Checkboxes: Differences and Best Practices
• Toggle Switches
• Dropdown Lists
• Combo Boxes
• Listboxes
• Selection Inputs: When to Use What (Selection vs. Type-Based Controls)
• Selection Inputs: When to Use What (Selection Control Decision Matrix)

Numeric Inputs (3 Lessons, 48 min)

• Input Steppers
• Sliders
• Numeric Input: When to Use What

Specialized Inputs (2 Lessons, 16 min)

• File Drop Zones
• Date Pickers

Input Assistance and Validation (5 Lessons, 69 min)

• Prepopulate, Autofill, Defaults, Autocomplete
• Structured Formats, Forgiving Formats, Input Mask, Spellcheck, Autocorrect
• Inline Validation vs. Submission Validation
• Client-Side Validation vs. Server-Side Validation
• Validation: When, Where, How

Conclusion (1 Lesson, 17 min)

• What’s Next?