UI Patterns
The high-leverage component patterns done well — forms, tables, dashboards, search, and modals.
- Intermediate
Forms & Data Entry Design
Well-designed forms are the difference between a user completing a critical task with confidence and abandoning your product in frustration — every field is a negotiation.
- Intermediate
Tables & Data Grids
Master the most data-dense UI pattern in the toolkit — designing tables and grids that are scannable, accessible, and fast to act on at any scale.
- Intermediate
Data Visualization & Dashboards
Turning raw numbers into decisions requires far more than picking the right chart type — it demands a clear data hierarchy, perceptual rigor, and an honest relationship with your users.
- Intermediate
Search UX & Autocomplete
Designing search that actually works — from autocomplete architecture and keyboard interactions to recovery paths, accessibility, and behavioral instrumentation.
- Intermediate
Filtering & Sorting (Faceted Navigation)
Master the interaction patterns, logic models, and accessibility requirements that make large catalogs navigable without dead ends or cognitive overload.
- Intermediate
Pagination vs. Infinite Scroll vs. Load More
Choosing how users navigate large datasets shapes task success, SEO health, accessibility, and perceived performance — and the wrong default costs real conversions.
- Intermediate
Modals, Dialogs & Overlays
Interruption is expensive — master the hierarchy of overlay patterns and you'll deploy them only when the cost is worth paying, and execute them flawlessly when it is.
- Intermediate
Onboarding & First-Run Experiences
First impressions are permanent — the moments between signup and first value determine whether a new user becomes an active one or a churn statistic.
- Intermediate
Empty States & Zero-Data Screens
Screens with nothing to show are a defining moment of product trust — designed well, they orient and activate users; designed poorly, they create confusion and churn.
- Intermediate
Input Masking & Conditional Form Logic
Mastering input masks and conditional fields cuts form errors, reduces abandonment, and guides users through complex workflows without cognitive overload.