UI/UX DESIGN: FROM USER RESEARCH TO INTERACTIVE PROTOTYPING

What is UI/UX Design?

UX (User Experience) Design

UX design focuses on the overall feel of the experience. It’s about enhancing user satisfaction by improving the usability, accessibility, and efficiency of user interactions with a product or system.

UI (User Interface) Design

UI design focuses on the look and layout. It deals with the visual elements—buttons, typography, color schemes, spacing—and how users interact with them.

Think of UX as the foundation and structure of a house, and UI as the paint, furniture, and decor.

This course introduces the principles, tools, and techniques of effective UI and UX design. Students will learn how to design seamless user experiences, create beautiful interfaces, and develop user-centered design solutions. Through hands-on projects, learners will use tools like Figma, Adobe XD, and Sketch to build wireframes, prototypes, and interactive user flows.

TARGET AUDIENCE:

Aspiring UI/UX Designers

Product Designers

Graphic Designers transitioning to digital

Web/Mobile Developers wanting design skills

DURATION:

8–12 weeks (flexible format)

TOOLS COVERED: 

Figma, Adobe XD, Sketch, Miro, Notion, InVision

UI/UX DESIGN COURSE OUTLINE

Module 1: Introduction to UI/UX

What is UI/UX?

UI vs UX: Understanding the Difference

Design Thinking Process

Real-world examples and case studies

Module 2: Understanding Users

User Research Methods (interviews, surveys, usability testing)

Creating User Personas

Customer Journey Mapping

Empathy Mapping

Module 3: UX Design Process

Information Architecture

User Flows and Task Flows

Wireframing (Low-fidelity sketches)

Prototyping (Mid to high fidelity)

Module 4: UI Design Fundamentals

Principles of Design (contrast, alignment, proximity, repetition)

Color Theory & Typography

Iconography and Imagery

Responsive Design and Grids

Module 5: Design Tools in Practice

Figma Essentials

Adobe XD Overview

Using Miro for brainstorming and planning

Prototyping in InVision or Figma

Module 6: Interaction Design & Microinteractions

UX Writing Basics

States and Feedback (hover, loading, error)

Animation and transitions

Accessibility best practices

Module 7: Usability Testing & Feedback

Creating test scenarios

Running usability tests

Analyzing and iterating on feedback

Module 8: Portfolio Development

Case study writing

Presenting design decisions

Building a Behance or personal portfolio

Preparing for UI/UX job interviews

CAPSTONE PROJECT

Design a full-feature product (e.g., mobile app, website)

From research to prototype

Peer reviews and presentations

DELIVERABLES & LEARNING ACTIVITIES

Weekly mini-projects (wireframes, user flows, UI mockups)

User research assignments

Interactive prototypes

Final portfolio project with case study

CERTIFICATIONS (OPTIONAL)

Google UX Design Certificate

Adobe Certified Professional

Nielsen Norman Group Certification