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 newthreadand 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#ELHChallengeso 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 DoRECAP#469:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful 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 Submission492Views0likes51CommentsBuilding a Working Prototype for Your E-Learning Game Concept #471
Interactive Prototypes in E-Learning#471: Challenge | Recap Welcome back to part two of our e-learning game design challenge. Last week, you laid the groundwork with your design concepts and visual storyboards. Now, it’s time to bring those ideas to life with functional prototypes. This week, you’ll build a working model to test your game’s functionalities and interactive components. Your example should give us a clear preview of your game's key features and gameplay interactions. 🏆 Challenge of the Week This week, your challenge is to build an interactiveprototype to test specific functionalities or components. The goal is to create a functional version of your game that you can test and refine over the next two weeks. Think of this as the halfway point between the design concepts you created last week and the final version of your project. Don’t worry about making this version of your game perfect. You’re only creating a working model of your project. Keep it simple, focus on the essentials, and let us know if you need help or have any issues. Week 1: Concept & Storyboarding Week 2: Prototype Development Goal: Build a working prototype of your game Deliverables: Create a rough prototype of the game with basic interactions and navigation Build the basic game functionality with questions, scoring, and feedback Focus on core interactions and basic navigation Submit to Review 360 to gather initial feedback (optional) Week 3: Development & Review 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 newthreadand 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#ELHChallengeso your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you move from concept to prototype, check out the storyboard ideas your fellow challengers shared over the past week: Game Show Design: Storyboards RECAP #470: Challenge | Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📆 Upcoming Challenges Challenge #472(08.02): Week 3: Production & Development Challenge #473(08.09): Week 4: Final Testing & Project Submission227Views0likes49CommentsHow I Became an E-Learning Instructional Designer #469
What Instructional Designers Do#469: Challenge | Recap Have you ever tried explaining your job to friends or family, and all you get are those confused looks? Even though our industry is booming, titles like “Instructional Designer” or “E-Learning Designer” are still pretty much a mystery to most folks. It usually leads to a bunch of questions: What kind of education did you need? What exactly do you do? What technologies do you use? Do you build those compliance courses I have to take? And, of course, what do you love about your job? Now, explaining all that can be a bit of a challenge, but it’s also a great way to show off the wide range of skills we bring to the table. And demystifying our profession is what this week’s challenge is all about. 🏆 Challenge of the Week This week, your challenge is to share an example that explains what you do as an e-learning or instructional designer. Your example can be anything from a simple static graphic to a complex interaction. ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand 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#ELHChallengeso your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you share your e-learning origin story, check out the drag-and-drop interactions your fellow challengers shared: Drag-and-Drop in E-LearningRECAP#468:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article.173Views0likes52Comments15 Examples of Interactive Prototypes for E-Learning Games #471
Interactive Prototypes in E-Learning RECAP #471: Challenge | Recap This week’s challenge asked course designers to share an interactive prototype of their game show designs. This is the second week of our four-part game design series. Phil Mayor Example | Phil Mayor | Website | @philmayor David Davis Example | David Davis Jonathan Hill Prototype | Working Demo | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Prototype | Ron Katz | Website Jesse Wu Prototype | Jesse Wu | Website Jodi M. Sansone Prototype | Jodi M. Sansone | Website | @jodimsansone eLearn Dev Prototype | Learn more | eLearn Dev Samuel Apata Prototype | Samuel Apata | Website | @afrostem Arron Walker Prototype | Learn more | Arron Walker | Website Thierry EMMANUEL Prototype | Thierry EMMANUEL | Website Kate Golomshtok Prototype | Kate Golomshtok | Website Lisa McDonald Prototype | Lisa McDonald Angela Thomas Prototype | Angela Thomas Shelby Breece Prototype | Shelby Breece Mara Buggenthin Prototype | View progress | Mara Buggenthin New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Working Prototype Examples! The game show prototype challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.589Views0likes0CommentsConverting Classroom Activities to Interactive E-Learning #465
Converting Classroom Activities to E-Learning#465: Challenge | Recap Some of the most common questions we get about building e-learning come from teachers moving from traditional classrooms to online teaching. Sure, they have the education and teaching background and find today's authoring tools easy enough to learn. However, their bigger challenge is visualizing how they'll recreate the classroom experience in a meaningful online format. Here are some of the most frequent questions we hear: How can I adapt my classroom teaching strategies to e-learning? How do I overcome the lack of face-to-face interaction? How can I maintain student engagement and accountability? How do I repurpose classroom materials for an online format? How can I effectively assess student performance online? Whether or not you have a background in classroom teaching, you're looking for ways to build better online training. And that's what this week's challenge is all about. 🏆 Challenge of the Week This week, you have three options for your challenge demo: Rework an everyday classroom activity into an e-learning interaction. When you submit your example, include a description or link to the original classroom activity. Convert any static content (classroom, e-learning, job aid, etc.) into an e-learning interaction. See challenge #424 for more ideas. Share a tip or technique to help teachers move from traditional classrooms to e-learning. This option can be either static or interactive. See e-learning challenge recap #383 for more ideas. ✨ 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 go back to school, check out the labeled graphic interactions your fellow community members shared over the past two weeks: Labeled Graphics in E-Learning RECAP#464: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 #466 (06.21): Accessibility Makeovers. See challenge #417 for a general idea of what we’re doing. Challenge #467 (06.28): Using 360° images. See challenge #337 for examples. Challenge #468 (07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like.103Views0likes54Comments20 Ways to Present E-Learning Game Design Concepts & Storyboards #470
Game Show Design: Storyboards RECAP #470: Challenge | Recap This week’s challenge asked course designers to share a concept or storyboard for an e-learning game show activity. This is the first part of our four-part game design series, which highlights the major milestones in e-learning development. Week 1:Concept & Storyboarding Week 2:Design & Prototyping Week 3: Development & Review Week 4: Final Project Submission Mallory Frazier Example | Mallory Frazier | Website Phil Mayor Example | Phil Mayor | Website | @philmayor Julie LALAMEDIA Example | Julie LALAMEDIA David Davis Example | David Davis Thierry EMMANUEL Example | Thierry EMMANUEL | Website Sean Murray Example | Sean Murray Samuel Apata Example| Samuel Apata | Website | @afrostem Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Ron Katz | Website Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Jesse Wu Example | Jesse Wu | Website Maren West Example | Maren West eLearn Dev Example | eLearn Dev Shelby Breece Example | Shelby Breece Mara Buggenthin Example | Mara Buggenthin Angela Thomas Example | Angela Thomas Kirsten Ossa Example | Kirsten Ossa Arron Walker Example | Learn more | Arron Walker | Website Jayashree Ravi Example | Jayashree Ravi | LinkedIn Kate Golomshtok Example | Kate Golomshtok | Website New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post, so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Concept & Storyboard Examples! The e-learning game challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.566Views0likes0Comments14 Examples Show What E-Learning Designers Do #469
What Instructional Designers Do RECAP #469: Challenge | Recap This week’s challenge asked course designers to share an example to show what they do as e-learning professionals or how they got started in the industry. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Jeniffer Brubaker Example | Jeniffer Brubaker Alex Milyaev Example | Learn more & download | Alex Milyaev Jordan Ash Example | Storyline example | Video example | Jordan Ash | Website Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Ron Katz Example | Ron Katz | Website eLearn Dev Example | Learn more | eLearn Dev Nathanial Hilliard Example | Nathanial Hilliard Jayashree Ravi Example | Jayashree Ravi | LinkedIn Kirsten Ossa Example | Kirsten Ossa Mallory Frazier Example | Mallory Frazier | Website Kate Golomshtok Example | Kate Golomshtok | Website Hilla Schlegel Example | Hilla Schlegel New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post, so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your E-Learning Journey Examples! The show us what you dochallenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.191Views0likes0Comments13 Examples of Accessibility Makeovers in E-Learning #466
E-Learning Accessibility Makeovers RECAP #466: Challenge | Recap This week’s challenge asked course designers to show how they update e-learning projects to meet accessibility guidelines. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jesse Wu Example | Jesse Wu | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Jared Speight Example | Jared Speight Jayashree Ravi Example | Jayashree Ravi | LinkedIn Angela Thomas Example | Angela Thomas Ron Katz Examples: Before and After | Ron Katz | Website Ashi (Neha) Tandon Examples: Before and After | Ashi (Neha) Tandon | Website | @ashi_tandon Chloe Okura Examples: Before and After | Chloe Okura | LinkedIn Kate Golomshtok Examples: Before and After | Kate Golomshtok | Website Ange CM Example | Ange CM New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Accessibility Makeover E-Learning Examples! The 2024 accessibility makeover challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.53Views0likes0CommentsPreventing Workplace Violence: E-Learning Scenarios #57
E-LearningWorkplace Violence#57: Challenge|Recap What’s the first word that pops into your mind when you hear “compliance training?” If you’re like most course designers (and learners), you know that compliance training isn't typically where one finds showcase e-learning examples. That makes sense. Most compliance courses are designed to share information and create awareness more than change behaviors. Some topics, such as preventing workplace violence,can be designed as information-andperformance-based courses. The challenge for course designers is striking the balance between information sharing and relevant interactions. And that’s what this week’s e-learning challenge is all about! Challenge of the week This week your challenge is to show scenario examples designed to prevent or address workplace violence. You can structure your demoany way you like—just besure to include some type of scenario. If you’re looking for a practical model, take a look at Tom’s 3-C scenario model. We use this model alot in our workshops because it’s simple and works with any content. --- Thanks to Raye Shilenfor suggesting this week's challenge topic. Resources Here are some scenario resources to help you get started: Compliance-based training These 3 Tips Can Change Your Compliance E-Learning Forever Are You Using These 3 Ways to Identify the Objectives of Your Online Training Program? Blog posts on e-learning scenarios Build Branched E-Learning Scenariosin Three Simple Steps An Easy Way toBuild Branched Scenarios for E-Learning A Simple Approach to Interactive E-Learning How to Add Scenarios to Your Rapid E-Learning Courses…Rapidly! How I Built thatE-Learning Scenario Forum discussions on scenarios Conditional endings in a branched simulation Do you have good examples of e-learning scenarios? Branching storyboards Branching best practices and tips How we built a customer simulation Share your e-learning work Comments: Use the comments section below to share a link to your published project and blog post. Forums: Create your own thread in our E-Learning Heroes forumsand share a link to your published demo. Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. Twitter: If you share your demos on Twitter, try using #ELHChallengeso your tweeps can track your e-learning coolness. Facebook: Reply to this Facebook postwith a link to compliance demo. Last week's challenge Before you jump into this week's challenge, take a look at the top things instructional designers don't like to hear: E-Learning Challenge Recap #56: Challenge|Recap New to the e-learning challenges? The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challengesanytime you want. I’ll update the recap posts to include your demos. If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. If you share your demos on Twitter, try using #ELHChallengeso your tweeps can track your e-learning coolness.24Views0likes111Comments15 Ways to Progressively Disclose Information in E-Learning #463
Progressive Disclosure in E-Learning RECAP #463: Challenge | Recap This week’s challenge asked course designers to show how progressively disclosing information can simplify complex information and help learners avoid cognitive overload. Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Ziping Wu Example | Ziping Wu Thierry EMMANUEL Example | Thierry EMMANUEL | Website Nicole Smith Example | Nicole Smith | LinkedIn Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Ron Katz Example | Ron Katz | Website eLearn Dev Example | Learn more | eLearn Dev Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Samuel Apata Example | Samuel Apata | Website | @afrostem Jayashree Ravi Example | Jayashree Ravi | LinkedIn Raeven Fowler Example | Raeven Fowler Kate Golomshtok Example | Kate Golomshtok | Website Daniel Canaveral Example | Daniel Canaveral Jenny Li Example | Jenny Li Fabienne Werder Example | Fabienne Werder New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Progressive Disclosure E-Learning Examples! The progressive disclosure challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.102Views0likes0Comments