Learn UX Design

Font sizing, line height, line length, and type scales that make text comfortable to read. You'll hit this when body text feels hard to scan or headings blend into the surrounding content.

Consistent spacing systems, proximity grouping, and whitespace as a design tool. You'll hit this when a layout feels cluttered even though every individual element looks fine on its own.

Contrast ratios, limited palettes, and accessible color choices that work for all users. You'll hit this when text becomes hard to read on colored backgrounds or when a UI feels visually noisy.

Visual weight, button priority, and emphasis patterns that guide the user's eye. You'll hit this when a page feels flat and users cannot tell what to do first or which action matters most.

Content width constraints, form layouts, card grids, and text alignment for readability. You'll hit this when a page stretches edge to edge on a wide monitor and becomes difficult to scan.

Input labels, error messages, touch targets, and field organization that reduce user friction. You'll hit this when users abandon a form because they cannot tell what went wrong or where to tap.

Loading states, empty states, error screens, and confirmation dialogs that keep users informed. You'll hit this when users stare at a blank screen during data loading or accidentally delete something with no warning.

Menu structure, labeling, breadcrumbs, and mobile navigation patterns that help users find their way. You'll hit this when users cannot figure out where to go next or lose track of where they are in your site.

Focus indicators, icon labels, status communication, and link distinction patterns that make interfaces usable for everyone. You'll hit this when keyboard users cannot navigate your UI or color-blind users miss critical information.

Button states, toggle animations, staggered entrances, and progress indicators that make interfaces feel responsive and alive. You'll hit this when users are unsure if their click registered or how long an operation will take.

Error messages, scannable content, link text, and onboarding copy that communicate clearly. You'll hit this when users are confused by jargon, miss important links, or cannot figure out what went wrong.

Number alignment, text overflow, data density, and empty states in tables and data views. You'll hit this when users struggle to compare values, cannot see truncated content, or stare at a blank table with no guidance.

Confirmation dialogs, dismissibility, form complexity in overlays, and interruption timing. You'll hit this when users feel trapped in a dialog, overwhelmed by popups, or forced to fill out a giant form in a tiny modal.

Card height consistency, clickable affordance, information density, and list grouping patterns. You'll hit this when card grids look messy, users do not realize cards are clickable, or a settings page is an endless flat list.

Icon consistency, meaningful imagery, icon ambiguity, and image quality patterns. You'll hit this when icons look mismatched, hero images say nothing about the product, or stretched images undermine your credibility.