
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.

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