26 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.Present Data Using Interactive Charts and Graphs #64
Interactive Charts and Graphs #64: Challenge | Recap I recently began reading The Wall Street Journal Guide to Information Graphics. It’s been on my reading list for over a year, but I never took the time to go through it. Until this week. That’s because a blog reader emailed me looking for examples of charts and graphs in e-learning courses. I’ve collected some examples from the news sites, but nothing really focused around online training courses. Knowing how important information graphics are in the community, I thought this would make a great e-learning challenge! Interactive Bar Charts Articulate community member Michael Hinze shared a creative solution for animating bar charts using Storyline 1. Using button sets and custom states, the bar graph updates based on the options selected by the user. View demo | Download Interactive Graphs with Sliders One of my favorite examples is this interactive graph from community member Joanna Kurpiewska. Shared in a recent e-learning sliders challenge, this example makes use of Storyline 2's sliders to adjust the market price and quantities of goods. View the interactive graph Interactive Charts Here's another example from Articulate Super Hero Phil Mayor. Learners are asked to add numeric data to compare their data with the chart's built-in data. View demo Challenge of the week This week your challenge is to show how interactive charts and graphs can be used in online training. You can share a static example of charts and graphs or you can create something more interactive to show and compare data. Resources It always helps to build templates and demos when you have real content. Here are a few resources that can help. If you have another source for data, please share it in the comments. 30 Resources to Find the Data You Need United States Census Bureau Charts of Major Indexes 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. Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example. Last week’s e-learning challenge: E-Learning Recap #63: Challenge | Recap Wishing you a chart-tastic week, E-Learning Heroes! 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.30+ Creative Examples of Notecard Interactions in E-Learning #149
Notecard Interactions in E-Learning RECAP #149: Challenge | Recap This week’s challenge asked course designers to share creative ways to use notecards and flashcards in e-learning. Examples include card swipe interactions, creative page curl effects, and much more! Richard Hill View project | Download | Richard Hill | Website Montse Anderson View project | Download | Montse Anderson | Website | @mLearning Ridvan Saglam View project | Ridvan Saglam | Website | @rbsaglam Tom Kuhlmann View project | Tom Kuhlmann | Website | @TomKuhlmann Tom Kuhlmann View project | Tom Kuhlmann | Website | @TomKuhlmann Alexander Salas View project | Learn more & download | Alexander Salas | Website | @stylelearn Cora Malone View project | Cora Malone | Website Ashley Chiasson View project | Learn more | Ashley Chiasson | Website | @amdchiasson Joanne Chen View project | Joanne Chen Tristan Hunt View project | Tristan Hunt | Website John Toh View project | Download | John Toh | Website Ashi Tandon View project | Download | Ashi Tandon | Website | @ashi_tandon Jeff Kortenbosch View project | Learn more | Download | Jeff Kortenbosch | Website | @elearningjeff Jeff Kortenbosch View project | Jeff Kortenbosch | Website | @elearningjeff Niels Rop View project | Niels Rop | Website Brandon Lynn View project | Brandon Lynn Roman Stotland View project | Download | Roman Stotland Yogesh Rathore View project | Learn more | Yogesh Rathore Niyeda Suliveres View project | Niyeda Suliveres | Website | @learningvitamin Richard Watson View project | Learn more | Richard Watson | Website | @rwatsonID Alexander Salas View project | Alexander Salas | Website | @stylelearn Oleg Miroshensky View project | Oleg Miroshensky | Website Piotr Peszko View & download | Learn more | Piotr Peszko | Website | @piotrpeszko Paul Alders View project | Download | Paul Alders | Website | @paulalders Ridvan Saglam View project | Ridvan Saglam | Website | @rbsaglam David Charney View project | David Charney | Website | @elearninglocker David Charney View project | David Charney | Website | @elearninglocker Kimberly Wittrock View project | Kimberly Wittrock | Website | @KW_eLearning Lili Seram View project | Lili Seram Rachel Craig View project | Rachel Craig Karen Walker View project | Download | Karen Walker | @krwalks Scott Couchman View project | Download | Scott Couchman Maria Ginsbourg View project | Maria Ginsbourg Sandy Shailes View project | Sandy Shailes Linda Lorenzetti View project | Linda Lorenzetti | Website | @lindalor Adam Gavarkovs View project | Adam Gavarkovs | @adamgavarkovs Amy Esposito View project | Amy Esposito Amy Mills View project | Amy Mills | Website Aleksandra Niedzwiedzka View project | Aleksandra Niedzwiedzka Noura Sa'd View project | Noura Sa'd Rashida Atkins View project | Rashida Atkins Amy Gibbs View project | Amy Gibbs | Website | @resources4hd Amy Esposito View project | Amy Esposito Noura Sa'd View project | Noura Sa'd Dianne Hope View project | Learn more & download | Dianne Hope | Website | @DianneHope Aman Vohra View project | Learn more | Aman Vohra | 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 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 Notecard Interactions for E-Learning! The notecard 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.40+ Examples of Accordion Interactions for E-Learning Designers #147
Accordion Interactions in E-Learning RECAP #147: Challenge | Recap This week’s challenge asked course designers to share creative ideas for using accordion interactions in e-learning. Examples include accordions with sliders, embedded quizzes, image zooms, and much more! Thanks to everyone who shared an example, download, or feedback this week! Montse Anderson View & download | Montse Anderson | Website | @mLearning Matthew Guyan View project | Download | Matthew Guyan | Website | @MattGuyan Allison Goldthorpe View project | Learn more | Allison Goldthorpe | Website Jeff Kortenbosch View project | Download | Jeff Kortenbosch | Website | @elearningjeff Ashi Tandon View & download | Ashi Tandon | Website | @ashi_tandon View & download | Ashi Tandon | Website | @ashi_tandon Tracy Carroll View project | Learn more | Tracy Carroll | Website | @1tracycarroll Jackie Van Nice View project | Jackie Van Nice | @jackietrains Alexander Salas View project | Learn more & download | Alexander Salas | Website | @stylelearn Niels Rop View project | Niels Rop | Website Richard Watson View project | Learn more | Richard Watson | Website | @rwatsonID Dan Graham View project | Download | Dan Graham | Website | @EzLearnin Linda Lorenzetti View project | Linda Lorenzetti | Website | @lindalor Brandon Lynn View project | Download | Brandon Lynn Ridvan Saglam View project | Ridvan Saglam | Website | @rbsaglam Anne Seller View project | Anne Seller | Website | @LifeScienceLSI Joshua Stoner View project | Download | Josh Stoner | Website | @joshuastoner Nancy Woinoski View project | Nancy Woinoski | Website | @pinchedhead Savneet Singh View project | Savneet Singh | Website | @exelinisd Aman Vohra View project | Aman Vohra | Website Dianne Hope View project | Learn more & more | Dianne Hope | Website | @DianneHope Emily Bramley View project | Emily Bramley Alex Vostretsov View project | Alex Vostretsov | Website David Tait View project | Learn more & download | David Tait | Website | @4ptLtd Oleg Miroshensky View project | Oleg Miroshensky | Website Lili Seram View project | Lili Seram Alicia Pennington View project | Alicia Pennington Veronica Budnikas View project | Download | Veronica Budnikas | Website | @verobudnikas Nejc Žorga Dulmin View project | Learn more | Nejc Žorga Dulmin | Website | @nejcd La Shaunda Webb View project | La Shaunda Webb Sam Zimmer View project | Sam Zimmer Phil Eagles View project | Phil Eagles | 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 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 Accordion Interaction Examples! The accordion 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.What Can You Do with Pantone’s Color of the Year? #63
Pantone Color of the Year #63: Challenge | Recap It’s official! Pantone just announced its 2015 color of the year! That means e-learning designers from around the world will be working this “stirring and flavorful shade” in their demos, courses, and templates. Challenge of the week This week your challenge is to design an e-learning template or interaction using Marsala as the primary color. Your slides can be static or built out as working interactions. Your goal is to work from a single color and show how you will carry that color across your design templates. Color Tints & Hues One easy way to work with the color is to create tints and or shades to use for secondary colors. Here’s a quick guide to Marsala’s tints and shades created with the color toner generator I created last year. Color Pairings Looking for some color combinations? Try using one of Pantone’s recommended pairings. Resources If you’re looking for ideas, consider re-designing one of the templates from our downloads section. Since the templates are already built, you’re free to focus your creativity on the colors. Here are some good blog articles on setting up templates: Here’s How to Build an E-Learning Template That Will Rock Your World Inspiring Designs to Keep Your E-Learning Courses Looking Fresh How to Create an E-Learning Template That Works Last year’s Pantone color challenge: Create a Radiant Template with Pantone’s Color of the Year 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. Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example. Last week’s e-learning challenge: E-Learning Recap: Challenge | Recap Wishing you a coloriffic week, E-Learning Heroes! 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.Creative Invoice Designs for Course Designers #66
Creative Invoice Designs #66: Challenge | Recap Nobody looks forward to invoicing and other back office tasks. But if you’re a freelancer, improving your administrative processes can really help save you time and reinforce the image you present to your clients. And at the end of the day, your brand is your business. Examples of Invoices A good place for invoice basics is with Word’s built-in and online templates. Word’s templates offer the perfect starting point for anyone looking for invoicing essentials. The downside to those templates is that they all look alike. Sure, there are color variations, but they’re mostly the same and aren’t branded for your own image. And that’s what this week’s invoice challenge is all about. Sources of Inspiration Clearly one place to find creative invoices is to search for what others have done. Another thing you can do is look at related documents across a range of industries. If there’s one group that wants to be paid as much as course designers it would be the utility companies. There are some sweet examples of utility bill makeovers like this one from Fast Company: How A Redesigned Electricity Bill Could Make You Smarter And Save Cash I like the infographic approach. Perhaps something like that would work to communicate visually how much development time was spent on QA or change requests? Challenge of the week This week your challenge is to create or share a creative invoice example or template. You can share something you’re already using or mock up a creative design for your entry. Tools You can use any tool you like to create your invoice template. If you decide to share your template with the community, please share it in Word or Google Docs format so others can work from your designs. Resources Think Your Invoice is Boring? Here Are The Top 25 Beautiful Designer Invoices You'll Fall in Love With 20 Creative Invoice Template Designs Invoice Like A Pro: Examples and Best Practices Invoice examples on Creative Market 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. Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example. Last week’s e-learning challenge: Before you begin racking up billable hours, check out the creative template makeovers your fellow community members shared last week: E-Learning Challenge #65: Challenge | Recap Wishing you a profitable week, E-Learning Heroes! 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.E-Learning Makeovers: Designing A Unified Template #65
E-Learning Template Makeover #65: Challenge | Recap Happy first-challenge-of-the-year, E-Learning Heroes! Remember last year’s template makeover challenge? It was a fun one. The challenge was simple: Begin with a generic template and transform it into a real project. Your examples were some of the most amazing and creative we’ve seen (check out this recap post). It was really cool to see everyone begin with the same starter template and then build something uniquely their own. Since that time, folks have asked when we’re doing another template makeover. Well, here ya go—with a twist. Challenge of the Week This week your challenge is to find three different templates and combine them into a single template with a unified design. You don’t need to use real content in your final template design—the current placeholder content will work fine. This challenge is more about unifying design styles from multiple sources. You can work from the free templates in our downloads section or use any other templates you have. Tools You can use Articulate Storyline, Articulate Studio, Microsoft PowerPoint or another tool to create your final template template. Resources Here are some articles that will help you think through your template design. If you get stuck on ideas, just ask in the comments below and we’ll share some more ideas. Steal This E-Learning Template: E-Learning Challenge | Challenge Recap How to Create an E-Learning Template That Works Here’s How to Build an E-Learning Template That Will Rock Your World Here’s How to Create Your Own E-Learning Template in PowerPoint Design Better Quizzes Using Custom Background Images 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. Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example. Last Year's E-Learning Challenge Before you jump into this week’s template makeover, take a look at the interactive charts and graphics your fellow community shared in last year’s challenge: E-Learning Challenge #64: Challenge | Recap Wishing you a triple-awesome week, E-Learning Heroes! 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.E-Learning Examples of Blended Template Designs #65
Blended Template Designs RECAP #65: Challenge | Recap Thanks to everyone who shared demos or feedback in this week's challenge. I know the e-learning community appreciates seeing what you come up with each week. Remember: The challenges are always open. You can jump into this or any previous challenge anytime and we'll update the recap post to include your work. The Five Stages of Grief Demo | Nick Russell | Benchmark Learning The Brain Puzzler Demo | Learn more | Alexander Salas | Website | @stylelearn Melissa Milloway Demo | Melissa Milloway | Website | @MelMilloway Linda Lorenzetti Demo | Linda Lorenzetti | @lindalor Welcome to Pit Bull Lounge Demo | Amy Lamb 3-in-1 Unified Template Demo | Donielle Bell Cath Ellis Demo | Cath Ellis | Website | @cathellis Ashley Chiasson Demo | Learn more | Download | Ashley Chiasson | @amdchiasson Three Templates Mash Up View demo | Charles Hamper | Website | @cfhamper Jackie Van Nice Demo | Learn more | Jackie Van Nice | Website | @jackietrains Daniel Brigham Blog & Download | Screencast | Daniel Brigham | Website | @danielbrigham Christian Clausen View demo | Download | Christian Clausen | Website Rich Cordrey View demo | Rich Cordrey | Website | @richardcordrey Paulina Bobrowska View demo | Paulina Bobrowska Tracy Carroll View demo | Learn more | Tracy Carroll | Website | @1tracycarroll 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 E-Learning Makeover Templates! The template 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.
