Example
“Are You Sure?” in E-Learning #555
This week, I wanted to lean into the spirit of the confirmation prompt, that moment of pause, of reconsideration, and ask: what if that pause wasn't entirely on your side?
The scenario: you're an internal team member who's just come back from a learning design course. You have the master learning design authoring tool.
Before you're allowed near the authoring tool, the org's AI guide HARMONY needs to run a quick "Confirmation Test."
Three scenarios.
Shouldn't take long.
HARMONY is very helpful.
The "Are you sure?" mechanic does something a little different here. I'll leave it at that. 🙂
A few craft notes for anyone interested in the build:
- The confirmation prompt UX is deliberately asymmetric; the buttons don't behave the same way depending on which answer you're leaning toward
- HARMONY has two states that shift based on your choices throughout
- Three different endings based on your answer tally
- The fake "analysis" stage has a silent jury. You'll see.
- I have a lot of fun with Claude Design, Code and all things Claude
Would love to know which ending you hit, and whether any of the scenarios felt a little too close to home. 👀
Are you a conformist or a rebel?
Find out here Confirmation Test
Let me know how many little "interesting" interactions you spot
Thanks to DavidAnderson and the Articulate 360 team for the prompt; this one was a lot of fun.
#ElearningChallenge
2 Replies
DanBoylandUK super slick!
How did you make the page background color change subtly?
- WOW! The BIG reconsider button and tiny, gray, Yes, I'm sure button sort of made my heart skip (when the video guy played). 🤣🤣
- What a HOOT! Harmony's expression changes (a frown when you hover of "Yes, I'm sure").
- I rarely use the word "anxious" in my personal vocabulary ... but this demo injected me with anxiety! 😂🌚
- That last ticky movement at the end!
👏🏾👏🏾👏🏾 BRILLIANT! - and I'm positive about that! 🤣🤣🤣
Well done, Thomas_Shayon pretty much all the microinteractions and features...
There are actually 3 outcomes too, depending on your conformant choices. Did you go with the exec or forge your own path 😀
Thanks for the feedback on that; it was great fun to make, it was brilliant to try and come up with all the evil options!
As for the background, it uses a combination of CSS and JS triggers
Feel free to reach out again or contact me on LinkedIn in you are on there...hope the heart settled own quickly afterwards 😁
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.