Resource Lab
Free interaction patterns for modern learning design.
Resource Lab is a practical collection of free interaction patterns, code snippets, and build notes for learning designers who want to make Articulate Rise, Storyline, and web-based learning experiences feel more modern, useful, and intentional.
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 meant to be a gallery of flashy widgets for the sake of having flashy widgets. The goal is to share reusable patterns that solve common learning design problems.
Available Patterns
Start with these reusable interaction patterns.
Each resource includes a design rationale, live preview, and starter code 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 patternWhat I’ll be sharing
Resource Lab focuses on practical interaction patterns that learning designers can copy, adapt, or rethink for their own work.
Some resources include code. Some include design notes. Some include both.
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, or turning a troubleshooting moment into a clear next action.
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 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, 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, or build notes that other learning designers can adapt.
Good fits include:
Available now and coming next
I’ll continue building a practical set of patterns for Articulate Rise, Storyline, interactive infographics, and web-based learning experiences.
An “Exactly / Not exactly” feedback interaction
02A guided scenario choice block
03A Storyline decision confidence meter
04A Storyline momentum meter
05A branching diagnostic coach
06A workflow troubleshooting simulator
07A learning systems map interactive infographic
08A decision tradeoff visualizer
A mobile-friendly process stepper
A modern summary card layout
A confidence calibration interaction
Nothing too precious. Nothing locked behind a form.
Just useful patterns for people trying to make learning experiences better.
Resource Lab is an experiment, but the goal is simple.
Share practical tools that help learning feel less static, less bloated, and more connected to the work people actually need to do.