Drag-and-Drop Categorization — Quadrant Variant
A 2x2 quadrant sorting activity where learners drag tiles into the right corner of a labeled grid and get instant feedback on each placement. Pilots a wellbeing-quadrant sort but the pattern fits any two-axis classification check.
Best for: Lessons that teach a 2x2 model — Eisenhower-style matrices, importance vs. urgency, low vs. high effort, or any axis-pair framework.
Live preview — scroll inside the frame to see the full page.
What it does
- 2x2 quadrant grid — a clearly labeled matrix with two axes and four named quadrants serves as the sorting target
- Drag-and-drop tiles — learners pull each item from a pool and drop it into one of the four quadrants
- Instant correctness feedback — correct drops snap into the right quadrant with a confirmation; wrong drops bounce back to the pool
- Axis labels and quadrant titles — each axis is labeled (e.g. low/high) and each quadrant has a name learners can reference
- Progress indicator — shows how many tiles remain so the learner can pace themselves
- Completion state — congratulates when every tile is correctly placed and can hand off to a reflection prompt
Best use cases
- Wellbeing and life coaching — sort behaviors into a wellbeing or balance quadrant
- Productivity training — classify tasks into urgency vs. importance
- Strategy and consulting — sort initiatives into effort vs. impact
- Marketing — classify channels or content types into reach vs. resonance
- Leadership development — sort situations into directive vs. supportive coaching styles
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for page background, grid lines, axis labels, four quadrant colors, tile color, and feedback states; tune to fit a brand palette
- Fonts — two roles: a confident heading font for axis labels and quadrant titles, and a body font for tiles and instructions
- Copy — the prompt, axis labels, four quadrant names and short descriptors, tile text, completion message
- Images — optional tile icons or photos and quadrant glyphs
- Behavior — choose strict vs. forgiving feedback, whether tiles snap to specific corners or anywhere inside the quadrant, and how the activity completes
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.