Creating E-Learning Templates from Vector Graphics #376
E-Learning Templates from Illustrations #367: Challenge | Recap Challenge of the Week This week, your challenge is to build a simple interaction or course starter template using a single illustration. Please include a screenshot or a link to the stock graphic you used to help others learn from your example. Resources How to Edit SVG Graphics in PowerPoint How to Edit Free Vector Images in PowerPoint 36 Mixing Photo and Illustration Examples in E-Learning Design #312 Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own 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 back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you break apart this week’s challenge, check out the xAPI examples your fellow challengers shared over the past week: xAPI Examples from E-Learning Designers #375: 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.Using Accordion Interactions in E-Learning (2023) #403
Using Accordion Interactions in E-Learning #403: Challenge | Recap Challenge of the Week This week, your challenge is to share an example that shows how accordion interactions can be used to group and organize content in e-learning. Can I see some examples of accordion interactions? Sure you can. We've hosted three accordion challenges over the past 10 years and the results are always amazing. Here are some recent challenges, recaps, and community roundups to help you get started. Using Accordion Interactions in E-Learning #350: Challenge | Recap Accordion Interactions in E-Learning #227: Challenge | Recap 4 Accordion Examples to Inspire Your Next E-Learning Project Make E-Learning That Sings with these 6 Accordion Interaction Downloads 9 Accordion Interaction Downloads for Arranging Courses Awesomely Basic Accordion This accordion from Montse is a good one to build when you’re first getting started with Storyline. The expanding panels are manually repositioned on slide layers to reveal each panel’s content. View the example | Download Semi-Animated Accordions In this example from Jonathan, motion paths are used to open and close the accordion’s panels. I like this example because it’s an excellent way to simulate advanced accordions without using variables. In addition, because there aren’t multiple panels, there’s no need for variables and multiple motion paths to track each panel’s position. View the example Animated Accordion In this accordion example, multiple motion paths combined with variables are used to expand and contract each panel. You can download the source file and view a video tutorial to learn more about the project and how it was built. View the example | Download the source | Learn how it was built More Examples of Accordion Interactions Using Accordion Interactions in E-Learning #350: Challenge | Recap Accordion Interactions in E-Learning #227: Challenge | Recap 4 Accordion Examples to Inspire Your Next E-Learning Project Make E-Learning That Sings with these 6 Accordion Interaction Downloads 9 Accordion Interaction Downloads for Arranging Courses Awesomely Require Learners to Click All Panels Before Continuing Functionally, accordions are similar to tabs in how they group and chunk related content. But unlike tabs interactions, accordions expand, collapse, and move around the slide. This requires designers to duplicate interactive objects across multiple layers. The good news is if you know how to do it with tabs, you can do it with accordions. Let me show you how it works. View on YouTube Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own 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 back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: To help ensure your challenge demo goes "accordion" to plan, check out the creative ways course designers use subtle patterns and textures in e-learning: Patterns and Textures in E-Learning RECAP #402: 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. Next Week’s Challenge I'm hosting a how-to webinar next week on building accordion interactions in Storyline 360. I'll reference this week's challenge in the session and share any examples you've shared before the session. Next week's challenge (2/10/23): Creating E-Learning Interactions Inspired by Google Doodles << Thanks to Tom and Elizabeth for the idea! Upcoming how-to webinar (2/7/23): How To: Build Accordion Interactions in Storyline 360 It’s been a while since I’ve done the accordion webinar, so your latest accordion examples will help the session feel fresh and current.Designing Office Exploration Interactions for E-Learning #528
This week’s challenge is to build an interactive office exploration that lets learners click different parts of an office photo or illustration to reveal information. Think of it like a virtual office tour where learners can choose the areas of interest to explore and dig into the details to learn more.Using Interactive Dials in E-Learning #453
Using Dials in E-Learning #453: Challenge | Recap Interactive dials are a great way to simulate real-world objects and tasks in your e-learning courses. Dials are similar to sliders, but where sliders move along a straight path, dials move in an arc or a circular path. Dials also use less space than sliders, so learners can quickly scroll through large amounts of data. The best part? Dials are super easy to use and customize. With just one click, you can easily format pre-made dials or convert any object, graphic, or image into a unique dial. Here are a few ways dials are commonly used in e-learning: Reveal or step through a process Choose avatars or e-learning characters Create draggable menus 🏆 Challenge of the Week This week, your challenge is to share an example that demonstrates how you're using interactive dials in e-learning. 🧰 Resources Downloads Storyline: Rotating Objects Template Storyline: Dial H For Help Storyline: Stacked Dial to Create a Gauge Storyline: Monarch Metamorphosis Dial Storyline: Dial Infographic User Guide Storyline 360: Working with Dials Storyline 360: Adding Variable References On-Demand Training Using Dials in Storyline 360 Using Dials to Create Menu Navigation 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 you dial into this week’s challenge, check out innovative ways course designers are using AI to help build better e-learning: Using AI in E-Learning Design #452: 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 challengesanytime 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. 📅 Next Week’s Challenge Challenge #454 (03.22): Using variables in e-learning. This variables challenge will be different because you'll be asked to share a demo that uses all three variables. 🚨 Contact Information Just a quick heads up – if you want your blog, website, or LinkedIn included in our recap posts, could you do me a favor and add or update those links onto your ELH profile sometime this week? I found some broken links last week when I pulled the recap together. You spend a lot of time building creative examples, and your work deserves all the attention it can get. If you make changes, please let me know in the comments below. Thanks!Simulating Real-World Activities with Drag-and-Drop Interactions #380
Drag-and-Drop Practice Activities #380: Challenge | Recap Drag-and-drop interactions are a great way to allow learners to practice new tasks or processes—in a realistic way. While drag-and-drop interactions are often used as quizzes with common “Correct/Incorrect” feedback. But there’s so much more you can do with freeform drag-and-drops to encourage learners to practice new skills and interact with your content. Let’s take a look at a couple of examples. Tea Time This example from Kimberly Bourque Valliere is a good example that uses drag-and-drop to demonstrate how to make the perfect cup of tea. View the example | Kimberly Bourque Valliere 6 Ways to Customize Storyline360 Drag-and-Drop Interactions View on YouTube Challenge of the Week This week, your challenge is to create a drag-drop example that lets learners practice a real world activity. You can share a previous example or create a new one for this week’s drag-and-drop challenge. Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own 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 back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you drop into this week’s challenge, check out the virtual tour examples your fellow community members shared over the past week: Virtual Tours in E-Learning RECAP #379: 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. Show Off Your Articulate 360 Projects at DevLearn DemoFest If you’re planning to attend DevLearn, I hope you’ll consider sharing one of your E-Learning Challenge projects at DemoFest. DemoFest is an excellent way to showcase your project with the e-learning community. You’ll also get to see a wide variety of projects and talk to the designers and developers about how they built them. It’s like a year’s worth of E-Learning Challenge demos in one event. DemoFest project submission deadline is July 29 There’s $200 discount if you register by July 22 You can learn more about the conference and DemoFest on the DevLearn website. I hope to see you there.Creating Interactions with Button Sets in Storyline 360 #423
Using Button Sets in Storyline 360 #423: Challenge | Recap Challenge of the Week This week, your challenge is to share an interactive demo to show how button sets can be used in e-learning. New to Storyline or using Rise 360 or another authoring tool? No problem! You can mock up some ideas using PowerPoint or your preferred graphics program. Resources Storyline 360: Working with Button Sets 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 dive into this week’s challenge, check out the creative ways course designers use isometric shapes in e-learning: Isometric Shapes in E-Learning RECAP #422: 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. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback: https://bit.ly/ElearningChallengeForm.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.Creating Interactive 360° Images in E-Learning #337
Using 360° Images in E-Learning #337: Challenge | Recap With Storyline 360, you can now create immersive learning experiences using the new 360° image feature. Using any 360° image, you can make interactive panoramas, virtual tours, explore-type activities, and so much more. Examples of 360° images Where to find 360° images Recommended 360° cameras Getting started with 360° images 7 Ways to view all markers before moving forward Challenge of the week Share your e-learning examples 360° Image Examples Here are some creative examples from our Senior QA Engineer, Annie Kim. Annie shared these examples early on, and they helped many of us begin to see what’s possible with this fantastic new feature. If you have questions about anything Annie shared in her example, jump into this forum thread, and we’ll help you out. View the examples Getting Started with 360° Images This overview video shows you how to insert 360° images and add basic interactivity with markers, hotspots, and triggers. Of course, you can do a lot more with this feature, but this should help you get started. View on YouTube 7 Ways to View All 360° Image Markers Before Clicking Next Button Currently, 360° image interactions don't have triggers to evaluate visited states. But that's okay because Storyline 360 has plenty of options to help you ensure learners click all markers before moving forward. Here are seven ways to ensure learners click and view all items in 360° images before continuing. View on YouTube Resources Here are a few resources to help you get started. We’re working on more articles, how-tos, and downloads over the next week. As always, jump into the forums if you get stuck or need help with your project. 360° Stock Photos Here are some sites we’re recommend exploring for 360° photos. Flickr. Great collection of panoramic images you can use to build your examples this week. Pixexid. Free stock photo site with a large collection of 360 photos. Unsplash. The standard for stock photos has a solid collection of 360° images. *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 Announcement and Discussion Storyline 360: Interactive 360° images. Read more about this exciting new feature and how to submit feature requests to make it even better. 360° Images User Guide Adding and Editing 360° Images Adding Markers to 360° Images Adding Hotspots to 360° Images Controlling Navigation in 360° Images Adding Interactivity to 360° Images Challenge of the Week This week, your challenge is to share an example using Storyline’s 360° image feature. Since this is a new feature, anything you share will benefit the community. Here are some ideas you can consider using for your examples: Escape room or office. Check out the office example Annie shared for inspiration. Product tours and demos. Start with a static photo of a product and add buttons that jump to different slide layers with their own 360° image. Don’t worry if you don’t have all the right photos for your example. We’re looking for general concepts and ideas this week. Guided and virtual tours. Tours are an excellent topic to use with the locked navigation and progress options. New to Storyline 360? If you're brand new or just getting started with Storyline 360, we've got you covered. I know we have many Rise 360 users who follow the challenges. So if you'd like to participate this week, check out the overview video to get a big picture view of how 360° images work. Next, try creating a new project and importing a 360° photo. Guess what? You just built an immersive example! Finally, try adding a hotspot or marker to begin adding interactivity. If you have questions, start a new thread and mention "360° image challenge" in the subject line, and we'll help you out. Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start a 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 back to your posts, so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. 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. Last Week’s Challenge: Before you take this week’s challenge for a spin, check out the digital magazine examples your fellow challengers shared over the past week: Digital Magazine Examples RECAP #336: Challenge | Recap
