Target Audience: Students, entrepreneurs, developers, creatives, career switchers

1. INTRODUCTION TO THE MANUAL

This training manual is designed to guide learners step-by-step through the fundamentals and practical applications of User Interface (UI) and User Experience (UX) design. It combines theory, hands-on practice, assignments, quizzes, and real-world projects to ensure learners gain industry-relevant skills.

At the end of this program, learners will be capable of designing user-centered digital products and presenting professional UI/UX case studies.

2. COURSE LEARNING OUTCOMES

By completing this training, learners will be able to:

• Understand UI and UX principles and their differences

• Conduct effective user research and usability testing

• Design wireframes, mockups, and interactive prototypes

• Use industry-standard UI/UX tools (Figma)

• Create responsive and accessible designs

• Collaborate effectively with developers

• Build a professional UI/UX portfolio

3. COURSE STRUCTURE OVERVIEW

• Month 1: UX Foundations & User Research

• Month 2: UI Design Fundamentals

• Month 3: Prototyping, Testing & Collaboration

• Month 4: Advanced UI/UX & Portfolio Development

Each week includes:

• Learning objectives

• Topics

• Practical activities

• Assignments

• Quizzes

• Mini or major projects

MONTH 1: UX FOUNDATIONS & USER RESEARCH

Week 1: Introduction to UI/UX Design

Learning Objectives

• Understand UI and UX concepts

• Identify the role of UX in product success

Topics

• What is UI?

• What is UX?

• UI vs UX comparison

• UX design process

• Product team roles

Practical Activity

• Review popular mobile applications

Assignment

• Compare two applications (good vs poor UX)

• Write a one-page UX analysis

Quiz

• Definitions of UI and UX

• Stages of the UX design process

Mini Project

• UX critique of a selected application

Week 2: Design Thinking & User Psychology

Learning Objectives

• Apply design thinking principles

• Understand user behavior

Topics

• Design Thinking stages

• Human-centered design

• Cognitive psychology

• Gestalt principles

• Accessibility basics

Assignment

• Identify UX problems in a daily product

• Suggest improvements

Quiz

• Design Thinking stages

• Gestalt principles

Mini Project

• Redesign an everyday product experience

Week 3: User Research & Personas

Learning Objectives

• Conduct basic user research

• Create user personas

Topics

• Research methods

• User interviews

• Surveys

• Personas

• Empathy maps

• User journey maps

Assignment

• Conduct at least 3 user interviews

• Create one user persona

Quiz

• Research methods

• Persona components

Mini Project

• Persona and journey map for an app idea

Week 4: Information Architecture & UX Strategy

Learning Objectives

• Organize content effectively

• Create user flows

Topics

• Information Architecture

• Card sorting

• User flows

• Sitemaps

• UX writing basics

Assignment

• Create a user flow

• Write microcopy for buttons and errors

Quiz

• IA principles

• User flow concepts

Month 1 Project

• UX case study document

MONTH 2: UI DESIGN FUNDAMENTALS

Week 5: Visual Design Principles

Topics

• Color theory

• Typography

• Layout and grids

• Visual hierarchy

• Spacing and contrast

Assignment

• Create a color palette

• Typography pairing exercise

Quiz

• Color meanings

• Typography rules

Mini Project

• Low-fidelity landing page design

Week 6: UI Components & Patterns

Topics

• Buttons and forms

• Cards and modals

• Navigation patterns

• Consistency

• Mobile vs web UI

Assignment

• Design reusable UI components

Quiz

• UI patterns

Mini Project

• Mobile app screens design

Week 7: Introduction to Figma

Topics

• Figma interface

• Frames and auto layout

• Components and variants

• Constraints and grids

Assignment

• Recreate an existing app UI in Figma

Quiz

• Figma tools

Mini Project

• Complete UI mockup

Week 8: Responsive & Mobile-First Design

Topics

• Responsive design principles

• Mobile-first approach

• Breakpoints

• Touch-friendly design

• Platform guidelines

Assignment

• Convert a web UI to mobile

Quiz

• Responsive design concepts

Month 2 Project

• Fully designed responsive UI

MONTH 3: PROTOTYPING, TESTING & COLLABORATION

Week 9: Wireframing

Topics

• Wireframes vs mockups

• Low vs high fidelity

• Sketching techniques

Assignment

• Paper and digital wireframes

Quiz

• Wireframe concepts

Week 10: Prototyping & Microinteractions

Topics

• Interactive prototypes

• Animations and transitions

• Microinteractions

Assignment

• Create a clickable prototype

Quiz

• UX heuristics

Week 11: Usability Testing

Topics

• Usability testing methods

• User feedback

• Iterative design

Assignment

• Conduct usability testing with 3 users

Quiz

• Testing methods

Week 12: Design Handoff & Collaboration

Topics

• Working with developers

• Design documentation

• Handoff tools

Assignment

• Create a developer handoff file

Month 3 Project

• Polished prototype and usability report

MONTH 4: ADVANCED UI/UX & PORTFOLIO

Week 13: Design Systems & Accessibility

Topics

• Design systems

• Style guides

• UI kits

• Accessibility standards

Assignment

• Create a mini design system

Week 14: UX for Business & Product Design

Topics

• UX metrics

• Conversion optimization

• UX for startups

Assignment

• Redesign a product for better conversion

Week 15: Portfolio & Case Studies

Topics

• Case study structure

• Portfolio websites

• Storytelling

Assignment

• Write two UX case studies

Week 16: Capstone Project

Final Project

• End-to-end UI/UX design of a real-world application

Presentation

• Design walkthrough and defense

4. REQUIRED TOOLS & TECHNOLOGIES

• Figma (Primary)

• FigJam / Miro

• Google Forms

• Notion

• Basic HTML & CSS (optional)

5. ASSESSMENT & CERTIFICATION

• Assignments: 30%

• Quizzes: 20%

• Projects: 50%

Learners who complete all requirements will receive a Certificate of Completion.

6. CAREER PATHS

• UI Designer

• UX Designer

• Product Designer

• Freelance Designer

• Startup Product Designer