How 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.175Views0likes52Comments14 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.193Views0likes0CommentsUsing Photo Mosaics to Design Interactive Stories #459
Interactive Photo Collages in E-Learning#459: Challenge | Recap Visual Storytelling with Photo Collages Build an interactive slide or course from a single image Get rid of bullet points You don't need to be a photographer to make this work Use your own photos or prebuilt stock photo collages Create multiple panel layouts similar t comic books From straightforward panel layoutsto asymmetrical compositions, photo collages offer a quick and effectiveway to craftimage-driven storiesusing stock photo collages. Here's a simple mockup of how the effect can work from a stock photo. A quick search in your favorite stock photo site returns a variety of photo collage styles and possibilities. Here are two more ideas: To learn more about this creative effect, check out Tom's post onconverting courses to interactionswith photo stories. Challengeof the week This week, your challenge is to create an interactive story around a photo collage. You can use placeholder photos and graphics or rework an existing project into a photo collage. Want some examples? Check out the ELC322 recap for community examples of this effect. Here are a few ideas to get you started: Design your story around a common problem or challenge Rework an existing scenario or interaction using a photo collage Use the built-in characters (illustrated and photographic), which include multiple expressions and poses Map collages are ideal for interactive org charts or customer profiles 🙌 Last Week’s Challenge: Check out the spinning wheel and roulette-inspired examples from last week's challenge: Roulette & Spinning Wheel GamesRECAP#458: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 #460 (05.03): Toggle Buttons. See ELC97 for an idea of what we're going for in next week's challenge. 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.85Views0likes61Comments21 Interactive Photo Collage Examples for E-Learning #459
Interactive Photo Collage Examples RECAP #459: Challenge | Recap This week’s challenge asked course designers to share interactions designed around a photo collage or mosaic. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Ron Katz | Website Maren West Example | Maren West Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Amy DeMarco Example | Amy DeMarco Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jayashree Ravi Example | Jayashree Ravi | LinkedIn Matt Wright Example | Matt Wright GED Talk Example | GED Talk Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Taylor Marker Example | Taylor Marker Ruslan Karimov Example | Ruslan Karimov Sabrina Sgoda Example | Sabrina Sgoda Kate Golomshtok Example | Kate Golomshtok | Website Thaddaeus Smith Example | Thaddaeus Smith | Website Sherry Stancil Example | Sherry Stancil | Website bylittle learning Example | bylittle learning | Website Chloe Okura Example | Chloe Okura | LinkedIn Anthony White Example | Anthony White Stephen Taylor Example | Stephen Taylor | 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 Interactive Photo Collage Examples! The 2024 photo collage 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.44Views0likes0Comments24 Ways to Transform Static Content Into Interactive E-Learning #424
Static to Interactive Makeovers RECAP #424: Challenge | Recap This week’s challenge asked course designers to show ways to transform a static slide into six common types of interactions. Julie Dall Example | Julie Dall Ron Katz Example | Download | Ron Katz | Website Philip Cranston Example | Philip Cranston | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Shannon Page Example | Shannon Page Patty Huynh Example | Patty Huynh Matt Wright Example | Matt Wright Nicole Welter Example | Nicole Welter Kelsey Reading Example | Kelsey Reading Ghazi Zia Example | Ghazi Zia Angie Shertzer Example | Angie Shertzer Sarah Cooper Example | Sarah Cooper Laura Hansen Example | Laura Hansen Talent Gate eLearning Example | Talent Gate eLearning Nhlamolo Moja Example | Nhlamolo Moja Phezulu Dhlodhlo Example | Phezulu Dhlodhlo Kate Golomshtok Example | Kate Golomshtok | Website Catherine Gorman Example | Catherine Gorman Zeta Kilbride Example | Zeta Kilbride Loreta Leko Example | Loreta Leko Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Adessa Condrack Example | Adessa Condrack 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 Static-to-Interactive Makeover Examples! The 2023 static to interactive 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.11Views0likes0CommentsUsing Interactive Screenshots to Magnify Important Details in E-Learning #267
Interactive Screenshots in E-Learning#267:Challenge|Recap If you’re trying to teach your learners about software, products, or applications, a commonway to highlight features and functionality is to use screencasts and software simulations. But sometimes a screencast or simulation is overkill for orienting your learners with an application’s UI or features. That’s where interactive screenshots come in. Interactive screenshots are a great way to orient learners with a big-picture view of an application’s interface, then let them drill down into the details for a particular menu or panel. They’re easy to build, super versatile, and a solid alternative to screencasts or simulations. And they'rewhat this week’s challenge is all about. View example | Download Challenge of the Week This week, your challenge is to create an interactive screenshot for an application’s UI or specific features. Here are a few things to consider when planning your projects: How much of the application will you show? How much do you need to show? How will learners pull the information? Hover? Click? Drag? How can you work additional resources, videos, or practice opportunities into the detailed views? How will learners return to the original screenshot? Last Week’s Challenge: Before you zoom into this week’s challenge, take some time to meet your fellow e-learning challengers in last week’s podcast interviews: Audio Interviews with E-Learning Designers#266: Challenge | Recap Wishing you a great week, E-Learning Heroes! 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.44Views0likes152CommentsHow to Survive Anything: E-Learning Edition #332
How to Survive Anything #332:Challenge|Recap Worst Case Scenarios In agiven scenario, ask yourself the following questions: Do I know how to tell if a clown is dangerous? Do I know how to leap from a motorcycle into a car? Do I know how to tell if someone is lying to me? During a recent trip to Sedona, I stumbled upon a survival book covering almost every imaginable situation anyone could find themselves in. The book is titled The Worst-Case Scenario Survival Handbook, and it offers “expert advice for extreme situations.” While I don’t anticipate running into a dangerous clown, the book’s actionable steps, simple illustrations, and pro tips convinced me this would make an excellent resource for this week's challenge. Keep it Simple You don’t have to build something overly complicated. I like how the book combines bullet points with simple illustrations for each scenario. This format is brilliant for a challenge demo. How to Fight a Bear For those of you with extra time or who want to take on something more ambitious, this example fromSarah Hodgeis a wonderful example. Sarah packed a lot into this example: motion paths, parallax effects, ambient sounds, quizzing, and more. View the example Challenge of the Week This week, your challenge is to create a short demo or interaction to help learners survive an event or perform some emergency service. Or go with something lighter like surviving a clown attack or designing e-learning in a 100 x 100 slide size. 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 you survive this week’s challenge, I’ve prepared a go-bag of examples to show what’s possible using a 100 x 100-pixel slide: Tiny E-Learning ExamplesRECAP#331: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.6Views0likes77Comments26 Creative Ways to Use Click-and-Reveal Interactions in E-Learning #349
Click-and-Reveal Examples RECAP #349: Challenge|Recap This week's challenge asked course designers to share creative ways to show more info using click-and-reveal interactions. Rebecca Cottongim Example| Learn more| Video overview| Rebecca Cottongim Sarah Scott Example| Sarah Scott Karin Lorbeck Example| Karin Lorbeck Nik Bowers Example| Nik Bowers Ron Katz Example|Ron Katz|Website Mark Livelsberger Example| Mark Livelsberger Samuel Apata Example| Download| Samuel Apata | Website | @afrostem Janie Liz Sampaga Example| Janie Liz Sampaga | Website Richard Watson Example| Learn more| Richard Watson | Website | @rwatsonID Emily Chorley Example| Emily Chorley | Website Stephanie Bowling Example| Stephanie Bowling Yvonne Urra-Bazain Example| Yvonne Urra-Bazain | Website Priyanka Rastogi Example| Priyanka Rastogi Hilla Schlegel Example| Hilla Schlegel Alicia de Billy Example | Alicia de Billy Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Tracy Carroll Example | Blog | Tracy Carroll | Website | @1tracycarroll Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Renee Stern Example | Renee Stern | Website Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Alicia de Billy Example | Alicia de Billy Amar Kulshreshtha Example | Learn more | Amar Kulshreshtha | Website | @AmarShreshtha Dominik R Example | Dominik R Mohamed Elsamouly Example | Mohamed Elsamouly Morten Holdt Example | Morten Holdt Montse Example & download | Montse | Website | @mLearning 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 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, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Click-and-Reveal E-Learning Examples! The click-and-reveal 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.78Views0likes1Comment19 Interactive Org Chart Examples in E-Learning #342
Interactive Meet the Team Examples RECAP #342: Challenge|Recap This week’s challenge asked course designers to share interactive org charts and meet the team examples. Org charts are a fantastic way to introduce learners to key people in the organization. Interactive org charts can include company structure, leadership bios, contact information, and more. Melissa Mendez Example| Melissa Mendez Emily Williams Example| Emily Williams Priyanka Vashisht Example| Priyanka Vashisht | Website Meagan Griffin Example| Meagan Griffin Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Fabian Koeninger Example | Fabian Koeninger Ron Katz Example | Ron Katz | Website Thierry EMMANUEL Example | Thierry EMMANUEL Narissa Kentfield Example | Narissa Kentfield Joe Harvey Example | Joe Harvey Richard Mulcahy Example | Richard Mulcahy Vijaya Gowrisankar Example | Vijaya Gowrisankar Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Trey McNabb Example | Trey McNabb Richard Jones Example | Richard Jones | Website | @richardnz Yuri Demeny Example | Yuri Demeny Angie Carter Example | Learn more | Angie Carter | Website Jack Stewart Example | Jack Stewart Fay Hsueh Example | Fay Hsueh 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 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, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Interactive Org Chart Examples! The org chart 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.49Views0likes0CommentsStatic to Interactive: Transform Infographics into Interactive Graphics #236
Interactive Infographics in E-Learning#236:Challenge|Recap If you’re looking for a way toexercise your course-building skills, you might have heard us talk about the value ofdeconstructingandrebuildingfinished e-learning projects. Another way to practice your skills is by rebuilding static infographics as interactive graphics.Infographics and e-learninghave a lot in common. Both are great sources of data and visuals that you can use to build your interaction. Design considerations Here are some things to consider before you rebuild your infographic as an interactive graphic: Many infographics are taller than typical e-learning projects. What are some ways you can adapt taller infographics into shorter, wider interactive graphics? Is there a way you can enable learners to sort or rearrange the content? Common sorting methods: Alphabetically, numerically, category, date and time, and random. Which information can be turned on and off? Where can you zoom in and out of information? How can markers, tooltips, and callouts help reduce clutter and enable learners to pull information? How can you hide and reveal some of the information to emphasize different types of information? Could the infographic be used as a course menu? This week's challenge This week your challenge will be to take a static infographic and rebuild it as an interactive infographic. For reference, includea link orscreenshot of theoriginal infographic when you post your examples. That will help us see what you started with before making it interactive. 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. Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you transform your static into interactive, check out the paper cutout examples your fellow challengers shared over the past week: Hand-Crafted Image Effects in E-Learning#235:Challenge|Recap Wishing you a transformativeweek, E-Learning Heroes! 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.42Views0likes121Comments