Graphic Design · Advanced level

Advanced level · Module 3 of 6 · 22 guided hours

Design for Digital Products

Design apps and websites with research, prototypes, design systems and accessibility.

Learning objectives

  • Apply basic UX research
  • Build interactive prototypes in Figma
  • Create a small design system
  • Design to accessibility standards

Topics

  • user research
  • user flows
  • prototyping
  • components and variants
  • design tokens
  • WCAG accessibility

Lessons

  1. Lesson 1 UX Research Basics

    Understand users before designing screens.

    interviewsobservationuser needsuser flows

  2. Lesson 2 Prototyping and Testing

    Build clickable prototypes and test them with users.

    interactive prototypestasksusability testingiteration

  3. Lesson 3 Design Systems

    Build reusable components that keep products consistent.

    componentsvariants and statesdesign tokensdocumentation

  4. Lesson 4 Accessibility Standards

    Design digital products everyone can use.

    perceivable, operable, understandable, robustcontrast and text sizefocus and labelserror messages

Practical activity

Research, prototype and test a small mobile service — for example clinic appointment booking — and document its components.

Expected outcomes

  • User-centred digital design
  • Reusable design systems

Assessment

Prototype, test results and component library reviewed.

Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.