5-Minute Makeovers for E-Learning #532
We updated our menu slides. Originally the buttons just ticked off to show that each section was completed (we used variables at the end of each section that ticked the buttons off on the menu slide). We updated the menu slides to have badges instead that changed from black to coloured badges (using variables at the end of each section that ticked the buttons off on the menu slide). This was to link in with the gamification aspect for staff to collect the badges throughout the course for each section.Storyline Radial Menu
Hey community! ๐ I'm sharing a script that transforms your Storyline buttons into an animated circular menu with a cascade effect. All elements remain native Storyline objects, so they're easy to customize design-wise. Add as many icons as you want to the list, the distribution is automatic. All settings (radius, angles, duration, easing...) are at the top of the script, no need to dig through the code. Have fun and try different parameters! Storyline circular menu 1.3 | Review 360The Agency Algorithm
Hi all! With an academic background in both Ethics and Instructional Design, Iโve always believed learning can immerse us in thought experiments that challenge assumptions and sharpen critical thinking. The Agency Algorithm explores how AI systems leveraged in contexts like medical triage, surveillance, and beyond can reshape (and even diminish) human agency. By placing learners in these complex scenarios, my project aims to highlight the ethical stakes of algorithmic decision-making and the risks of prioritizing efficiency over empathy. I wanted to push the boundaries of eLearning aesthetics to create a modern, engaging course that asks big questions about our agency in a time of rapidly advancing technology. This project won Best Soft Skills at DevLearn last month, and I am excited to continue building sleek, mind-bending courses to get learners thinking critically! You can check it out here. I'd love to get some feedback so I can continue building on my skills as a designer and developer!Word Discovery
Description: In the world of language learning, students embark on an epic quest. They use their linguistic skills to manipulate objects within the game, unlocking hidden powers of the word โskill.โ As they expand their vocabulary, they become true language heroes. Target Audience: English Learners Applied Theories: Game-based learning Play the game: https://storage.googleapis.com/skill_game/Skill%20%20Game%20uploaded/story.html๐ก 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.Interactive Dynamic Shadows Script
This JavaScript code automatically generates a realistic drop shadow that reacts to mouse movements, simulating a moving light source. How it works: Paste the code into an "Execute JavaScript" trigger. Add the Accessibility Text (Alt Text) Mybtnshad to any object or button. The shadow applies instantly and moves opposite to the cursor to simulate depth. Key Features: Fully customizable settings (intensity, blur, opacity) located right at the top of the script.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 FrienzyRise360 : Customised assessment - experiment in Rise360
๐๐ ๐ฝ๐ฒ๐ฟ๐ถ๐บ๐ฒ๐ป๐๐ถ๐ป๐ด ๐๐ถ๐๐ต ๐๐๐๐๐ผ๐บ ๐๐๐๐ฒ๐๐๐บ๐ฒ๐ป๐๐ ๐ถ๐ป ๐ฅ๐ถ๐๐ฒ ๐ฏ๐ฒ๐ฌ ๐ฅ๐ถ๐๐ฒ ๐ฏ๐ฒ๐ฌ ๐ฑ๐ผ๐ฒ๐๐ปโ๐ ๐๐๐ฝ๐ฝ๐ผ๐ฟ๐ ๐ฐ๐ผ๐บ๐ฝ๐น๐ฒ๐ ๐พ๐๐ถ๐ ๐น๐ผ๐ด๐ถ๐ฐ ๐ป๐ฎ๐๐ถ๐๐ฒ๐น๐ ๐๐ถ๐๐ต๐ถ๐ป ๐ฎ๐ป โ๐๐บ๐ฏ๐ฒ๐ฑ ๐ฏ๐น๐ผ๐ฐ๐ธ,โ ๐ฏ๐๐ ๐๐๐ถ๐ป๐ด ๐ฐ๐๐๐๐ผ๐บ ๐๐ง๐ ๐ + ๐๐ฎ๐๐ฎ๐ฆ๐ฐ๐ฟ๐ถ๐ฝ๐ ๐๐ผ๐ ๐ฐ๐ฎ๐ป ๐๐ถ๐บ๐๐น๐ฎ๐๐ฒ ๐ถ๐. ๐ง๐ต๐ถ๐ ๐ถ๐ ๐บ๐ ๐ฒ๐ ๐ฝ๐ฒ๐ฟ๐ถ๐บ๐ฒ๐ป๐ ๐๐ถ๐๐ต ๐ฆ๐๐ผ๐ฟ๐๐น๐ถ๐ป๐ฒ-๐๐๐๐น๐ฒ ๐น๐ผ๐ด๐ถ๐ฐ ๐๐๐๐๐ผ๐บ๐ถ๐๐ฒ๐ฑ ๐๐๐๐ฒ๐๐๐บ๐ฒ๐ป๐ ๐ฏ๐น๐ผ๐ฐ๐ธ ๐ถ๐ป ๐ฅ๐ถ๐๐ฒ ๐ฏ๐ฒ๐ฌ. I recently tried something new in Rise 360 creating a small custom assessment block using HTML and JavaScript. The goal was to explore how a quiz could include a minimum passing score and only allow learners to continue to the next lesson even after achieving it. It was a good learning experiment to understand how customised logic and Rise blocks can work together to make learning more interactive and meaningful. Through this experiment, I realized we can blend Storyline-style logic with Riseโs responsive learning environment, creating richer and more flexible learner experiences. ๐น๐๐๐๐๐ ๐๐๐๐: https://shorturl.at/ipJ3nCollection 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
