UX/UI Design Mastery: From User Research to Inclusive Interfaces
About This Course
This course offers a full-spectrum journey through the UX/UI design process—from understanding user behavior to crafting high-fidelity, accessible interfaces. Ideal for aspiring designers, freelancers, or career switchers, this hands-on specialization equips you with industry-relevant skills including research, wireframing, prototyping, testing, and accessibility compliance. Through real-world projects and interactive assignments, you'll build a strong foundation and portfolio.
Course Curriculum
Lesson 1: What Is UX/UI Design?
UX (User Experience) and UI (User Interface) design focus on how users interact with digital products. UX is about structure and flow, while UI is about the look and feel....
Study
Full Lesson
Lesson 2: Principles of User-Centered Design
User-Centered Design (UCD) places the user at the core of product development. Learn about empathy, design thinking, iterative design, and usability in this foundational approach.
Study
Full Lesson
Topic 1
Assignment
Task: Choose an app you use regularly. Identify 3 UX strengths and 3 weaknesses using a user-centered design lens.Submission Format: PDF or Google Doc (300–500 words)Evaluation Criteria: Insightfulness, alignment with...
Study
Full Lesson
Lesson 1: Conducting Effective User Research
Explore methods like interviews, surveys, observations, and competitor analysis. Learn how to define personas and user goals based on real data.
Study
Full Lesson
Lesson 2: Creating User Personas & Empathy Maps
Craft fictional but data-driven user personas and empathy maps to represent user types, motivations, frustrations, and behaviors.
Study
Full Lesson
Lesson 3: Information Architecture & User Flows
Learn how to structure information logically with sitemaps, navigation systems, and user journey flows that guide users efficiently.
Study
Full Lesson
Topic 2
Assignment
Task: Create a user persona and empathy map based on a brief user interview (you can interview a friend or family member about a daily app they use).Submission Format: PDF...
Study
Full Lesson
Lesson 1: Low-Fidelity Wireframing
Learn to sketch rough layouts that represent content and functional placement. Focus on hierarchy and navigation, not aesthetics.
Study
Full Lesson
Lesson 2: Building Prototypes in Figma
Use Figma to turn wireframes into interactive prototypes. Learn about components, frames, auto-layout, and prototyping flows.
Study
Full Lesson
Lesson 3: Mid- to High-Fidelity UI Design
Transition to polished UI by applying colors, typography, imagery, and visual hierarchy principles.
Study
Full Lesson
Topic 3
Assignment
Task: Design a wireframe and basic interactive prototype for a 3-screen app (e.g., to-do app or weather app).Submission Format: Figma link with short video walkthrough or screenshotsEvaluation Criteria: Usability, structure,...
Study
Full Lesson
Lesson 1: How to Conduct Usability Tests
Learn how to test your prototype with real users. Observe behavior, ask open-ended questions, and record friction points.
Study
Full Lesson
Lesson 2: Analyzing Feedback & Iterating Designs
Convert qualitative and quantitative feedback into actionable changes. Use affinity mapping and prioritization matrices.
Study
Full Lesson
Lesson 3: A/B Testing Basics
Understand the concept of testing variations to see which design performs better using tools like Google Optimize or Split.io.
Study
Full Lesson
Topic 4
Assignment
Task: Conduct a usability test on your prototype (with 2 users). Document key feedback and implement at least 3 changes.Submission Format: Before & after screenshots, summary of feedbackEvaluation Criteria: Actionability...
Study
Full Lesson
Lesson 1: Understanding Accessibility in Design
Designing for accessibility means making sure everyone, including users with disabilities, can access and use your product.Cover WCAG principles, contrast ratios, keyboard navigation, and screen reader compatibility.
Study
Full Lesson
Lesson 2: Inclusive Design Principles
Design for age, literacy level, language, physical and cognitive limitations. Learn how empathy + strategy creates universally usable products.
Study
Full Lesson
Lesson 3: Building a UX/UI Portfolio Project
Use everything learned to plan and build your first full project for a UX/UI portfolio — research, personas, wireframes, high-fidelity prototype, and final presentation.
Study
Full Lesson
Topic 5
Assignment
Task: Create an inclusive design solution for a public service app (e.g., emergency info, city services) with full documentation and accessibility consideration.Submission Format: Figma link, slides or case study PDFEvaluation...
Study
Full Lesson