UI/UX Product Design
Complete production curriculum covering the modern digital product design lifecycle: from cognitive psychology and user research to design systems, wireframing, high-fidelity Figma prototyping, interaction design, usability testing, and cross-platform design tokens.
Introduction to UI & UX Design
The Iceberg Model of UI vs UX, Don Norman's Human-Computer Interaction (HCI) principles, the Double Diamond framework, Design Thinking, balancing user desirability with business viability, and platform ergonomics across Web and Mobile.
The Design Thinking Process
Stanford d.school's five non-linear stages (Empathize, Define, Ideate, Prototype, Test), identifying user pain points, the Point-of-View (POV) formula, How Might We (HMW) questions, Crazy Eights ideation, prototype fidelity, and the Think-Aloud protocol.
User Research & Synthesis
Qualitative vs quantitative inquiry, Christian Rohrer's 2×2 landscape, 1-on-1 user interviews with the Funnel Technique, surveys, contextual inquiry (Master-Apprentice model), competitor analysis matrices, telemetry, and affinity mapping synthesis.
User Personas & Customer Journeys
Alan Cooper's Goal-Directed Design, behavioral variable mapping, Dave Gray's Empathy Map 2.0, omnichannel Customer Journey Maps (CJM), Peak-End Rule, Hierarchical Task Analysis (HTA), and agile user requirements.
Information Architecture & Navigation
Rosenfeld-Morville Three Circles of IA, Wurman's LATCH taxonomy, card sorting (open vs closed), tree testing findability, visual sitemaps, desktop vs mobile navigation paradigms, and faceted search.
User Flows & Wireflows
State-driven interaction design, ISO 5807 flowchart syntax, London Underground Red Route prioritization, hybrid wireflows, canonical e-commerce & authentication architectures, and Hick-Hyman cognitive optimization.
Sketching & Wireframing Architecture
Bill Buxton's sketching philosophy, combating sunk cost bias, the mathematical 8-Point Grid system, responsive 12-column layout choreography, mobile touch ergonomics (44pt/48dp), and Balsamiq vs Figma tooling.
Visual Design Fundamentals
Gestalt psychology & C.R.A.P. principles, the 60-30-10 color framework, WCAG 2.2 accessibility contrast calculus, typographic modular scales, icon geometry, and design token architecture.
User Interface Design
Comprehensive anatomy of UI components: buttons, input fields, high-conversion forms, cards, dialog modals, navbars, sidebars, tabs, dropdowns, checkboxes, radios, toggles, progress bars, error recovery, empty states, and multi-platform patterns.
Interaction Design (IxD)
Don Norman's interaction principles, affordances, signifiers, feedback loops, error prevention (slips vs mistakes), Dan Saffer's 4-part micro-interaction framework, transition physics, mobile gestures, and Fitts's Law touch target ergonomics.
Design Tools & Infrastructure
Figma cloud architecture (Wasm/WebGL), frames vs artboards, components, variants, Auto Layout 5.0, constraints, styles, plugins, and Dev Mode handoff, alongside Adobe XD, Sketch, Balsamiq, FigJam, Illustrator, Photoshop, and Canva.
Interactive Prototyping & Simulation
The prototyping fidelity spectrum from paper to clickable simulators, screen linking, interactive components, modal overlays, sticky scroll dynamics, Smart Animate layer matching, device framing presentation, and user navigation testing.
Design Systems & Component Architecture
3-tier design token architecture (W3C standard), modular typography scales, 8-point spatial grid rules, icon library standardization, button/input component libraries, code parity naming conventions, Storybook, and living documentation governance.
Responsive & Mobile UX Design
Mobile-First progressive enhancement vs Desktop-First graceful degradation, responsive breakpoint calculus, fluid 12-column reflow, flexible media, thumb ergonomics (44pt/48dp touch targets), tablet adaptations, and iOS HIG vs Android Material 3 parity.
Portfolio & Case Study Engineering
The 10-step case study narrative arc using the STAR framework, formulating problem statements, presenting user research & behavioral personas, wireflow exploration, defending design decisions with prototype iterations, usability ROI (SUS), and web/Behance publishing.