Add Audio Note-Taking to Your Storyline Projects!
How it works: It’s straightforward: When the learner clicks "Record," a browser popup will appear. They must allow microphone access for the script to start. Once they are done and hit Stop, the audio file is immediately downloaded to their device. 💡 Tech Note: The script generates a .WAV file. Why? Because it’s supported natively by browsers. Exporting to MP3 would require injecting complex external libraries, which makes integration much harder. Keeping it simple and robust is key here! ⚠️ Important Constraint: This script works perfectly in Preview mode or once hosted on your LMS/Web Server or local server. However, it will NOT work in Articulate Review 360. The platform restricts access to the microphone and camera for security reasons. So, make sure to test it in a real environment!Updated "Reveal" codes
I’ve been experimenting with the original HTML code blocks included in Articulate 360’s built-in examples and wanted to share how far you can extend that base structure using GenAI to iterate and refine interactions. Starting with the default image-reveal index provided by Articulate, I used GenAI to progressively develop three new versions. I supplied my own images, created meaningful alternative text for screen readers, and introduced additional UX and accessibility improvements. Every version is fully tailorable if you want to adapt the formatting, colours, spacing or behaviour. The three examples are: Enhanced Image Reveal Grid Uses the original Articulate structure. Adds a hover zoom, a click-to-zoom state, and high-contrast purple letter tiles for accessibility. Fanned “Deck of Cards” Flip Interaction A dynamic fanned layout, more like a real card hand. Cards lift and reveal their letter on hover, flip on click, and reset if clicked again. Includes chevron navigation for easier cycling. Plain Flip Grid with Navigation A clean, accessible flip-card grid with navigation chevrons. Mirrors the deck behaviour but with a simplified layout. All three examples are linked below, along with the downloadable files. If you have suggestions, improvements or alternative approaches, I’d really love the feedback. And if you’d like to use or remix any part of this, feel free — I’d love to see what you create with it. Review360 Zip files GDrive location: HERE💡 Confidence Self-Check: A Reflective Benchmark Tool UPDATED 151125 - See comments below!! 👇
Hi everyone, UPDATED 151125 - See comments below!! 👇 Here’s a quick show-and-tell example I’ve been experimenting with — a Confidence Self-Check tool built in Storyline 360 and embedded into Rise 360 as a formative reflection block. The goal was to give learners a way to benchmark their confidence and awareness before and after a session, helping them see their own progress and prompting metacognitive reflection — without the need for LMS data capture. I wanted something that: ✅ Supports metacognition — helping learners think about their own learning 🔄 Tracks progress with “before” and “after” self-checks 🧠 Encourages reflection rather than testing knowledge 💬 Uses local storage only (no data collection) to keep it private and learner-centred 💻 How it was created This build was produced through an iterative Generative AI-assisted workflow, where I coached an AI (ChatGPT – GPT-5) step-by-step through design reasoning, JavaScript development, accessibility checks, and instructional alignment. The focus was on human-assured prompting — using AI to accelerate build logic while maintaining learning design intent, tone, and pedagogy. The project was inspired by JoeDey’s “Perpetual Notepad” (huge kudos for the original concept!), and extended to include weighted confidence scoring, dual checkpoints, and adaptive feedback messages. ⚙️ Known limitation Because this tool is designed to be session-specific, each new deployment requires: Updating the SESSION_LABEL and STORAGE_PREFIX variables in the JavaScript to give that session its own ID. Editing the question text to match the focus of that session. These edit points are clearly marked in the script with: >>> EDIT SESSION METADATA HERE <<< and >>> EDIT QUESTIONS FOR THIS SESSION HERE <<< It’s a simple one-minute change — but worth noting if you plan to scale this across multiple modules or courses. You can explore the working example here: 👉 Rise Review link A downloadable .story file is included inside the review for anyone who wants to look under the hood, edit the JavaScript, or adapt the design for their own learners. 💬 Open for feedback I’d love to hear from other e-learning designers — especially anyone experimenting with AI-supported authoring or reflective learner tools. How might you extend or refine this concept? I’d love your thoughts or suggestions — particularly around: How you’d extend this for different learner profiles Ideas for alternative feedback messages or visual treatments Whether you’ve built similar “confidence meter” interactions in your own work Feel free to reuse, remix, or expand the concept. Always happy to connect and collaborate with other learning designers! 🔗 Portfolio: forgedframeworks.co.uk/ 📧 Contact: dan.boyland@forgeframeworks.co.uk Thanks in advance for any feedback, and again, credit to Joe Dey and the Articulate community for sharing the foundation idea that made this possible.Cooking Game (Jeopardy style + Gamifiation)
Hello Articulate Heroes! I'm excited to share my second personal project with you — a cooking-themed, Jeopardy-style game! Cooking Frienzy This project was inspired by two fantastic webinar series shared here: How to Create A Jeopardy! Style Game Gamification series I started with the "Jeopardy!" template and added the following custom features: Cooking-themed questions and answers — 5 questions across 5 categories Custom visuals — including characters, backgrounds, UI, and tokens The ability to choose one of three characters at the start of the game (and replay with a different chef assistant!) Personalized feedback and questions — with character-specific images and voiceovers A 20-second Pomodoro-style timer with a “wiped” animation Tokens awarded when the user completes a certain number of questions The characters were created using AI. Thank you for taking the time to check out the game! I’d love to hear your thoughts — feel free to share any comments or suggestions! You can check-out the game by this link: Cooking FrienzyHow about a good old game of Memory
I created this to add a little more interactivity, rigor, and fun. We use it for words/definitions, roles/responsibilities, device/feature, software/purpose and many more connections. It should be easy to modify by setting the matching terms on a "Set Matches and Defs" layer. Give it a try. Try it here: https://360.articulate.com/review/content/4e34467f-f97f-4e09-b2b5-343b5887817d/reviewOpen the Safe Workshop Activity
I created this activity to use as an upskilling workshop on triggers and variables. This “game” is very/too hard but the point was to discuss the order of triggers, how to use layers to organize them, and displaying the variables to troubleshoot. If you need to see the answer to open the safe, you can double click the safe three times to display the answer. You will need to pause between each double click for it to work. If you want to modify this for fun, there is a layer where you can set your own combination. You can try it here: https://360.articulate.com/review/content/380c3292-4551-46c3-9c02-b3dd059ad5f9/reviewDial with a hole! (Goonies-inspired interaction)
Hey you guys! I Never Say Die when it comes to Storyline. So I thought it'd be interesting to work with a dial that has holes in it for the recent Circular Menu Navigation Challenge. There are actually two 'coins' in this Goonies-inspired interaction. It's the same image, initially housed in a slider, then formatted as a dial. This creates an 'on rails' drag-and-drop, that is fully accessible from the keyboard. (Because when you change the underlying variable of a slider or dial, this also changes its position without the learner having to touch it.) But it's certainly more fun to interact with the coin using a mouse or on a touchscreen. Katie-Jordan suggested I repost this demo in Share Examples for all the other Goonies fans here. I've also attached my story file. It's not quite One-Eyed Willie's treasure, and it won't stop the bank from foreclosing on you. But I think this one's a bit of a gem, if I do say so myself. Give it a try here.
Collection of Carousel Templates
Some experiments! Hope this gives you some inspo. Vertical Sliding Interaction (Light): Preview Notes: Uses hover layers which don't work on mobile. Features: Two options for vertical progress bars, swipe forward and back animations Horizontal Swipe Interaction (Dark): Preview Notes: Uses hover layers which don't work on mobile. Features: "Dot" progress animations
