Slider Drag and Drop
I built this as a quick example that might spark some inspiration for others. The learner can drag the document, use their arrow keys, or select the folders themselves. You'll notice it is a freeform pick one quiz question so there are triggers that change the state of the folders based on the value of the slider's variable.Munich Travel Guide: Where Should You Stay? 🇩🇪🥨
Explore five Munich neighborhoods in this interactive Storyline 360 experience featuring: Interactive map with clickable neighborhoods Local recommendations for dining and must-see attractions Travel tips to help visitors find their ideal place to stay Built with custom visuals, Storyline layers, and learner-controlled exploration. Explore the course: https://360.articulate.com/review/content/32b86585-9aa5-4fd8-bfdf-989d35536d45/reviewBrew Dunnit? 🍺🕵️ An Oktoberfest Whodunit Where the Ingredients Are the Suspects
Somebody dry hopped the lager. 😱 A crisp Munich Helles showed up to Oktoberfest smelling like a California IPA, the Brewmeister is FURIOUS, and you’ve been called in from HR to find out who did it. 👉 Brew Dunnit? 🍺🕵️ The lineup 🌿 Hops: the obvious suspect, and very defensive about it 🌾 Malt: sweet, a little too eager, brought you a pretzel 🥔 Yeast: smug, has an alibi, and is NOT a potato 💧 Water: will not talk. At all. 👀 Leo the Intern: nobody ever suspects the intern Why a whodunit? The big idea in brewing isn’t just what goes in, it’s when. Hops in the boil add bitterness. Hops after fermentation add aroma. That one timing concept is what cracks the case, so learners can’t solve it without actually understanding the brewing process. Every interrogation teaches something real (lager vs ale, IBU, what malt does, why Helles is pale) and drops a clue on the evidence board. The accusation stays locked until you’ve questioned all five suspects, and wrong guesses get a very offended rebuttal. Malt is still hurt about the pretzel. 🥨 How I built it 🛠️ One Rise 360 Code Block, uploaded as a zip file 🎨 Characters created with Articulate AI image generation, all in the same interrogation room for a consistent look 💾 Progress saves with local storage, so you can leave and come back to your case ♿ Keyboard friendly, screen reader labels, and big readable text My favorite part? Water. Three questions, zero answers, and then it slides you the most important clue in the whole case. 💧😎 Would love to hear who you accused first! 👇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. ☕🤖 👉 The SME Content Dump Have you ever had a Doug? What's the wildest slide you've had to cut? 😂One Office Party, Four Ways: Exploring Articulate's AI Training Formats
This week's challenge was so much fun! What happens if you take one training topic and run it through all four of Rise 360's new AI build formats, Guide, Interactive Video, Scenario, and Training Deck, and actually compare what comes out the other side? So that's what I did. Same topic for all four: surviving the office holiday party (RSVPs, small talk, the buffet line, the exit strategy). Same mascot too, meet Bernard, my office party expert for the day. 🎉 Here's how each format actually performed. Guide: video in, steps out. Feed it a video and it turns into a clean set of steps, and the writing held up well. To be honest, I could have built this simple list much faster on my own. It is pretty basic, just a list, and like the rest, it builds a standalone course with no way to drop it into something you're already working on. Interactive Video: same video, new checkpoints. If you already have footage, this one costs you nothing extra. It found smart, natural places to drop checkpoints right where new information landed. It also let's you edit the checkpoint which is pretty cool. Same standalone limitation, and it's only ever as strong as the video you hand it. Scenario: a prompt in, a conversation out. This is the one that surprised me. Two paragraphs, a goal and some context, and it built real branching logic, not just multiple choice with a coat of paint. Fully editable after it generated too, no starting from scratch if you want to tweak a branch. It also gave me my two favorite bloopers of the whole project, and I left both in on purpose. 😝 First, in his neutral pose, Bernard's mouth just isn't there. 😅 It comes back the second he smiles. Second, and better, one of the response options it wrote FOR Bernard, mid-conversation with himself, was "Heard any juicy gossip about Bernard?" The AI had him asking for the tea on his own life. I couldn't not keep that one. Training Deck: five rules in, seven slides out. This one wants raw material, not a prompt, so I pasted in five party "rules" and stepped through a three stage wizard, Details, Outline, then Draft, with an editable checkpoint at every stage. The visuals did not wow me, they were pretty plain. I could have create a better PowerPoint without this tool that looked much better. The editing experience was a little limited. It also decided, entirely on its own, that our audience was "young professionals, early in their careers." I never said that anywhere, it just went with it, and honestly, sure, why not. But I also found a real bug: four of the seven slides have a card that scrolls in Edit view but doesn't scroll in Preview or Present. That's not a cosmetic issue, it's lost content, whatever falls below the fold on those cards is just gone for anyone actually taking the deck. Worth knowing before you ship anything built this way. The throughline across all four: every single format builds its own separate, standalone Rise course. None of them let you generate a lesson and drop it into a course you're already building. Four for four. It's a little ironic, since Rise already lets you drop a Storyline 360 block straight into a course. It would be great to see these four get that same treatment, generate the content, then drop it in as a lesson instead of a whole new course every time. If I had to pick one? Scenario hand down. 🙌 No video needed, real editable branching, and nothing about it broke on me, just some Bernard's missing mouth and which made for a funny blooper. 😂 I built the comparison itself as a Rise course, using Articulate's AI Avatar and Code Blocks, one lesson per format with a "behind the build" walkthrough showing my actual screenshots, plus a closing verdict lesson where you can flip through pros and cons on each format before Bernard gives his own take. Link below. 👇 One Office Party, Four Ways: Exploring Articulate's AI Training FormatsFrom Prompt to Parking: A Small Learning Experience
For this challenge, I experimented with using prompts to create a small learning experience in ChatGPT Sites. The result is a short parallel-parking example that moves from a title image to a brief story and then into an animated step-by-step interaction. It is not intended as a full demonstration of FLaM. It is a small test of how consistently a visual language and a functional learning flow can be translated into a working prototype through prompting. I refined the prompts iteratively—especially the story image, the layout, and the movement of the car—until the interaction behaved as intended. View project here: www.linkedin.com/in/hillaschlegelThe Frazzled Fork: What I Learned Building a Restaurant Meltdown Simulator
I have never worked a single shift in a restaurant. Not one. So when this week's challenge landed — build something that teaches new servers how to juggle a full section — my first thought was, "cool, I get to become a fake restaurant expert for a week." 🍽️ My second thought was: this needs characters. Funny ones. Chaotic ones. The kind of guests that make you laugh and also 100% represent someone you've actually been seated next to. So that's what I built: The Frazzled Fork — a black-and-gold, slightly-too-fancy-for-its-own-good restaurant where you're the brand new server, and your entire section decides to fall apart at once. Meet the chaos Every good triage scenario needs real pressure, and pressure needs personality. So the section you're covering tonight includes: 🍽️ The Splitters (Table 2) — a party of six who cannot agree on how to split the check, and will renegotiate it three times mid-meal 😰 Allergy Anxious (Table 5) — "I'm not allergic allergic, I just get a little itchy" energy 🙄 The Complainer (Table 7) — dish is "wrong," it's actually the kitchen's fault, but he's looking at you 🔥 Sal "Volcano" — the head chef, one ticket away from a full eruption 😑 Deb — the manager, deadpan, unbothered, has seen worse than you And then there's you: a brand new server with a creased apron and a tray that looks like it's one bad decision away from disaster. The actual learning part (yes, there's a point to all this) Underneath the chaos, this is a triage trainer. You're managing three tables at once, and every decision point forces a real trade-off: Do you greet the loud table of six, or the quiet couple who's easy to overlook? Do you flag an ambiguous allergy question, or just take the order and move on? When the kitchen slams two entrées up and a guest complaint hits at the same time — what gets your attention first? Every choice has a "best," "good," "okay," and "rough" version, and every choice ripples: help one table, and the other two feel it. Nobody gets a perfect shift. That's the point — new servers don't learn triage by being told the rules, they learn it by feeling the trade-off in real time. At the end, you get a scorecard: how each table felt about their night, a full recap of the decisions you made, and one of four closing reactions from Deb — ranging from "honestly, didn't think you had it in you" to "...okay, so, that happened." 😅 The part where Claude and I actually built this together I'll be honest, this one was a proper back-and-forth build, not a one-shot prompt: We brainstormed the concept together first — landed on "juggling a full section" as the format, then built out the characters and story beats before touching a single line of code I described the vibe I wanted (classy, black-and-gold, a little dramatic) and Claude translated that into an actual moving, glowing background — CSS doing way more work than I expected I generated the character portraits myself and handed them off, and Claude wired them into the floor view, the decision screens, and the scorecard Claude wrote the AI Avatar video scripts in-voice for Deb and Sal, and I recorded them separately and dropped them in When Rise's Code Block wasn't sizing itself properly on the taller screens, Claude added an auto-resize fix so the block adjusts itself instead of getting clipped Genuinely could not have finished this as fast without having a co-creative partner for the technical side, while I focused on the parts that actually matter — the story, the characters, the voice. Try it, break it, tell me who your Table 7 was If you've ever worked a real shift like this, I want to hear it — was your real-life "Splitters" table worse than mine? Did you ever have your own Sal moment? Go give The Frazzled Fork a shot, and let me know how your shift went. 🔥🍴 The Frazzled ForkBusiness Maths Essentials
Hello everyone... For this week’s challenge, I decided to experiment with a simple combination of Articulate Rise, ChatGPT and PowerPoint. What started as a small idea quickly developed into a complete, scenario-based learning activity. I created Business Maths Essentials for new starters, using Sam, a newly appointed accountant at BrightStart, to guide learners through key financial terms, classification activities, profit-and-loss calculations and a final decision-making task. The learner supports Sam, a new accountant at BrightStart, as he works through four practical tasks: understanding key financial terms, classifying business figures, calculating profit or loss, and interpreting the wider financial position. The activities were created as responsive HTML, CSS and JavaScript components that can be placed inside Articulate Rise Code Blocks. The design uses clear instructions, immediate feedback, running totals, simple calculations and accessible keyboard controls. Consistent TS4 branding, restrained 44 px emojis and visual status cues help learners navigate the content without distracting from the learning objective. The modular structure also allows each activity to be used separately or combined into a complete learner journey. For the course banner, I adapted a template created by Tom and used PowerPoint’s Morph transition to produce a simple animated GIF, which I placed in different locations. Attached is the Rise Banner Template I used - Source : E-learning Heroes View the course: Business Maths Essentials Enjoy Dr NadiaCybersecurity Awareness - Spot the Phish
Hola....Here's an interactive cybersecurity awareness course designed to help learners recognise common cyber threats and adopt safer digital behaviours. The course uses a learner-friendly approach to introduce essential cybersecurity concepts, including phishing attacks, password security, social engineering, malware, and safe online practices. CLICK TO VIEWAI Infographics
A professional and engaging banner for an internal company newsletter titled 'Launch Your Goals MyPDP Conversations (July - August)" Create an image titled 'Code of Ethical Conduct' that visually represents ethical standards and work. Both created using Copilot. Not sure of exact prompt, but used internal copilot who had access the the documents.
