Model Online / On-Site
Duration
Modules 5 modules

Course Objective & Scope

Interfaces that look polished on the surface yet leave users confused or abandoning key tasks drive up support costs and hurt conversion. This course brings together core User Experience (UX) and User Interface (UI) principles across an end-to-end product design workflow.

Problem framing, personas and user journeys, information architecture and task flows, low-fidelity wireframing, Jakob Nielsen's usability heuristics, visual hierarchy, layout grids, typography, colour contrast and WCAG accessibility standards are practised hands-on. Participants complete a heuristic audit and redesign wireframe for one of their organisation's digital flows.

Who Should Attend?

  • Designers and visual communication specialists moving into UX/UI product design
  • Product managers, business analysts and developers collaborating closely with design teams
  • Digital team members working on customer-facing apps or internal enterprise tools
  • Prerequisite: no prior design tool experience required

Key Takeaways

  • Connect UX structure and task flows with UI visual and interaction decisions
  • Translate user goals into information architecture, user flows and wireframes
  • Spot friction in existing screens using Nielsen's 10 usability heuristics
  • Apply layout grids, typographic scales, spacing and colour contrast for clear hierarchy
  • Design forms, tables, navigation and error states that meet WCAG accessibility guidelines

Curriculum

User-Centred Design and the UX/UI Process
  • Design Thinking, the Double Diamond and how UX and UI fit together
  • Balancing user needs, business goals and technical constraints
User Flows, Information Architecture and Wireframing
  • Personas, empathy maps, customer journeys and task flow diagrams
  • Navigation patterns, sitemaps and low-fidelity wireframe sketching
Usability Heuristics and Cognitive Psychology
  • Jakob Nielsen's 10 usability heuristics
  • How Fitts's, Hick's, Jakob's and Gestalt laws shape interface design
UI Essentials: Visual Hierarchy, Typography and Colour
  • 8pt grid systems, alignment, whitespace and responsive breakpoints
  • Typographic scale, colour palettes, contrast and WCAG AA/AAA accessibility
UI Patterns and Heuristic Review Workshop
  • Forms, button states, empty states and clear microcopy (UX writing)
  • Heuristic audit and wireframe redesign of an existing organisational screen

Other Courses in This Category

  • Figma for UI/UX Teams: Auto Layout, Components, Variables and Dev Mode

    Hands-on Figma for product and design teams: Frames and constraints, responsive layouts with Auto Layout, Component/Variant and Property architecture, Variables and modes (dark/light), collaboration and developer handoff with Dev Mode.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View
  • Design Systems: Tokens, Component Libraries, Governance and Code Sync

    Scalable Design System architecture: W3C design tokens, atomic component structure, accessibility standards, syncing Figma with code (Storybook/React/Web), documentation, versioning and cross-team governance.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View
  • Interactive Prototyping: From Rapid Flows to High-Fidelity Validation

    Interactive prototyping for digital product validation: from paper and lo-fi flows to hi-fi prototypes, Smart Animate and micro-interactions, realistic forms/carts with variables and conditional logic, and usability test readiness.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View
  • User Research: Qualitative, Quantitative and Usability Testing Methods

    Practical User Research for product and design decisions: research planning and hypotheses, in-depth user interviews, moderated and unmoderated usability testing, card sorting, synthesis and actionable insight reporting.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View
  • AI-Powered UI/UX: Designing with AI Tools and Building AI-Native Interfaces

    Dual AI mastery for product designers: accelerating research synthesis, wireframing/UI generation (Figma AI, v0, Relume) and UX writing with AI; plus UX design patterns for copilot, agentic and generative AI products.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View
  • Digital Marketing Strategy and Full-Funnel Execution

    End-to-end digital marketing strategy and channel execution: customer journey and funnel design, SEO and content, Google Ads and paid social, email/CRM lifecycle automation, conversion rate optimisation (CRO) and ROAS/CAC measurement.

    UX/UI & Digital Marketing Corporate
    Live Course
    5 modules
    View

Get in touch