UI/UX Design Fundamentals – Syllabus

UI/UX Design Fundamentals – Syllabus

Module 1: Introduction to UI/UX & Design Thinking
Understanding UI vs UX, importance of user-centered design, UX lifecycle, design thinking process (Empathize, Define, Ideate, Prototype, Test), modern product design roles, introduction to design systems.
Module 2: User Research & Analysis
Types of user research, conducting interviews, surveys, ethnographic studies, creating user personas, empathy mapping, customer journey maps, user stories, identifying pain points and motivations.
Module 3: Information Architecture & Workflow Mapping
Card sorting, sitemap creation, navigation design, organizing content, hierarchy planning, user flow diagrams, task flow creation for apps and websites, structuring intuitive digital products.
Module 4: Wireframing & Layout Design
Low-fidelity and high-fidelity wireframes, layout grids, spacing, alignment, mobile-first design, responsive layout principles, creating wireframes using Figma/Adobe XD/Balsamiq, converting sketches to digital wireframes.
Module 5: Visual Design Foundations
Color theory, typography pairing, white space, contrast, balance, composition, iconography, imagery selection, branding principles, creating visually pleasing and accessible interfaces.
Module 6: UI Design in Figma
Figma interface overview, frames & artboards, auto layout, constraints, UI components, reusable styles, design libraries, Figma plugins, mobile & web UI kit usage, creating full interface screens.
Module 7: Components, Prototyping & Interactions
Creating components & variants, interactive prototypes, animations & transitions, micro-interactions, hover states, smart animate, linking screens, creating realistic app simulations.
Module 8: Design Systems & Style Guides
Building design systems from scratch, color tokens, typography scales, grids, icon sets, UI kits, managing scalable component libraries, documenting reusable UI elements, brand consistency.
Module 9: UI/UX Accessibility Standards
WCAG guidelines, contrast ratios, font sizing for accessibility, keyboard-friendly navigation, alt text usage, voice-assisted interfaces, designing inclusive digital experiences.
Module 10: Usability Testing & UX Validation
Conducting usability testing, A/B testing, heuristic evaluation, cognitive walkthroughs, heatmaps, analyzing testing results, feedback collection and design iteration process.
Module 11: UX Writing & Microcopy
Writing effective labels, error messages, onboarding text, call-to-action buttons, tone & voice guidelines, content strategy, improving user clarity through meaningful microcopy.
Module 12: Collaboration with Developers
Design handoff (Figma Inspect), exporting assets, working with developers, creating design documentation, responsive breakpoints, understanding HTML/CSS basics for UI designers.
Module 13: UI/UX Trends & Modern Tools
Neumorphism, glassmorphism, minimalism, dark mode design, AI tools for UI/UX, design automation tools, user behavior analytics tools like Hotjar and Mixpanel.
Module 14: Portfolio Development
Creating case studies, documenting design decisions, showcasing research and process, creating portfolio-ready UI screens, Behance/Dribbble optimization, personal branding for designers.
Module 15: Final Project & Practical Assessment
End-to-end UX project: research, user flows, wireframes, UI screens, prototype, usability test, documentation, and final presentation for evaluation.