Storyline: Codenames-Inspired Learning Game
One good thing that has come out of the pandemic is the super-fun game, Codenames. (If you haven’t played it yet, what are you waiting for?! Learn how to play here.) I thought it would be fun to make an e-learning version, and this is what I came up with. If you’re familiar with the game, you’ll notice I’ve taken some creative liberties, but hopefully you’ll recognize some of the major mechanics of the original game. And whether or not you’re familiar with the game, I hope you and your learners will enjoy my take on it. Explore this project. Like the theme music? Get it from Pixabay.com. And if you’re looking for the other sound effects, head over to Freesound.org. *Each provider has its own licensing terms. Be sure to review them to ensure proper use. Need help customizing this template? Check out this article for some tips: How to Customize This Codenames-Inspired Storyline 360 Game.Creating Immersive Learning Experiences with 360° Images #467
Labeled graphics interactions are one of the most popular interactions because they’re easy to create and only need a single image to turn static visuals into interactive, explore-type activities. Similarly, 360° images offer the same ease of creation but on a whole new level. They bring static images to life, allowing learners to explore real-world environments as if they were actually there. And that’s what this week’s challenge is all about! 🏆 Challenge of the Week This week, your challenge is to show how 360° images can be used in e-learning. If you're a Rise 360, the 360° images feature is a fantastic way to enhance your courses by using Rise 360's Storyline blocks. 🏞️ Looking for 360° Panoramic Stock Photos? Storyline 360 supports equirectangular panoramas in all standard image formats for creating 360° image interactions. Here are some places you can find images: Pixabay 360Cities Flickr Pixexid *Each image provider has its own licensing terms. Be sure to review them to ensure proper use. 📸 360°Degree Cameras Here are four of the most popular 360° cameras: Insta360 ONE X2 and Insta360 X3 Ricoh Theta Z1 GoPro MAX Ricoh Theta SC2 🧰 Resources 360° Images User Guide Adding and Editing 360° Images Tutorials: How to Create a Progressive Scavenger Hunt with 360° Images in Storyline 360 How to Create Badges for a Gamified Scavenger Hunt Using 360° Images ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you take this week’s challenge for a spin, check out the accessibility makeovers your fellow challengers shared over the past week: E-Learning Accessibility Makeovers RECAP #466: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📆 Upcoming Challenges Challenge #468 (07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like.Storyline: Healthy Choices Drag-and-Drop Food Selection Game
Here's an interactive meal-planning example created using Storyline 2. This example leverages Storyline's built-in drag states to provide visual feedback when the food objects are dragged over the plate. Learn more: How I built this interactionStoryline: Jeopardy-Inspired Game Show Template
Create a fun-filled e-learning quiz with this Storyline 360 game show template. Easily replace placeholder text to quickly gamify your content. View project in action. Download the fonts Poppins Regular and Poppins Semi-bold to get the same look and feel.Building E-Learning Games: Concept & Storyboard #470
Game Show Design: Storyboards #470: Challenge | Recap How in the world did you build that? A common challenge for new course designers is seeing polished e-learning projects and having no clue how they came together. I hear from folks all the time that they want to do the weekly challenges, but it feels too advanced for beginners. So, for this challenge, we're going to pump the brakes and spread the build over four weeks. We’ll follow a linear development model so we can really dig into and focus on common development steps. I realize experienced designers will prefer a more iterative approach for real-world projects. And that's fair. But using a progressive, step-by-step approach should help new users follow the evolution of an e-learning challenge project from concept to deliverable. Plus, it gives us something tangible to show each week. Week 1: The Concept & Visual Storyboard This first week, we’ll focus on the initial game show theme or concept. Your task will be to create a wireframe, flowchart, or visual storyboard that captures the flow of your game. For new users, this helps you work intentionally through your ideas before jumping into development. And for you pros, this might seem like extra work, but slowing it down will help others visualize how polished interactions come together. Here’s a breakdown of the four-week schedule: Week 1: Concept & Storyboarding Week 2: Prototype Development Week 3: Development & Review Week 4: Final Testing & Project Submission 🏆 Challenge of the Week This week, your challenge is to develop an e-learning game show concept and present a visual, non-interactive storyboard or flowchart of your game’s mechanics and visual elements. You can either create something new or take an old project and break it down with us over the four weeks. This way, everyone can see how it all comes together. Week 1: Concept & Storyboarding Goal: Choose a game show concept and design theme Deliverables: Choose a game show concept, theme and design style Create a visual storyboard, flowchart, or static mock-up of the game Share a link to your static design concept Week 2: Design & Prototyping Week 3: Production & Development Week 4: Final Testing & Project Submission ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts, so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you get started on this week’s design concept, check out last week’s examples to see what e-learning designers do and how they got started in the industry. What Instructional Designers Do RECAP #469: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📆 Upcoming Challenges Challenge #471 (07.26): Week 2: Prototype Development Challenge #472 (08.02): Week 3: Production & Development Challenge #473 (08.09): Week 4: Final Testing & Project SubmissionE-Learning Game Design: Development & Review #472
Game Design: Development & Review #472: Challenge | Recap Welcome to the third week of our e-learning game design challenge. Last week, you built a working prototype from your storyboard or design concept. This week, you’ll focus on bringing the core elements of the e-learning game together to create a detailed and functional model. Your game should be far enough along to submit for final QA and testing. 🏆 Challenge of the Week This week, your challenge is to share a fully developed version of the game that incorporates all designed elements, interactive features, animations, and multimedia components. Optional: Since this is our last week of development before submitting the final project, let a few friends or fellow challengers play your game and gather feedback in Review 360. It’s the best way to spot any problems and see what people like or don’t like. I know many of you have been gathering feedback all along, but I’d like to highlight the testing and review process this week. Week 1: Concept & Storyboarding Week 2: Design & Prototyping Week 3: Development & Review Goal: Develop a detailed and functional version of your game Deliverables: Apply and refine the visual design elements Integrate the interactive elements, animations, and multimedia components Refine the visual design and user interface to enhance the overall user experience Submit to Review 360 for user testing and feedback (optional but encouraged) Share a link to your project Week 4: Final Testing & Project Submission 🚨 NOTE: Even if you didn’t participate last week, you’re still welcome to join this week’s challenge. Ideally, you’ll complete all four weeks, but any participation is appreciated. Share what you can. 🙌 Last Week’s Challenge: Before you complete your game design, check out the interactive prototypes your fellow challengers shared over the past week: Interactive Prototypes in E-Learning RECAP #471: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📆 Upcoming Challenges Challenge #473 (08.09): Week 4: Final Testing & Project SubmissionCreating Roulette & Spinning Wheel Games in E-Learning #458
Roulette & Spinning Wheel Games #458: Challenge | Recap This week’s challenge was inspired by a recent community discussion by Troy Westphal. Troy created a roulette game using true/false variables to determine if the roulette’s spinning wheel selected red or black. Walt and Tom jumped in with ideas and tutorials to help troubleshoot Troy's source file. While Roulette games aren't a common interaction in e-learning, they present fantastic ways to flex our variables muscles. And that's what this week's challenge is all about. 🏆 Challenge of the Week This week, your challenge is to create a roulette-type game that involves spinning and randomization. You can create a literal roulette game or anything that captures the essence of the game. Ideas and Possible Projects Here are a few ideas to help you get started. Remember, you’re not limited to only roulette games. The objective this week is to combine spinning effects with randomization. Lottery Number Generator: Create an interaction to generate a set of random lottery numbers based on learner inputs or random numbers. Slot Machine Games: Create a slot-machine game where learners can spin the reels using sliders, dials, or simple buttons. Wheel of Fortune Games: Create a game based on the popular TV show. Examples of Spinning Interactions Here are a few examples of different approaches to this week’s challenge. ELC444: Example by Nichole Codrington ELC405: Example by Natalie Friedman ELC334: Example by Emmy Buxengard ELC311: Example by Owen Holt ELC278: Example & download by Samuel Apata ELC275: Example & download by Samuel Apata 🧰 Resources User Guides Storyline 360: Working with Variables Storyline 360: Adding Variable References Storyline 360: What "Object Loses Focus" Means Webinars Overview of Variables in Storyline 360 Using Text Variables in Storyline 360 Using Number Variables in Storyline 360 5 Ways to Personalize E-Learning Courses Using True/False Variables in Storyline 360 ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before spinning random ideas on this week’s challenge, check out the creative ways your fellow challengers combined three or more challenges: Mix-and-Match Challenge Examples RECAP #457: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 🚨2024 Articulate User Conference Call for Proposals We’re now accepting proposals for this year’s in-person user day conference co-hosted at DevLearn in Las Vegas. Learn more about the proposal process.E-Learning Games Inspired by Popular TV Quiz Shows #473
Share Your E-Learning Quiz Games #473: Challenge | Recap Welcome to the final round of our four-week e-learning game challenge! You’ve done the heavy lifting—mapped out your design concepts, built your working prototypes, and taken in all that feedback. Now, it’s time to come on down and show off your final game example. 🏆 Challenge of the Week This week, your challenge is to share an e-learning game inspired by popular TV quiz shows. 🙏 If you’ve been following along with this four-part challenge series, please include links to your previous examples for each week. This will help me pull together a great recap of the series. Week 1: Concept & Storyboarding Week 2: Design & Prototyping Week 3: Development & Review Week 4: Final Testing & Project Submission Goal: Complete and share your final project Deliverables: Add the final touches, animations, and advanced interactions Incorporate any feedback you received Test your game for bugs, usability, and accessibility Share a link to your final project 🎁 BONUS: Share a quick write-up about your projects in the community. Talk about what you learned, how you used feedback, or how your project evolved over the four weeks. Anything you think would be helpful or interesting is welcome! 🚨 NOTE: And don’t worry if you didn’t join the earlier challenges—you’re still welcome to participate this week. Ideally, you’d complete all four weeks, but any contribution is appreciated! 📋 FEEDBACK: I really want to hear what you thought about this challenge. You’re welcome to answer as many or as few questions as you’d like, and you can share as much or as little as you feel comfortable with. If you prefer, you can submit your responses anonymously. Share your feedback 🙌 Last Week’s Challenge: Before you submit your final design, take a look at the functional examples your fellow game-show challengers shared over the past week: Game Design: Development & Review RECAP #472: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
