another post in the wall

Interactive Listicles: Top 10 E-Learning and Instructional Design Tips #324

I have a back catalogue of small instructional design challenges and charrettes that I’ve been meaning to build into something bigger one day. That is obviously taking too long, so here’s a new idea. The Articulate E-Learning Heroes Community runs a weekly eLearning Challenge. I’ve mentioned before that often different IDs in different contexts will use different tools, and while I’ve used some of Articulate’s products, I’m primarily a Mac user. This means that a number of their products are not available to me. So instead, I thought, rather than being an Articulate eLearning Hero, that I could be an InArticulate eLearning Hero. So here it goes.


This week, your challenge is to share an interactive listicle of 10 things course designers should know about e-learning or instructional design.

What is a listicle? 

listicle is an article that’s written in a list format. The list items are usually expanded into one or more paragraphs making it more like an article.

What format should I use for my list?

Your entry can be a static list, blog post, explainer videos, an interactive graphic, infographic, or anything else you’d like to create.

We hosted a similar challenge four years ago, and the examples were terrific. Here are a few highlights to help you get started.

– David Anderson

10 Things Course Designers Should Know About e-Learning and Instructional Design

Reflection

This was a pretty wide open challenge, which is both a blessing and a curse. After looking at some of the examples listed from the previous round, I was thinking about what topic I would like to write about. I’ve been thinking about some of the things we IDs often overlook with regards to Mayer’s work, and after having just finished my interactive video presentation (where I didn’t properly apply at least a few principles) I thought it would be a good topics to cover. In my travels, I’ve met many an ID who isn’t familiar with Mayer’s work, so this is a great opportunity.

Listicles tend to be annoying in my view. They are most often thinly veiled clickbait that gives you a series of catchy phrases and not much else to go on. “Show me the thing” is a common refrain I yell at both blogs/listicles/etc and scholarly articles alike – note, the book I referenced for this post is full of great examples that should you the thing! – so I didn’t just want to write the list of principles with short explainers. In addition to that, I didn’t just want to have the user clicking for the sake of revealing the next principle and description, that format is pretty tired.

So what I eventually settled on was the H5P Summary type. This, I thought, would encourage engagement because the reader would have to consider not just what the principle was, but also what that might look like in practice. It is just a first run at the text, so not all of the descriptions are perfect, but I hope they get the idea across. Next, as the correct example is selected, the listicle actually builds itself, so at the end of the activity you have the whole list of 10 – I stopped at 10 becuase that’s what the challenge asked for – items. Everytime the user encounters a set of statements, the i information icon does state the principle which gives a hint as to which might be the correct answer. Finally, I used the feedback of the Summary content type to always provide the same “you should read this book” feedback. Partly because this content type does not allow for item-by-item feedback, but also because even if you answered all ten correctly, there is always more to learn. I also am hoping that having statements that are all pretty close together might tease our commonly held misconceptions or misunderstandings and spark curiosity in the reader which would then in turn, prompt them to engage with the source material.

I hope you enjoyed it!


Photo by STIL on Unsplash

Clark, R., Mayer, R., & O’Reilly Safari, vendor. (2011). e-Learning and the Science of Instruction: Proven Guidelines for Consumers and Designers of Multimedia Learning, Third Edition (1st ed.).

4 responses to “Interactive Listicles: Top 10 E-Learning and Instructional Design Tips #324”

  1. This really worked well to engage me to look at the information and then consider which made the most sense. I think the opportunity to consider similar answers made me stop and consider. I appreciate the list at the end. Looking forward to trying this out with my own content.

    1. Thank you Kim! I’m glad you enjoyed it and look forward to seeing what you come up with for your content.

  2. This does not feel like a listicle at all! There’s no slime. Where does “and you will never guess what happened next!” come in.

    I like the summary builder and am trying to think of more situations where it helps to practice an produce something at the end. Definitely good for end of chapter reviews (?).

    I did much better when I clicked the “i” button, otherwise I tend to just go into click guess mode.

    1. Reflecting on this comment and the challenge I now realize I’ve failed miserably at making an actual listicle, for shame JR! I promise to include 100% more slime next time around.
      This was about as creative as I’ve gotten with the summary builder. The vast majority of the time I include it as a full chapter summary (say in a textbook) or at key intervals, say following a reading in an online course, or following a video to reinforce key ideas. After completing this particular challenge, I could see it being used as a pre-test activity. Most of the time I think I’ve seen pre/post test set-ups for modules/learning sessions as quiz items. I think there may be opportunity to use the summary builder for the pre-test instead as a form of advance organizer for learners, again hopefully prompting curiosity and providing feedback ahead of time where possible misconceptions are in place prior to the rest of the learning experience.
      I’m glad you made use of the “i”! I wish I could A/B test this activity a bit to see if the “i” was used with or without the note about it containing relevant information.

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)