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.99Views0likes52Comments14 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.99Views0likes0CommentsUsing 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.84Views0likes61Comments26 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.76Views0likes1Comment19 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.47Views0likes0Comments21 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.43Views0likes0CommentsUsing 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.43Views0likes152CommentsStatic 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.41Views0likes121Comments42 Creative Examples of Radial Menu Navigation in E-Learning #189
Radial Menu Navigation in E-Learning RECAP #189: Challenge|Recap This week's challenge asked course designers to share examples for using circular menu navigation in e-learning. Demos include animated accordion menus, using dials for menu navigation, expanding and collapsing menus, and much more! Montse Anderson View project|Montse|Website|@mLearning Cecile Caswell View project| Cecile Caswell Dave LeFevre View project| Dave LeFevre Chris Undery View project| Download| Chris Undery Jackie Van Nice View project| Learn more| Jackie Van Nice | @jackietrains Harold Lentink View project| Harold Lentink Claudine Caro View project| Claudine Caro | Website | @ClaudineCaro Alexander Salas View project | Download | Alexander Salas | Website | @stylelearn Angela Conrad View project | Angela Conrad | Website | @desi9ndevil Phil Mayor View project | Download | Phil Mayor | Website | @philmayor View project | Download | Phil Mayor | Website | @philmayor Rambo Levin View project | Download | Rambo Levin | Website | @rambolevin Jodi Sansone View project | Jodi Sansone Matthew Guyan View project | Matthew Guyan | Website | @MattGuyan Evangelos Neochoritis View project | Evangelos Neochoritis Phil Mayor View project | Phil Mayor | Website | @philmayor Magdalena Kos View project | Magdalena Kos Paul Alders View project | Download | Paul Alders | Website | @paulalders Michael Kauzlarich View project | Michael Kauzlarich Dan Graham View project | Download | Dan Graham | Website | @EzLearnin Allison Goldthorpe View project | Learn more & download | Allison Goldthorpe | Website | @AGoldthorpeID Greta Petro View project | Greta Petro LJ Beaupre View project | Learn more & download | LJ Beaupre | @LJBeaupre Mohammad Hassam View project | Learn more & download | Mohammad Hassam | Website | @mohammadhassam Dana Kocalis View project | Dana Dutiel | Website | @danadutiel Ashi (Neha) Tandon View project | Ashi (Neha) Tandon | Website | @ashi_tandon Haluk Ünal View project | Haluk Ünal David Lindenberg View project | Download | David Lindenberg | Website | @dvdlindenberg Swift Elearning Services View project | Swift Elearning Services | Website Dana Kocalis View project | Dana Dutiel | Website | @danadutiel Taylor Tomanio View project | Taylor Tomanio | Website Jeffrey Riley View project | Download | Jeffrey Riley | Website Linda Lorenzetti View project| Linda Lorenzetti | Website | @lindalor Darren Wall View project | Darren Wall Charles Zoffuto View project| Charles Zoffuto | Website | @charleszoffuto Sean Hickey View project| Sean Hickey Holly Castellow View project| Holly Castellow Stephanie Harnett View project| Learn more & download| Stephanie Harnett | Website | @slhice 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, try using #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Circular Menu Navigation Examples The radial menu 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.14Views0likes0Comments24 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.10Views0likes0Comments