UI/UX Design – Basic Level
Design & User Experience
Course Overview
The traditional role of a designer is evolving, requiring professionals to create not only visually appealing digital products but also meaningful and seamless user experiences. This training introduces students to the fundamentals of UI/UX Design using industry-standard tools and processes. Participants will learn how to understand users, structure digital experiences, create wireframes, build interfaces, and present design solutions through case studies and prototypes using Figma.
Duration: 2 days / 16 hours
Delivery Method: Classroom-based, Virtual Instructor Led Training
HERE’S WHAT YOU WILL LEARN
· Understand the fundamentals of UI and UX Design.
· Learn the basic UI/UX design process from research to prototyping.
· Create user personas, journey maps, and site maps.
· Design low-fidelity, mid-fidelity, and high-fidelity wireframes in Figma.
· Apply visual design principles such as typography, color, spacing, and hierarchy.
· Build reusable UI components and a basic design system.
· Create interactive prototypes and present a UI/UX case study.
COURSE OUTLINE
· Module 1: Introduction to UI/UX Design
o What is UI Design
o What is UX Design
o Difference between UI and UX
o UI/UX Design Process Overview
o Introduction to Figma
· Module 2: Understanding Users & UX Research
o UX Research Basics
o Understanding User Needs & Pain Points
o User Persona
o Empathy in Design
· Module 3: User Journey Mapping
o User Journey Map
o User Goals & Actions
o Pain Points & Opportunities
o User Flow
· Module 4: Information Architecture
o Site Maps
o Content Organization
o Navigation Structure
o Information Architecture Basics
· Module 5: Low-Fidelity Wireframing
o Introduction to Wireframes
o Sketching Layouts
o Low-Fidelity Wireframes in Figma
o UX Best Practices
· Module 6: Mid-Fidelity Wireframing
o Layout Structure
o Spacing
o Interaction Patterns
o Mid-Fidelity Wireframes
· Module 7: UI Design Fundamentals
o Color Theory
o Typography
o Spacing
o Visual Hierarchy
o Accessibility Basics
o UI Style Guide
· Module 8: Introduction to Design Systems
o Components & Variants
o Reusable UI Elements
o Buttons & Inputs
o Auto Layout in Figma
· Module 9: High-Fidelity UI Design & Prototyping
o High-Fidelity Screens
o Interactive Prototypes
o Microinteractions
o Presenting Designs
· Module 10: UI/UX Case Study & Presentation
o Structuring a Case Study
o Portfolio Presentation Basics
o Design Critique & Feedback
REGISTER NOW
