Example
Need to Know? Sorting Doug's 200 Slides 📄😱
We've all met Doug. Doug is a lovely SME who knows everything, and he just rolled 200 slides into your cubicle for a 15 minute course. "Good news! I trimmed it down!" 🙃
For this week's challenge, I turned that moment into a sorting activity. Learners drag each of Doug's slides into one of three zones: Need to Know (teach it), Nice to Know (link it), or Never to Know (cut it, kindly).
Then they hit Submit, and Doug weighs in. Try sending his paintball offsite photo to the cut zone and see what happens. 🎯
Why a slider?
Drag and drop isn't fully keyboard accessible yet, and this interaction only needs to move one way: left to right. So the slide card rides on a slider. Learners can grab the card or the slider button with a mouse, or tab to it and use the arrow keys. Screen readers hear which zone the slide is in, not a random number. Same feel as drag and drop, and everyone gets to play. 🙌
What I learned:
- Get one axis right before anything else. If the movement only goes one way, a slider gives you drag and drop feel with accessibility built in.
- Feedback with personality sticks. Doug reacts differently depending on where you drop each slide. It's funny, but it also shows why something belongs in a zone.
- Show the payoff. The end screen compares Doug's 3 hr 40 min version with your trimmed course. That's the real lesson for any LED. ⏱️
Shout out to Claude, my co-creator for the build. Doug and our caffeinated LED were brought to life with Articulate's AI image generation. ☕🤖
Have you ever had a Doug? What's the wildest slide you've had to cut? 😂
