Chapter 1: UI and UX Foundations
What UX Is, What UI Is, Product Design, User-Centered Design, Design Process
Open chapterUI-UX Design Tool-independent • 60 Chapters
Foundations through professional workflows, with practical tasks on every topic.
What UX Is, What UI Is, Product Design, User-Centered Design, Design Process
Open chapterBusiness Problem, User Problem, Constraints, Assumptions, Problem Statement
Open chapterResearch Goal, Research Questions, Methods, Participants, Ethics
Open chapterInterview Guide, Open Questions, Probing, Note Taking, Avoiding Bias
Open chapterSurvey Goal, Question Types, Sampling Concepts, Bias, Analysis
Open chapterObservation, Context, Tasks, Pain Points, Research Notes
Open chapterCompetitors, Feature Comparison, UX Patterns, Gaps, Opportunity Map
Open chapterSegments, Behavioral Personas, Needs, Goals, Avoiding Stereotypes
Open chapterJob, Situation, Motivation, Desired Outcome, Alternatives
Open chapterJourney Stages, Actions, Thoughts, Emotions, Opportunities
Open chapterFrontstage, Backstage, Support Processes, Evidence, Failure Points
Open chapterContent Inventory, Grouping, Hierarchy, Labels, Navigation
Open chapterOpen Sort, Closed Sort, Tree Test, Findability, Iteration
Open chapterEntry Point, Steps, Decisions, Success State, Edge Cases
Open chapterSingle Task, Happy Path, Alternative Path, Failure Path, Completion
Open chapterLow Fidelity, Layout, Hierarchy, Content Blocks, Annotations
Open chapterCrazy 8s, Divergent Ideas, Selection, Storyboards, Paper Prototype
Open chapterSize, Contrast, Spacing, Position, Grouping
Open chapterGrid, Columns, Margins, Alignment, Responsive Layout
Open chapterBase Unit, Spacing Scale, Rhythm, Density, Consistency
Open chapterType Scale, Hierarchy, Line Length, Line Height, Readability
Open chapterColor Roles, Contrast, Semantic Color, Dark Mode, Color Accessibility
Open chapterMeaning, Consistency, Labels, Touch Area, Icon Systems
Open chapterImage Purpose, Cropping, Consistency, Performance, Alt Text Concepts
Open chapterButtons, Inputs, Cards, Navigation, Reusable Patterns
Open chapterFoundations, Tokens, Components, Patterns, Governance
Open chapterLabels, Field Design, Validation, Error Prevention, Completion
Open chapterGlobal Navigation, Local Navigation, Tabs, Breadcrumbs, Search
Open chapterTouch Targets, Thumb Reach, Navigation, Keyboard, Mobile Context
Open chapterBreakpoints, Content Priority, Fluid Layout, Navigation Changes, Testing
Open chapterFirst Run, Progressive Disclosure, Permissions, Activation, Skip Options
Open chapterEmpty State, Loading, Skeletons, Errors, Recovery
Open chapterTrigger, Rules, Feedback, Loops, Motion
Open chapterPerceivable, Operable, Understandable, Robust, Inclusive Design
Open chapterFocus Order, Focus Visibility, Keyboard Navigation, Dialogs, Skip Links
Open chapterLabels, Instructions, CTA Copy, Error Copy, Tone
Open chapterText Expansion, RTL, Dates Numbers, Cultural Context, Layout Testing
Open chapterPrivacy, Permissions, Confirmation, Risk Communication, Abuse Prevention
Open chapterProduct Discovery, Product Page, Cart, Checkout, Post-Purchase
Open chapterDashboard, Navigation, Tables, Settings, Admin UX
Open chapterSearch Input, Suggestions, Results, Filters, No Results
Open chapterChart Choice, Labels, Comparisons, Color, Uncertainty
Open chapterPrototype Fidelity, Question, Scope, Interaction, Testing
Open chapterTest Goal, Tasks, Moderation, Observation, Findings
Open chapterVisibility, Match to Real World, Control, Consistency, Error Prevention
Open chapterKeyboard Test, Screen Reader Concepts, Contrast, Zoom, Motion
Open chapterTask Success, Conversion, Drop-Off, Retention, Behavioral Signals
Open chapterHypothesis, Single Variable, Metrics, Sample Concepts, Decision
Open chapterImpact, Effort, Risk, Evidence, Roadmap
Open chapterGoal, Evidence, Clarity, Tradeoffs, Next Step
Open chapterRequirements, Scope, Roadmap, Tradeoffs, Acceptance Criteria
Open chapterFeasibility, Specs, Responsive Behavior, States, Handoff
Open chapterVisual QA, Interaction QA, Responsive QA, Accessibility QA, Bug Reporting
Open chapterContext, Problem, Process, Decisions, Outcome
Open chapterDiscovery, Scope, Research, Design, Delivery
Open chapterDark Patterns, Consent, Addiction Risks, Fairness, Honesty
Open chapterAI Research Support, AI Ideation, AI Interfaces, Human Review, Safety
Open chapterNorth Star, User Value, Business Value, Differentiation, Experimentation
Open chapterBrief, Research, Design, Test, Iterate
Open chapterProblem, Research, Flow and Wireframes, High-Fidelity Design, Test and Present
Open chapter