UI/UX Designer Course

Lesson 1 • Accessibility and Inclusive Design

Introduces accessibility standards, contrast ratios, and keyboard navigation as baseline requirements. Frames inclusion as a design quality metric, not an afterthought.

Lesson 2 • Core Principles of Visual Design

Covers Gestalt principles, hierarchy, contrast, and alignment as the visual grammar of interfaces. Connects visual theory to practical layout decisions.

Lesson 3 • The Design Process at a Glance

Introduces the end-to-end design lifecycle from discovery to handoff. Provides a mental map students will expand in later chapters.

Lesson 1 • Conducting User Interviews

Teaches structured and semi-structured interview techniques that surface latent user needs. Students practise active listening and neutral questioning.

Lesson 2 • Surveys and Contextual Inquiry

Introduces survey design and field observation as complements to interviews. Students learn when each method yields the most reliable data.

Lesson 3 • Synthesising Research into Insights

Transforms raw data into actionable insights using affinity mapping and thematic analysis. Outputs feed directly into personas and journey maps.

Lesson 4 • Planning a Research Study

Covers research objectives, scope, and method selection before fieldwork begins. Ensures students avoid common planning pitfalls that waste time and budget.

Lesson 1 • Content Inventory and Audit

Teaches systematic cataloguing and evaluation of existing content before restructuring. Students identify gaps, redundancies, and priority content.

Lesson 2 • Sitemaps and Navigation Patterns

Translates IA research into sitemaps and selects navigation patterns suited to content depth and user goals. Covers global, local, and contextual navigation.

Lesson 3 • Card Sorting and Tree Testing

Uses participatory methods to validate category labels and hierarchy with real users. Results directly inform sitemap decisions.

Lesson 4 • Search and Findability

Covers search UX design including filters, facets, and zero-results states. Connects findability to overall IA quality.

Lesson 1 • Sketching and Ideation Techniques

Rapid sketching methods generate many layout ideas quickly without commitment to detail. Divergent thinking at this stage prevents premature design fixation.

Lesson 2 • Annotating Wireframes for Handoff

Documents interaction logic, states, and edge cases so developers understand intent. Reduces back-and-forth during implementation.

Lesson 3 • Clickable Prototypes for Testing

Links wireframe screens into navigable prototypes that simulate user flows without code. Enables early usability testing before visual investment.

Lesson 4 • Wireframe Anatomy and Standards

Defines wireframe fidelity levels and establishes annotation conventions for developer handoff. Students learn what to include and what to defer.

Lesson 1 • Design System Documentation

Packages components, tokens, and usage guidelines into a living design system document. Enables cross-team consistency and faster future design work.

Lesson 2 • Component Design and Variants

Builds reusable UI components with all states and variants documented in a design tool. Atomic design methodology structures components from atoms to templates.

Lesson 3 • Colour Systems and Brand Alignment

Constructs a scalable colour palette with primary, secondary, semantic, and neutral tokens. Ensures brand consistency and accessibility compliance across all screens.

Lesson 4 • Iconography and Imagery

Defines icon style, sizing, and usage rules alongside image treatment guidelines. Consistency in visual assets reinforces brand identity.

Lesson 1 • Gesture and Touch Interaction

Designs for swipe, pinch, long-press, and other touch gestures on mobile platforms. Covers target sizing, gesture discoverability, and fallback patterns.

Lesson 2 • Principles of Interaction Design

Covers feedback, affordance, mapping, and constraints as the core vocabulary of interaction design. Applies each principle to real interface decisions.

Lesson 3 • Voice and Multimodal Interaction

Introduces voice UI design principles and multimodal experiences combining touch, voice, and visual feedback. Prepares students for emerging interaction paradigms.

Lesson 4 • High-Fidelity Prototyping

Builds pixel-accurate, interactive prototypes using advanced prototyping features in design tools. Simulates real product behaviour for stakeholder demos and usability tests.

Lesson 1 • Writing Test Plans and Tasks

Constructs test plans with clear objectives, realistic tasks, and measurable outcomes. Well-written tasks prevent facilitator bias from contaminating results.

Lesson 2 • Facilitating Usability Sessions

Covers facilitator techniques for keeping sessions neutral while gathering rich behavioural data. Students practise think-aloud protocol and probing questions.

Lesson 3 • Analysing and Reporting Findings

Synthesises session observations into severity-rated issues and actionable recommendations. Reports are structured for both design teams and non-technical stakeholders.

Lesson 4 • Usability Testing Fundamentals

Defines usability testing goals, types, and when to use each. Distinguishes formative from summative testing and sets realistic expectations for findings.

Lesson 1 • Using Handoff and Inspection Tools

Demonstrates how inspection tools expose CSS values, spacing, and assets to developers without design tool access. Covers commenting and version history features.

Lesson 2 • Design QA and Launch Readiness

Establishes a design quality assurance process to catch implementation errors before launch. Covers QA checklists, bug reporting, and sign-off procedures.

Lesson 3 • Preparing Files for Developer Handoff

Organises design files with consistent naming, layer structure, and exported assets. Clean files reduce developer confusion and speed up implementation.

Lesson 4 • Collaborating with Developers

Builds productive designer-developer relationships through shared vocabulary and mutual respect. Covers how to handle implementation deviations constructively.