Buttons & Form Elements — Roadmap Step & Resources
Designing clear, accessible buttons, inputs, checkboxes and selects
- Level: intermediate
- Estimated time: 1 days
- Roadmap: UI Design
Mini projects
- Design a complete form component set: text input, dropdown, checkbox, radio and button, including states
Interview questions
- How many visual states does a well-designed button typically need, and why?
Study resources
- Refactoring UI (Article) — Adam Wathan & Steve Schoger's widely-loved book with practical, concrete advice on styling buttons and inputs.
- Button and Form Design Best Practices Explained (Video) — Covers designing clear, accessible buttons and form fields.
Part of
- UI Components & Patterns — section
- UI Design roadmap — the full learning path