instructional design
9 TopicsPause, Confirm, Continue: A Confirmation Prompt Demo
For my demo, I explored how confirmation prompts can do more than just validate an action. Throughout the course, learners encounter simple prompts that encourage them to pause and confirm before moving forward—whether it's understanding the course navigation, acknowledging key concepts, or preparing for a quiz. I often use these types of prompts in my eLearning projects, especially for navigation. They help learners feel more in control of their experience while ensuring they don't miss important information. Sometimes, a simple "Are you sure?" can improve engagement and create a smoother learning journey. Demo: https://sarkgcreation.com/ELC555C/Think About It!! Quiz, with Quiz Builder
💡My take on the challenge: I looked at this from a slightly different perspective. Building a quiz is easy! so I wanted to create something useful for the entire community. I didn't just create a quiz, I built an app right inside Rise that allows users to craft, preview, and export their own high-impact, standalone quiz right inside Rise for use in their own courses. Everything in the quiz is customisable! Use it along with the native rise style and format block controls to create something amazing! 🖥️ The tech bit! The tool is a dynamic, client-side web application built using standard web technologies (HTML5, CSS3, and Vanilla JavaScript). It allows you to build, configure, and export self-contained, interactive quiz blocks engineered specifically for iframe integration within Rise. ⚙️The really techy bit! The system relies on a centralized State Management Pattern (const S). Every interaction, from a slider adjustment to an input keypress or color hex alteration, fires a non-blocking UI update sequence: Mutates the values directly inside the global state object. Formats strings safely using contextual HTML/JS escaping helpers (esc() / escJs()) to prevent injection or rendering errors in the exported markup. Automatically serialises the state to compile a completely isolated, valid HTML document inside a data URI stream (srcdoc). 😤Problems encountered! Because the live preview runs inside an iframe wrapper to preserve strict CSS sandboxing and style isolation, standard DOM access is blocked. To solve this, a robust cross-document messaging pipeline was implemented: The Frame: Houses an active ResizeObserver API loop monitoring its own document height. The Message: The child window securely transmits payload data (window.parent.postMessage({type:'frameHeight', ...})) upward to the host application window upon asset load. The Host: Automatically catches the event listener and dynamically resizes the frame height down to the exact pixel, eliminating double scrollbars and layout shifting entirely. 🔎LMS/Rise Compatibility & Performance The exported codebase is mathematically pure Vanilla JavaScript (ES5 standard for runtime compatibility). It relies on no external dependencies, CDNs, or UI libraries, ensuring lightning-fast load times. It also features a programmatic native browser hook that fires standard completion messages ({type: 'complete'}) across to the parent window automatically upon a user hitting the customisable passing threshold. I hope you enjoy it 😊 Think About It!! Quiz With Quiz Builder“Are You Sure?” in E-Learning #555
This week I wanted to lean into the spirit of the confirmation prompt, that moment of pause, of reconsideration, and ask: what if that pause wasn't entirely on your side? The scenario: you're an internal team member who's just come back from a learning design course. You have the master learning design authoring tool. Before you're allowed near the authoring tool, the org's AI guide HARMONY needs to run a quick "Confirmation Test." Three scenarios. Shouldn't take long. HARMONY is very helpful. The "Are you sure?" mechanic does something a little different here. I'll leave it at that. 🙂 A few craft notes for anyone interested in the build: The confirmation prompt UX is deliberately asymmetric; the buttons don't behave the same way depending on which answer you're leaning toward HARMONY has two states that shift based on your choices throughout Three different endings based on your answer tally The fake "analysis" stage has a silent jury. You'll see. I have a lot of fun with Claude Design, Code and all things Claude Would love to know which ending you hit, and whether any of the scenarios felt a little too close to home. 👀 Are you a conformist or a rebel? Find out here Confirmation Test Thanks to DavidAnderson and the Articulate 360 team for the prompt; this one was a lot of fun. #ElearningChallengePatient Safety Reflection Pop Out
Hello Fellow eLearning Developing Friends. 🙂 Below I've designed a hospital safety interaction in Rise ( Code Block) and Storyline using an “Are you sure?” prompt. Instead of moving straight to feedback, learners pause, review risk cues and reflect before submitting. I may also add subtle correct and incorrect sound effects, plus two or three linked questions within the case study to deepen reflection. I hope you like it, and I’d welcome any ideas to improve it further. I will update the link later with the remaining work also. Best N DEMO LINKA Cozy Minute
In this example, my goal is to create a gentle, learner-centered pause that feels supportive and caring 🤗 Techniques Used Friendly microcopy and positive reinforcement. A cozy coffee-break metaphor. Personification of the LMS as a supportive presence. Impact on the Learner The approach acknowledges potential cognitive overload and normalizes short pauses during learning. By making the LMS feel attentive and caring, it reinforces that the learner’s effort and answers matter. As a result, a waiting moment becomes an opportunity for reflection and greater confidence in the final answer.Customer Service Email Mastery Training
Hi. I'm new to Articulate 360 and a complete newbie when it comes to building eLearning, or instructional design in general. This is my first Challenge as well as my first storyline creation, and it's not perfect, but it's start. My inexperience has been supplemented by AI (at least I hope so), and whatever I couldn't do I consulted AI for. I apologize in advance if some things don't work 😅😁 Hope you enjoy this, and please feel free to provide feedback so I can improve. Thanks! customer-service-email-training.netlify.appPuzzloopa
I offer a game where you connect pipes to complete a system. Each puzzle gets more complex. Although only four puzzles are presented. I set it up so that it could have an indefinite number of puzzles by using the Masterslide as your basis. I have attached the Storyline file if you want to explore deeper or even want to create your own levels. I took the concept from a project I had done before as well as a ChatGPT dialog. I have attached the dialog.Prioriza o colapsa
🚀 Esta semana participé junto con CAMPOS OROZCO ELIA PAULINA en el #ElearningChallenge diseñando una actividad interactiva con scaffolding para ayudar a los jugadores a desarrollar habilidades de priorización bajo presión. 🎮 “Prioriza o Colapsa” es un mini-juego donde los usuarios clasifican tareas que van apareciendo cada vez más rápido y con menos ayudas visuales, hasta enfrentarse al caos de un nivel final sin apoyo, a contrarreloj, y con dos tareas simultáneas. 💡 La progresión de dificultad (niveles 1, 2 y 3) promueve confianza inicial, independencia progresiva y toma de decisiones rápidas, cumpliendo los principios de chunking y fade-out de ayuda. 👉 Puedes verlo aquí: https://360.articulate.com/review/content/46cd160f-1926-46f4-8e5a-20a97c7f0466/review224Views3likes0Comments7 Things About Building a Growth Mindset
About the Project It’s been a while since I created something in Rise, so this was a nice chance to revisit it. I still love Storyline more for the flexibility and creativity it allows, but Rise made it easy to build a clean, fast microlearning experience. In this project, I used a brain-themed interaction where learners select different parts to discover simple, positive mindset shifts. Quick, encouraging, and easy to navigate! Implementation I designed this using the "7 Things" framework to keep the flow clear and focused. Each tip is revealed through a labeled graphic interaction, paired with warm, conversational voiceover lines to make the experience feel personal. The goal was to keep the visuals light and the messaging actionable, reminding learners that growth happens one small choice at a time. Try the Demo 7 Things About Building a Growth Mindset About Me Jayashree Ravi Learning designer passionate about creating thoughtful, engaging learning experiences. Feel free to connect with me here or on LinkedIn! Always happy to exchange ideas and inspiration.