Topic What is UX (User Experience)?
What is UI (User Interface)?
Difference between UI and UX
History and evolution of UI/UX
The role of a UI/UX designer
The UX Design Process (Double Diamond, Design Thinking)
Agile & Lean UX
Learning Outcomes: Understand the full scope and responsibilities in UI/UX design
Explain key principles and processes used in product design
Describe real-world UI/UX roles and workflows

Topics: Why user research matters
Primary vs. secondary research
User interviews & contextual inquiry
Surveys & questionnaires
Affinity mapping
Empathy mapping
User personas
Customer journey maps
Learning Outcomes: Conduct basic user research
Build accurate personas and journey maps
Translate research insights into design decisions
Tools: Google Forms, Typeform
Miro, FigJam
Dovetail (for research synthesis)
Project: Interview 3 users and build personas and a journey map

Topics: Definition and importance of IA
Navigation types and best practices
Site mapping
Card sorting techniques
User flows vs. task flows
Content hierarchy and prioritization
Learning Outcomes: Organize digital content logically and intuitively
Design effective navigation for web/mobile
Tools: FlowMapp, Lucidchart, Miro
Project: Create a site map and task flow for an e-commerce app

Topics: Low-fidelity vs. high-fidelity wireframes
Paper prototyping
Wireframing tools and techniques
Common UI patterns (forms, cards, navigation)
Mobile-first vs. desktop-first approach
Learning Outcomes: Sketch and digitize wireframes
Apply basic layout structures
Tools: Balsamiq, Figma, Whimsical

Topics: Visual design basics (contrast, alignment, proximity, repetition)
Grid systems
Typography and readability
Color theory and psychology
Iconography and imagery
Branding in UI
UI kits and style guides
Learning Outcomes: Apply core visual design principles
Choose appropriate fonts, color palettes, and imagery
Build consistent and accessible interfaces
Tools: Figma, Adobe XD
Google Fonts, Coolors.co
Project: Design a landing page with a style guide and brand identity

Topics: What is prototyping? Why prototype?
Low-fidelity vs. high-fidelity prototypes
Microinteractions and transitions
UX patterns and gestures (for mobile)
Click-through and interactive prototypes
Learning Outcomes: Create interactive prototypes
Enhance usability with meaningful interactions
Tools: Figma (Prototype mode), ProtoPie, Principle
Project: Create an interactive mobile prototype for a food delivery app

Topics: Usability testing methods (in-person, remote, moderated, unmoderated)
A/B testing
Heuristic evaluation (Nielsen’s 10 heuristics)
Accessibility (WCAG 2.1)
Analytics basics (Google Analytics, Hotjar)
Learning Outcomes: Plan and conduct usability tests
Identify usability issues and propose design improvements
Implement accessibility principles
Tools: Maze, Useberry, Lookback, Stark (accessibility testing)
Project: Conduct a usability test on a prototype and submit a report

Topics: What is a design system?
Tokens: color, typography, spacing, icons
Creating and using components
Atomic design methodology
Design documentation
Handoff tools and specs
Learning Outcomes: Build scalable UI systems
Efficiently collaborate with developers
Tools: Figma Libraries, Zeplin, Storybook, Zeroheight
Project: Create a mini design system for a product (buttons, forms, cards)

Topics: How to structure a UX case study
Writing and presenting your design process
Visual storytelling and documentation
Personal branding
Behance, Dribbble, LinkedIn tips
Learning Outcomes: Build a professional portfolio
Present design work confidently to potential employers
Project: Publish 2 full case studies in your online portfolio