icons
32 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.640Views4likes5CommentsUpdated "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: HERE614Views8likes7Comments"Wait, SVGs are just code?"
Hi everyone, I have to admit something embarrassing. I was today years old (well, 44 years old to be exact) when I properly realised that SVG files are just code. I always thought of them as "images" you have to save, host, and link to. But no, they're just text! 🤦♂️ That realisation sent me down a rabbit hole, and the result is this: a Visual Narrative Selection Tool that is completely self-contained. No external image files, no hosting headaches, just one single HTML file doing everything. 🔍 What it is: It’s a scenario-based training interaction where learners have to pick the right chart type (e.g., "Is a Pie Chart okay for time-series data?"). If they get it wrong, the feedback doesn't just say "Incorrect"—it actually shows them why using a custom SVG graph generated right there in the browser. ✨ Why I'm sharing it: This is a pure "Zero-Asset" experiment. Because the icons and graphs are all SVG code written directly into the HTML: It's impossible to break: You can't "lose" the image files because they live inside the code. It's lightweight: The whole thing is tiny. It's accessible: Fully navigable via keyboard (Tab/Enter). AI-enabled: with a strong enough visual cue, no other files are required I've shared the source code below. It’s fully commented (with my contact info hidden in a professional comment block at the top) Feel free to download, break it, and tell me what you think. And please tell me I'm not the only one who didn't realise SVGs were this powerful? RISE READY HERE142Views0likes0CommentsStoryline 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 360349Views4likes1CommentStoryline Instant ToolTip
Hi everyone! I'm sharing a script to add tooltips in Storyline. Just one reference object, a quick copy-paste, and it's ready. You could use a native rollover state, but this gives you full control over the animation. Position, colors, shadow: all configurable in 10 seconds. No JavaScript skills needed, the script is designed to be easy to use and maintain.208Views4likes2CommentsRise Audio Block Transcripts Video
Top of the festive morning folks So, after a review of some recent content by an SME, they asked for a transcript I know the transcripts on audio are relatively new, but I've just been dumping them in without considering the learner/user not knowing they exist 🤦♂️ I think these transcripts are more natural than plonking an interactive download of a file transcript, but with that more natural feel them can feel hidden, so I've made a quick 'show me how' video Feel free to use it if you want something quick and easy, as I hope it helps learners/users find their way166Views0likes0CommentsThe 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!241Views2likes6CommentsInteractive 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.390Views6likes5CommentsCooking 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 FrienzySolved1.5KViews8likes20CommentsClaude Shannon Explainer – Interactive Overview of the Father of Information
Hi everyone, This interactive module offers a short introduction to Claude Shannon’s key ideas and how they shaped modern computing and communication. The module is part of my portfolio and was designed to demonstrate accessible design, custom illustration, and learner-driven interaction in Storyline. I’d appreciate your feedback on: Navigation and overall flow Accessibility (especially for screen readers) Visual design and pacing Any suggestions for improving engagement or polish Here’s the link: Claude Shannon Explainer Thanks for taking the time to have a look. I’m new to the community and would welcome any thoughts or suggestions.276Views2likes3Comments