Resource Lab
Free interaction patterns for modern learning design.
Resource Lab is a growing library of reusable interaction patterns, code snippets, build notes, prototypes, pattern packs, and performance-support ideas for learning designers who want digital learning to feel more useful, modern, and connected to real work.
Most learning teams do not need more static content.
They need cleaner ways to guide attention, support decisions, reduce friction, and help people move through information without feeling like they have been dropped into a digital filing cabinet.
That is why I created Resource Lab.
This is not a gallery of flashy widgets for the sake of having flashy widgets. The goal is to share practical, reusable patterns that solve common learning design problems.
Growing Library
Resource Lab is becoming a 100-pattern library.
The goal is to build a practical public library of reusable learning experience patterns across feedback, decision-making, scenarios, workflow support, interactive infographics, AI-assisted workflows, performance enablement, data visualization, and game-inspired learning interactions.
Looking for frameworks?
Field Guides now have their own home.
Resource Lab is focused on interaction patterns, prototypes, code, games, pattern packs, and build notes. Field Guides are where I share audits, checklists, frameworks, and practical design tools that help shape the work before the build starts.
Available Patterns
Start with these reusable interaction patterns.
Each resource includes a design rationale, live preview, and starter code or build guidance you can copy, adapt, and use in your own learning experiences.
Exactly / Not exactly feedback cards
A lightweight interaction for learning moments where traditional correct/incorrect feedback feels too blunt.
View pattern Scenario PatternGuided scenario choice block
A simple scenario interaction where learners choose a response and receive immediate inline feedback.
View pattern Storyline + JavaScriptStoryline decision confidence meter
A Storyline pattern that pairs a learner’s decision with confidence level, then uses JavaScript to generate adaptive coaching feedback.
View pattern Storyline + GamificationStoryline momentum meter
A gamified Storyline pattern that rewards useful decisions, builds learner momentum, and uses JavaScript to provide adaptive coaching feedback.
View pattern Advanced Storyline PatternBranching diagnostic coach
An advanced Storyline-ready interaction that turns learner decisions into a visible coaching pathway across clarity, speed, risk control, and confidence.
View pattern Advanced Troubleshooting PatternWorkflow troubleshooting simulator
A guided troubleshooting pattern that helps learners identify a signal, rule out obvious causes, and choose the next useful action.
View pattern Interactive InfographicLearning systems map
A lightweight S3-ready interactive infographic for exploring the people, tools, decisions, workflows, friction points, supports, and success signals around a learning problem.
View pattern Advanced Decision PatternDecision tradeoff visualizer
A reusable HTML/CSS/JavaScript interaction that helps learners compare plausible decisions by showing how each choice affects speed, clarity, risk, trust, and effort.
View pattern Judgment PatternRisk lens selector
A reusable interaction pattern that helps learners examine the same decision through different risk lenses, including customer impact, safety, trust, operational friction, and compliance.
View pattern Coaching Feedback PatternMistake recovery coach
A reusable interaction pattern that helps learners practice what to do after a poor decision, missed step, or incomplete response.
View pattern Flagship Process PatternMobile process coach
A mobile-first interaction pattern that turns a process into guided, tappable decision support with step coaching, risk cues, progress state, and a debrief layer.
View pattern Showcase Judgment PatternScenario signal studio
A reusable scenario-design pattern that helps learners separate signal from noise, classify information, check assumptions, and receive coaching before choosing what to do next.
View pattern Game-Inspired Judgment PatternSignal runner
A Frogger-inspired judgment-practice pattern that uses motion, badges, score, and game energy to help learners collect useful signals, avoid distractions, and practice clarity under pressure.
View pattern Arcade Workflow PatternDecision drive
A Spy Hunter-inspired lane-driving interaction that helps learners collect useful support, avoid risky shortcuts, manage pressure, and stay focused on the mission.
View pattern Flagship Systems GameLearning systems quest
A decision-based mindset adventure where learners try to build a learning solution that survives beyond launch by balancing clarity, trust, operational fit, and sustainability.
View pattern Resource Lab Pattern PackChart motion kit
A reusable pack of animated chart and metric patterns for Rise, Storyline, and web-based learning experiences when default chart blocks feel too static or template-y.
View pattern packResource Lab 100
A practical pattern library, organized by the problems learning designers actually solve.
As Resource Lab grows, patterns will be organized into category families so the library stays useful instead of turning into a giant drawer full of random interaction parts.
Feedback + Coaching
Patterns that help feedback teach, redirect, reinforce, and build better judgment.
Decision + Judgment
Patterns that help learners compare options, weigh tradeoffs, and practice realistic workplace decisions.
Scenario + Simulation
Lightweight scenario structures that create meaningful practice without building giant branching monsters.
Process + Workflow
Patterns that make steps, handoffs, dependencies, and operational decisions easier to understand.
Reflection + Readiness
Patterns that help learners pause, assess confidence, identify gaps, and prepare for real-world application.
Performance Support + Job Aids
Tools that move support closer to the moment of need instead of hiding everything inside a course.
Interactive Infographics
Visual, tappable resources for explaining systems, risks, workflows, decisions, and learning pathways.
AI-Assisted Workflows
Patterns for using AI to support drafting, review, coaching, content operations, and learning design decisions.
Data + Debrief
Patterns that help learners and teams interpret outcomes, reflect on choices, visualize progress, and improve over time.
Designer Enablement
Resources that help learning designers plan, explain, prototype, and improve their own learning experiences.
What I’ll be sharing
Resource Lab focuses on practical interaction patterns, prototypes, pattern packs, and design tools that learning designers can copy, adapt, or rethink for their own work.
Some resources include code. Some include design notes. Some include live previews. Some include all three.
The goal is to make each post useful enough that another learning designer could copy, adapt, or rethink the pattern for their own work.
Why this matters
A lot of workplace learning still feels heavier than it needs to.
Learners are asked to scroll through dense information, click through predictable modules, or complete interactions that technically work but do not really improve the experience.
Better interaction design does not have to mean building something complicated.
Sometimes it is as simple as showing feedback in the right place, breaking a process into smaller steps, helping someone compare options, making tradeoffs visible, turning a troubleshooting moment into a clear next action, helping someone recover from a mistake with better judgment, teaching them how to separate signal from noise before they act, visualizing data in a way learners can actually understand, or using game mechanics to reinforce attention instead of distract from it.
That is the kind of work I want Resource Lab to support.
How to use these resources
Use them as starting points.
Adapt the copy. Change the colors. Adjust the layout. Strip them down. Build on them. Make them fit your learners, your brand, and your constraints.
The point is not to copy a finished design exactly.
The point is to think more intentionally about how interaction patterns, prototypes, pattern packs, games, and reusable tools can support clarity, confidence, performance, and better decisions in the flow of work.
Build With Me
Have an interaction idea you need help working out?
If you have a learning interaction, scenario pattern, Rise workaround, Storyline concept, interactive infographic, game-inspired activity, scorecard, animated chart, dashboard, or resource idea that feels useful but not fully formed yet, send it my way.
I’m using Resource Lab as a place to explore practical learning design patterns in public. Some ideas may become future examples, reusable code snippets, prototypes, pattern packs, or build notes that other learning designers can adapt.
Good fits include:
Library Roadmap
Available now. More patterns coming.
The first 16 patterns are live or listed. The next phase expands the library across the Resource Lab 100 categories instead of treating every new idea like a one-off page.
16 available patterns
Current reusable patterns, interaction examples, Storyline concepts, process coaches, judgment-practice tools, game-inspired interactions, lane-driving workflow games, interactive infographics, animated chart patterns, and flagship learning games.
34 remaining ideas
Patterns already identified from the original idea bank, including summary layouts, readiness checks, workflow aids, coaching patterns, scorecards, dashboards, and decision-support tools.
50 new ideas
Additional patterns and reusable tools that complete the Resource Lab 100 library across the 10 category families.
Nothing too precious. Nothing locked behind a form. Just useful patterns and tools for people trying to make learning experiences better.
Resource Lab is an experiment, but the goal is simple.
Share practical patterns that help learning feel less static, less bloated, and more connected to the work people actually need to do.