Cover image for Everyday tools for the online Learning Designer

Learning Design

Everyday tools for the online Learning Designer

A practical intro talk linking UX methods to online Learning Design (LX). We showed how to map & sequence content, design interactions, use H5P, and apply usability, schema theory and cognitive load. Attendance was low (torrential rain + light promo), which became a key lesson—great content still needs great distribution.

RoleCo-presenter (content + facilitation)Year2022Duration1 Hour WorkshopTeamTim Klapdor — Co-presenter
UX → LXLearning DesignWorkshopUsabilityH5P
Everyday tools for the online Learning Designer cover image

Everyday tools for the online Learning Designer

A practical intro talk linking UX methods to online Learning Design (LX). We showed how to map & sequence content, design interactions, use H5P, and apply usability, schema theory and cognitive load. Attendance was low (torrential rain + light promo), which became a key lesson—great content still needs great distribution.

Published: 2022-08-23 | Reading time: 3 minutes

Project brief

A fast, tool-rich session for designers and educators showing how everyday UX practices translate directly into online learning design (LX).

Context

Part of Design For Humans—a local networking group (now disbanded). I co-presented with Tim Klapdor, where we shared our understanding of the parallels between UX design and Learning Design in a University Setting.

Session outline

UX → LX translations

  • Information Architecture → mapping & sequencing content (right info, right time).
  • Human–Computer Interaction → social interaction in learning (Zoom, cooperative work, divergent thinking).
  • Interaction Design → feedback loops in quizzes/activities; immediate vs delayed feedback.
  • Usability → effectiveness, efficiency, engagement, error-tolerance, ease of learning; orientation, familiar layouts, clear visuals, chunking.
  • UI vs UX → consistent styles & media sizing; apply Mayer's multimedia principles on lesson pages.

Learning science lenses

  • Schema theory (connect new info to prior knowledge).
  • Skeuomorphism as a bridge to teach new interfaces.
  • Cognitive load (sequence, remove clutter, pace complexity).

Everyday tools

Canvas (LMS), H5P for interactives, Miro, Smart Storyboard, cloud docs.

Key slides (highlights)

  • IA → Mapping & Sequencing for learning.
  • HCI in our context = human interaction around the tech.
  • Interaction design = meaningful feedback; quizzes that teach, not just test.
  • H5P in the LMS = quick, reusable HTML5 interactives.
  • Usability pillars across UX & LX; chunking and primacy/recency effects.
  • UI consistency & multimedia principles.
  • Schema & skeuomorphism → leverage familiar cues.
  • Cognitive load limits → design for attention.

Hands-on activity

Rapid sketch of a lesson using learning patterns: question → acquisition → practice → reflection; map media and feedback.

Slides

Outcome & what we learned

  • Attendance miss: Heavy rain + limited promotion = small audience.
  • Lesson: Treat outreach as a design problem—value proposition, multi-channel promo, reminders, and a remote/recorded fallback.
  • Wins: The UX↔LX mapping and pattern library resonated; participants reported immediate applicability.

Credits

Thanks to Design For Humans for hosting (while it lasted), and Tim Klapdor for co-designing and co-presenting.

Interested in translating UX to LX?

Happy to walk through the workshop materials and discuss how these methods can be applied in your context.

Contact me