UI Designer
UX Designer
Product Designer
Interaction Designer
UX Researcher
Visual Designer
Information Architect
Usability Analyst
Design Systems Specialist
Front-End Designer (UI/UX Developer)
This course introduces learners to the principles and practices of User Interface (UI) and User Experience (UX) Design, focusing on how digital products are designed to be both visually appealing and highly usable. Students will gain an understanding of the complete design process, from user research and wireframing to interface design and usability testing.
The module covers:
Fundamentals of UX design: user research, personas, user journeys, and information architecture
Principles of UI design: typography, color, layout, and visual hierarchy
Wireframing and prototyping using industry-standard tools (e.g., Figma, Adobe XD, Sketch)
Interaction design and responsive design for multiple platforms
Usability testing and iteration for improved user experiences
Case studies of effective UI/UX in websites, apps, and digital products
Through hands-on projects, learners will design and test digital interfaces, developing a strong foundation in design thinking, problem-solving, and digital creativity. By the end of the course, students will be able to create user-centered designs that combine functionality with aesthetics, preparing them for careers in UI/UX design, product design, and digital innovation.
The UI/UX Design module provides students with the knowledge and practical skills to design digital products that are intuitive, user-friendly, and visually engaging. It emphasizes the importance of combining creativity with user-centered problem-solving to create meaningful experiences across websites, apps, and digital platforms.
Students will begin by learning the fundamentals of UX design, including user research, personas, journey mapping, and information architecture. They will then explore UI principles, such as typography, color theory, layout, and visual hierarchy, to design interfaces that are both functional and aesthetically consistent. Using industry-standard tools such as Figma, Adobe XD, or Sketch, learners will practice wireframing, prototyping, and usability testing.
By the end of this module, students will be able to:
Apply user-centered design methods to create engaging digital products.
Conduct user research and translate findings into design solutions.
Design wireframes, prototypes, and high-fidelity UI layouts.
Test and refine interfaces through usability evaluation.
Understand industry best practices for responsive and accessible design.
The course is highly project-based, enabling learners to develop a portfolio of UI/UX projects that demonstrate their ability to design products that balance functionality, usability, and visual appeal.
Day 1 – UX Foundations & Research
Intro to UI/UX, user research, personas, and journey mapping.
Day 2 – Information Architecture & Wireframing
Organizing content and building low-fidelity wireframes.
Day 3 – Visual Design Principles
Typography, color, layout, and responsive design basics.
Day 4 – Prototyping & Interactivity
Creating high-fidelity mockups and interactive prototypes.
Day 5 – Usability Testing & Presentation
Testing, refining, and presenting a complete UI/UX project.
Understanding UI vs. UX and their role in digital design
Principles of human-centered design
Conducting user research: surveys, interviews, personas
Mapping user journeys and identifying pain points
Exercise: Create personas and a simple user journey map
Organizing content: information architecture and navigation flows
Basics of wireframing (low-fidelity sketches)
Tools: Figma, Adobe XD, or Sketch for wireframes
Exercise: Build wireframes for a simple website or mobile app
Principles of visual hierarchy, alignment, and consistency
Typography, color theory, and iconography for UI design
Designing layouts for desktop and mobile (responsive design)
Exercise: Create a style guide (colors, typography, buttons) for a project
From wireframes to high-fidelity mockups
Adding interactivity: clickable prototypes and transitions
Usability and accessibility considerations
Exercise: Build an interactive prototype with navigation flows
Methods of usability testing (A/B testing, task completion, feedback)
Iteration: refining designs based on user feedback
Presenting design solutions to stakeholders
Final Project: Develop and present a complete UI/UX prototype (concept → wireframe → visual design → interactive demo)
UI Designer
UX Designer
Product Designer
Interaction Designer
UX Researcher
Visual Designer
Information Architect
Usability Analyst
Design Systems Specialist
Front-End Designer (UI/UX Developer)
201901011352 (1320680-K)
