Users arrive at websites with expectations shaped by thousands of previous browsing experiences. When a button looks clickable but does nothing, or a form field rejects valid input without explanation, frustration builds quickly.

This methodology teaches you to recognize and implement familiar interaction patterns that reduce cognitive load. You will build navigation systems, form controls, modal windows, and dropdown menus that behave the way users anticipate.

Why standard patterns matter

Innovation in interface design usually fails because it forces users to relearn basic actions. You will examine why hamburger menus became ubiquitous on mobile, when tabs work better than accordions, and how breadcrumb navigation helps users understand site structure.

Forms that people actually complete

Field labels, input validation, error messages, and submit button placement all affect completion rates. You will redesign a problematic form by applying research-backed principles about label positioning, placeholder text usage, and progressive disclosure for complex inputs.

Each week focuses on one component category with hands-on coding exercises. You will write HTML, CSS, and basic JavaScript to create functional prototypes, then test them with actual users to identify usability problems before they ship.