buttons
36 TopicsWorkplace Violence and Harassment – Game-Based Scenario
One of our recent projects involved developed a game-based, scenario-driven Custom eLearning Solution focused on Workplace Violence and Harassment Training. As part of our broader corporate training solutions and digital learning services, the goal was to move beyond traditional click-through compliance courses and create a learning experience where employees actively practice real-world decision-making. What we built: A scenario-driven course with 1–4 progressive levels Each level presents realistic workplace situations that require learner judgment Learners complete a knowledge check or quiz at the end of each level Successful completion unlocks a badge, reinforcing motivation and progression Why this project matters: Rather than relying on a traditional, click-through compliance approach, we designed this eLearning course to help learners practice real-world decision-making in a safe environment, supporting better recognition, prevention and response to workplace violence and harassment. Behind the scenes: Branching scenarios were designed to encourage reflection, not just right-or-wrong answers Feedback carefully crafted to explain why a response is appropriate Game mechanics were applied thoughtfully to maintain the seriousness of the topic What this project reinforced for us: When designed with intent, gamification can enhance engagement and retention, even for sensitive compliance topics. Tools used: Articulate Storyline 360 for course development Vyond for video creation Learning outcome: Participants will be able to identify, prevent and appropriately respond to workplace violence and harassment situations through practical, scenario-based decision-making. Explore the course: Click the link below to view the course. https://www.swiftelearningservices.com/our-portfolio/game-based-scenario-sample/story.html We welcome your feedback, questions and suggestions, especially around scenario design, feedback strategies and gamification for sensitive compliance topics.777Views4likes6CommentsUI Concept: Military Tank Encyclopedia – Adaptive Navigation Design
Hi everyone! This is my first post here. I’ve been following this amazing community and the inspiring work shared here for a long time, so I’m thrilled to finally join in and share something of my own for feedback. I’m currently in the pre-development phase of a comprehensive Military Tank Encyclopedia. Before beginning the technical build in Articulate Storyline, I’ve designed this high-fidelity mockup to balance a high volume of data with a clear user experience: The Logic: Managing Cognitive Load in High-Density UI 1. Adaptive Learning Path: The Question Bar (1–6) at the top serves as a pre-evaluation. Based on the results, the interface dynamically unlocks one of three "clearance levels," determining the technical depth of the content available to the user. 2. Information Hierarchy & Visual Tracking: To prevent cognitive overload, the UI uses a dual-track logic: • The Center/Main Frame: Dedicated to the specific tank model and its primary variable data. • Side Display Windows (Circular/Rectangular): These are strategically placed to show general, secondary-level information that follows a separate, global path. By decoupling this from the main model-specific content, I aim to maintain visual stability, reduce eye-tracking fatigue, and provide a clear lane for complementary general knowledge. Current State: All text, titles, and button labels are currently placeholders while the final technical content is being mapped to the structure. Feedback Requested: 1. Given the high information density, does the separation of "Global Data" (side windows) and "Variable Data" (center) feel like an effective way to manage cognitive load? 2. Does the visual hierarchy clearly distinguish between the assessment area and the encyclopedia navigation? Thank you for your welcome and for your objective feedback!182Views2likes0CommentsStoryline 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 360379Views4likes1Comment5-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.259Views2likes0CommentsThe 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!258Views2likes6CommentsWord 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.html189Views2likes2Comments💡 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.488Views5likes7CommentsInteractive 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.404Views6likes5Comments