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 | RecapUsing Tabs Interactions in E-Learning #448
Using Tabs Interactions in E-Learning #448: Challenge | Recap Tabs interactions are one of the most popular features in e-learning. They are very flexible and can be designed in many different ways. Tabs are popular because they let learners explore groups of content without leaving the current slide. There is no need to jump around between different slides or scenes. 2022 tabs examples | 2023 tabs examples If you are new to e-learning or just starting with Articulate Storyline 360, tabs interactions are a great way to learn the basics. You will get to know slides, states, layers, and triggers while building something fun. We use tabs-style activities all the time in our workshops, webinars, and tutorials. They are simple, flexible, and very effective. This week’s challenge is all about creating your own tabs interaction. 🏆 Challenge of the Week This week, your challenge is to share an example that shows how tabs interactions can help organize and group related content in e-learning. Share Your Project Files! It’s no secret community members love freebies! It’s also no secret that the challenges are one of the most visible ways course designers get their work in front of the community. If you’re up for it, please consider including a download along with your example this week. E-Learning Challenges Creating Tabs Interactions in E-Learning #401: Challenge | Recap Webinars How to Build Tabs Interactions 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 x or LinkedIn, try using #ElearningChallenge so your peeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you get started on this week’s tabs interaction, check out the creative examples from last week’s spotlight masking challenge: Draggable Spotlights in E-Learning RECAP #447: 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 Challenge #449 (02.09): Emphasis animations. You've been asking for this, and now it's here! Show us how you're pulsing, shaking, teetering your slide objects to life. Challenge #450 (02.16): Using Themes, Templates, & Slide Masters. Another basics challenge, only this week we're looking at under-the-hood features to help us work faster in Storyline 360 and PowerPoint. Rise 360 users can show their before-after examples using themes and block templates. 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.Using Interactive Dials as Draggable Menus in E-Learning #355
Using Interactive Dials for Navigation #355: Challenge | Recap Interactive knobs and dials are a great way to simulate real-world objects and tasks in your e-learning courses. To see how course designers use interactive dials, check out the examples in this challenge recap. But what happens when the dial uses a custom graphic or image and is scaled well beyond the slide size? Let’s take a look at a couple of examples. Dials as Draggable Menus In this example, the dial is filled with a custom image and scaled well beyond the slide size. This creates an exciting approach to menu navigation. View the project | Joanna Kurpiewska Dials as Draggable Timeline Interactions Here’s another example using similar techniques. In this case, the custom dial is a circular timeline interaction that lets learners drag through a series of dates. View the example | Eric Chamberlin Challenge of the Week This week, your challenge is to share an example that shows how custom dials can be used for draggable navigation. Resources You can learn more about working with Storyline’s dials in the following articles and webinars. Storyline 360: Working with Dials How I Designed This Interactive Dial Matrix Using Dials to Design Interactive Infographics #261 Webinar: Using Dials in Storyline 360 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 dial into this week’s challenge, check out the colorful ways designers are using Pantone’s 2022 color of the year in e-learning: Pantone's 2022 Color of the Year RECAP #354: 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.How Are Designers Using Toggle Buttons in E-Learning? #460
Toggle Buttons in E-Learning #460: Challenge | Recap 🏆 Challenge of the Week This week, your challenge is to share an example that shows how toggle buttons and switches can be used in e-learning. You can create a simple example using normal and selected states with button sets or build something more advanced using variables. Let us know if you get stuck or need help with your project. 🧰 Resources E-Learning Challenge #97: 35+ Wicked Toggle Button Effects for E-Learning Designers Video tutorial: Here's how you can create a toggle button effect using Storyline's ✨ 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 switch to this week’s challenge, check out the creative ways your fellow course designers use photo collages to create interactions: Interactive Photo Collage Examples RECAP #459: 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 #461 (05.10): Interactive Podcasts. See ELC364 for a related challenge. This time, the questions will focus on the value of working out loud, weekly challenges, and growing your skills. Challenge #462 (05.17): Click. Hover. Drag. See ELC144 for a general idea of what we're doing. 🚨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.
