UI/UX Design Course

Lesson 1 • Human-Centred Design Mindset

Frames design as a problem-solving process centred on human needs. Establishes empathy as the foundation for every design choice made later.

Lesson 2 • Core Design Principles

Introduces visual and interaction principles that govern effective interfaces. Students apply these principles to evaluate existing products critically.

Lesson 3 • The Design Process Overview

Maps the end-to-end design workflow from discovery to delivery. Provides a mental model students will revisit throughout the entire course.

Lesson 1 • Synthesising Research into Insights

Transforms raw data into patterns, themes, and actionable design insights. Students use affinity mapping and thematic analysis to organise findings.

Lesson 2 • Research Planning and Strategy

Covers how to scope a research project and select appropriate methods. Connects research goals to business objectives and design questions.

Lesson 3 • Surveys and Contextual Inquiry

Introduces survey design and field observation as complementary research tools. Students learn when each method yields the most reliable data.

Lesson 4 • Conducting User Interviews

Teaches structured and semi-structured interview techniques for uncovering user motivations. Students practise active listening and neutral questioning.

Lesson 1 • Navigation Patterns and Models

Surveys common navigation patterns across web and mobile contexts. Students select and justify patterns based on content volume and user mental models.

Lesson 2 • Card Sorting and Tree Testing

Teaches participatory methods for validating content groupings with real users. Results directly inform sitemap structure and menu labelling decisions.

Lesson 3 • Sitemaps and Content Hierarchies

Guides students in creating visual sitemaps that map all product screens and relationships. Establishes a shared reference for design and development teams.

Lesson 1 • Sketching and Ideation Techniques

Introduces rapid sketching as the fastest way to externalise and compare design ideas. Students practise quantity-first ideation before converging on solutions.

Lesson 2 • Wireframe Anatomy and Components

Breaks down the structural elements common to all wireframes across platforms. Students learn to represent content, hierarchy, and interaction without visual styling.

Lesson 3 • Low-Fidelity Prototyping and Linking

Connects wireframe screens into clickable prototypes for early usability testing. Students learn to simulate user flows without high-fidelity visual design.

Lesson 4 • Wireframing for Web and Mobile

Applies wireframing principles to responsive web and native mobile contexts. Students produce platform-appropriate layouts that respect device constraints.

Lesson 1 • Spacing, Layout, and Grid Systems

Introduces spacing tokens, layout grids, and alignment rules for consistent UI composition. Students apply 8-point grid logic to produce structured, scalable layouts.

Lesson 2 • High-Fidelity Screen Design

Integrates all visual design elements into polished, production-ready screen compositions. Students apply visual hierarchy to guide user attention and support task completion.

Lesson 3 • Iconography and Imagery

Covers icon design principles, illustration styles, and image usage in UI contexts. Students select and apply visual assets that reinforce meaning without adding noise.

Lesson 4 • Typography in Digital Interfaces

Teaches type selection, scale, and hierarchy for screen-based reading contexts. Students create typographic systems that improve readability and visual rhythm.

Lesson 1 • Building Core UI Components

Guides students through creating foundational components such as buttons, inputs, and cards. Each component is built with variants, states, and accessibility in mind.

Lesson 2 • Tokens, Variables, and Theming

Introduces design tokens as the connective layer between design and code. Students create token structures that support theming and multi-brand scalability.

Lesson 3 • Maintaining and Scaling Design Systems

Addresses the operational challenges of keeping a design system current as products evolve. Students learn contribution models and deprecation strategies for long-term health.

Lesson 4 • Introduction to Design Systems

Defines design systems as single sources of truth for product teams. Students understand the business value of consistency and reduced design debt.

Lesson 1 • Designing for Touch and Gesture

Addresses the unique interaction challenges of touch-based devices and gesture-driven interfaces. Students design gesture vocabularies that feel natural and discoverable.

Lesson 2 • Micro-Interactions and Animation

Covers the design of small, purposeful animations that guide attention and confirm actions. Students distinguish decorative animation from functional motion design.

Lesson 3 • High-Fidelity Prototyping Techniques

Builds on wireframe prototyping to create realistic, interactive simulations of the final product. Students use advanced prototype features to replicate real interaction flows.

Lesson 4 • Prototyping for Stakeholder Communication

Teaches how to tailor prototype fidelity and scope to different stakeholder audiences. Students learn to use prototypes as persuasion and alignment tools in design reviews.

Lesson 1 • Facilitating Usability Sessions

Develops facilitation skills for running live usability sessions without influencing behaviour. Students practise staying neutral while probing for deeper understanding.

Lesson 2 • Planning and Writing Test Scripts

Guides students through creating structured test plans and task-based scripts. Well-written tasks reveal genuine usability issues without leading participants.

Lesson 3 • Iterating and Validating Design Changes

Closes the design loop by translating usability findings into targeted design revisions. Students validate changes through follow-up testing and A/B comparison methods.

Lesson 4 • Analysing and Reporting Findings

Converts raw session observations into structured usability findings and severity ratings. Students produce actionable reports that prioritise issues by user impact.