UX/UI Designing & Product Prototyping

Course Overview

Master UX/UI Design with a human-centered approach — learn research, wireframing, prototyping, design systems, usability testing, and build a professional portfolio using Figma, Adobe XD, and industry tools.

Duration: 6 months
Rating: 4.8 / 5
5,200+ Students

Detailed Syllabus

1-4: Introduction to UX & Design Thinking

  • Clearing misconceptions about design
  • Understanding design as a problem-solving process
  • Introduction to User-Centered Design (UCD)
  • Stanford Design School’s Design Thinking Methodology
  • Heuristic Evaluation and Usability Principles
  • Quantitative vs Qualitative Data
  • Empathize, Define, Ideate, Prototype, Test Framework
  • Solution-based Approach to Problems

Tools: Miro, Notion, Figma

5-8: User Research & Empathy Mapping

  • Empathy Methods for Conducting Research
  • Beginner’s Mindset and Interview Techniques
  • What–How–Why Analysis
  • Photo/Video Diary Studies
  • Journey Maps & Story Capturing
  • Affinity Mapping & Persona Development
  • POV Statements and HMW Questions
  • User Stories, Scenarios & Use Cases

Tools: Miro, FigJam, Google Forms, Figma

9-12: Ideation, Information Architecture & Wireframing

  • Ideation Techniques (Brainstorming, Brainwriting, Braindumping)
  • Post-it Voting, Four Categories Method, Now-Wow-How Matrix
  • Information Architecture & User Flows
  • Mental Models & Sitemap Creation
  • Wireframing Concepts & Lo-Fi Prototypes
  • Usability Heuristics in Wireframes
  • Practical Wireframing Exercises
  • Mini Project: Redesign an Existing App Experience

Tools: Figma, Adobe XD, Balsamiq, Lucidchart

13-16: UI Design & Material Design Systems

  • UI Fundamentals: Design Principles & Elements
  • Color Theory & Contrast Ratios
  • Typography, Grids, and Layout Systems
  • Material Design & iOS Guidelines
  • Creating Design Systems and Components
  • White and Dark Theme Design
  • Accessibility in Design (WCAG Standards)
  • Mini Project: Style Guide + Component Library

Tools: Figma, Adobe XD, Figma Plugins

17-20: Prototyping, Testing & Feedback

  • Prototyping Concepts & Types (Low-Fi, Mid-Fi, Hi-Fi)
  • Paper Prototyping & Interactive Prototypes
  • Storytelling Through Design
  • User Testing & Usability Studies
  • Feedback Capture Grid & Remote Testing
  • A/B Testing and Analytics for UX Validation
  • Iteration Based on User Feedback
  • Mini Project: Test & Improve Your App Prototype

Tools: Figma, InVision, Marvel, Maze, Lookback.io

21-24: Responsive Design, Portfolio & Career Prep

  • Responsive Design Principles (Web & Mobile)
  • Adapting Layouts Across Devices
  • Design Handoff for Developers
  • Case Study Documentation
  • Portfolio Presentation (Behance & Dribbble)
  • Building Freelance & Agency-Ready Projects
  • Final Capstone Project: Complete Product Redesign
  • Mock Interview & Design Challenge Practice

Tools: Figma, Behance, Canva, Notion