• Home
  • Free Resources
    • Storyboard Depot
    • Instructional Design Programs
    • Best Photo Sites
    • Graphic Editing Tools
    • Icon Collections
  • My Books
  • About
  • Book Store
  • ON-DEMAND COURSES

The eLearning Coach

For designing effective learning experiences

Connie Malamed
  • Podcasts
  • Career
  • LXD
  • eLearning Design
    • Audience
    • Instructional Design
    • Learning Objectives
    • Storyboarding
    • Tests
    • User Interface
  • eLearning 2.0
  • Cognition
  • Multimedia
    • Audio
    • Graphics
    • Video
  • Reviews
    • Book Reviews
    • Software Reviews
  • At Work
You are here: Home / eLearning Design / Case Study: Visual Stories for Learning

Case Study: Visual Stories for Learning

by Connie Malamed

visual stories for learning

Illustration by Robert Schoolcraft

Over the years of my career, I’ve found that a visual story is the best solution to many design challenges. Perhaps you have discovered this too.

I recently used a visual story approach in a comic book format for a short self-paced lesson on a teaching technique. I thought I would share my experience in case you want to do the same.

This approach might be just what you need for a design challenge you’ll face in the future. See Why You Need to Use Storytelling for Learning for background on the value of storytelling.

Background

Introduction to the Problem: A client wanted to present a 10-minute self-paced lesson to teach an informal instructional technique to medical residents in a teaching hospital. The goal was to help the residents improve the teaching methods they use with junior trainees (interns and fourth-year medical students).

Target Audience: Medical residents were the primary audience, but any faculty member might be interested in the technique.

Audience Characteristics: Medical residents have been through a rigorous education and training regimen. They are preoccupied with patient care and other responsibilities, being extremely busy and under a lot of pressure. In this hospital, there are around 15% more male residents than female. The typical resident is probably in his or her late twenties—I didn’t have hard data on this.

Challenges: In teaching hospitals, residents are responsible for teaching junior trainees in small groups and individually. Many residents are naturally more interested in the study and practice of medicine than in the study of education.

Residents are typically taught in a lecture format in medical school and are very familiar with the lecture approach to instruction.  These factors probably influence a resident to rely on giving lectures to trainees, rather than using more effective techniques. We needed a way to grab and sustain a resident’s attention. This was not a required course.

The Process

Before coming up with a solution, I needed to become familiar with the content and the audience. We were working on a very tight deadline (who isn’t?) due to factors outside of our control. Everything needed to be completed quickly.

Rapid Analysis: The client presented me with all of the important content, which I ordered and organized into a logical sequence. Then I wrote learning objectives to reach the goal of teaching the technique, known as a chalk talk. For straightforward projects like this, I often create a two column table to document the analysis. It lists the learning objectives on the left (written informally) and the corresponding content on the right. Here is a sample from one row of the table.

Learning ObjectivesContent
3.0 The learner will identify techniques of an effective chalk talk.
3.1 State how to begin a talk.
3.2 Explain the reason for activating preexisting knowledge.
3.3 Name two ways to activate preexisting knowledge.
(3.1) Set the stage with an informal discussion of expectations expressed as goals and objectives. “Let’s talk about the most common causes of pneumonia.”
(3.2) Calling up preexisting knowledge activates the learner’s existing network, creating "hooks" on which new information can hang.
(3.3) To activate preexisting knowledge/experience, use back and forth questioning and case-based questioning

The analysis went through a few rounds of revisions, with a goal of removing anything extraneous. Then a SME reviewed the document and made recommendations. The result was a streamlined set of content, ready for prototyping.

Prototype to Persuade: After considering several options, we agreed that a story depicted in a comic format might be the best treatment for this audience. But my client needed to see a prototype to be sure. He hadn’t seen this approach to eLearning, so he felt a little uncertain. Prototypes (a very short version of a course that demonstrates the approach and the look and feel) are essential for good communication.

I created a short storyboard prototype in Articulate Presenter, using the illustrated characters that come with the program. I found this very convenient for storyboarding. The only character I needed to modify was the superhero who required a cape. To do this, I saved the images I needed to modify as pictures (right-click and select Save as Picture). Then I quickly drew a flimsy cape in Photoshop.

It’s good to remember that the purpose of a prototype is to express an idea, not to create a masterpiece. And it worked. I was given approval to go ahead with my visual story.

visual stories for learning

Slide 2 of a prototype storyboard for a visual story approach, using the Articulate Presenter characters.

visual stories for learning

Illustration by Robert Schoolcraft.

Scripting and Storyboarding Under Pressure: The deadline was getting closer. After approval, I quickly started on the script and storyboard. The story starts with the protagonist who is having a problem, shown above. He’s worried about the fact that he doesn’t know how to teach. The script plays on the insecurities anyone would have about teaching with not much preparation for the job. If you need tips for writing stories, check out the excellent advice about writing stories from an interview with Lisa Cron, author of Wired for Story.

Accommodating the Comic Book Format: Because this was going to be in a comic format, I had to make sure the panels would be sized appropriately for the word balloons, text and images. Therefore, I wrote the script in a comic format too, drawing different sized panels on each slide to conform to the size of the text, leaving room for graphics.

After a few slides, I stopped adding characters and wrote the rest out in word balloons. The deadline was tight and I needed to speed up the process. I knew I had provided enough imagery for a talented illustrator (who I had not yet identified) to get the idea. This approach was sufficient for me to determine how to lay out the rest of the story.

See the more rapid approach below. Notice I included some “stage direction” instructions for the illustrator in brackets. Note: The story features two men because our two previous courses featured all women. I believe in equal time.

prototype2

Slide 7 uses a more rapid approach to the script. The clock was ticking.

Wading through Portfolios. Before the script was finished, I posted a job for an illustrator on eLance, which is a site for hiring freelancers in almost any field. I am not a competent illustrator and hiring one was part of the plan all along. Within two days I had 16 proposals. There were two things I was looking for: 1) An excellent illustrator who could render realistic rather than cartoon-ish characters and 2) a reasonable rate.

Fulfilling the second requirement was pretty easy, but I only found one illustrator who could fulfill the first requirement. He seemed talented and in the end, exceeded my expectations. We negotiated dates and he promised me three panels a day, including Sunday. After doing some higher mathematics [number of slides x panels per slide)/3], I saw that we could come in just under the deadline.

In my planning, I allowed time to  make a title slide, modify an illustration here and there (if needed), work through a few revisions with the artist that are bound to come up, bring all the artwork into Storyline, arrange and align the artwork, fit in the word balloons, and get it approved by several people. The clock was ticking.

Adding the Artwork: It’s an amazing feeling to see your poorly drawn conceptions and plain text turn into professional artwork, which is what happened when my illustrator started producing three panels a day. Here’s an example of the finished product for Slide 2. Compare the artwork below with the prototype version above. Quite a difference!

final-slide1

Finished artwork for Slide 2 and inserted into Articulate Storyline. Illustrations by Robert Schoolcraft.

And here is the finished artwork for slide 7, which was shown above in all text.

final-slide2

Finished artwork for Slide 7. Illustrations by Robert Schoolcraft.

Conclusion: Although this project was rushed, it fulfilled the instructional objectives. As to how the residents enjoyed and learned from the lesson is another question. I’m waiting to hear back from focus groups on that. What was missing from this too-rapid approach? I should have taken the time to test the treatment on audience members and get their reactions and feedback on the prototype. But, as mentioned, the timeline for this was very compressed. It’s just the reality of the environment we often work in.

Comments

  1. Connie Malamed says

    August 9, 2014 at 4:44 pm

    Thanks for your comment, Steve.

  2. Steve Penfold says

    August 8, 2014 at 11:21 am

    Hi Connie, really interesting. I particularly like the way you focus on the ‘process’ of creating the learning (due to the tight timescales) rather than just the output. Our customers are also very focussed on continual improvement of their elearning production processes as they realise that shorter production timescales not only make their end clients happier, but also allow them to output a higher number of high quality projects without having to increase the members of their team. (win-win!)

  3. Connie Malamed says

    July 22, 2014 at 10:00 am

    Rebecca,
    Your idea sounds great. Including animations within this approach sounds really interesting. I’m glad this helped!
    Connie

  4. Rebecca Durocher says

    July 22, 2014 at 9:43 am

    Connie,

    Thank you for explaining your process so clearly. This is exactly what I need for the course I am working on now. A story will work perfectly for teaching how to deal with an active shooter in the classroom. I will use some static screens like you have and incorporate animations and branching scenario knowledge checks to add some interactivity. Thanks for the inspiration!

    Rebecca

  5. Connie Malamed says

    July 19, 2014 at 3:13 pm

    Hi Donald,
    It’s great to hear about your company. I think a lot of people don’t know where to turn to find someone who can illustrate and enhance their instructional content. I am definitely bookmarking your site and I hope others do too!

    Connie

  6. Donald Jackson says

    July 16, 2014 at 11:05 am

    Hi Connie,
    I’ve been involved in developing comics for education since 2003. I ran a company developing interactive multimedia comics for literacy from 2003 to 2006, was awarded a research fellowship to create my website http:cognitivecomics.webs.com and recently completed my masters doing more research and development on the use of comics as an educational tool. Now that my master’s degree is over I’m looking to build my own comics company but facing the logistics of start up costs, hiring, etcetera.

    It’s always great to see information like what you have posted here. I’m happy to correspond with other people who are exploring or developing comics for education.

    – Donald Jackson
    http://edu-tainmentdevelopment.weebly.com

  7. Connie Malamed says

    July 11, 2014 at 9:05 am

    Hi Valerie,
    One advantage is that the information is divided into panels, which naturally chunks it and is good for avoiding overwhelm. I think it’s a viable solution for conveying a message in a brief but appealing format. (I’m writing about this in my upcoming book!)
    Best,
    Connie

  8. Valerie Smothers says

    July 11, 2014 at 7:48 am

    Thanks, Connie! I learned a lot from this. Our organization has been looking at ways to simplify how we convey our message. The illustrated format is very friendly, and I’m guessing this is way less expensive than full on animated video (what we had been considering until we priced it).

    Best,
    Valerie

  9. Connie Malamed says

    July 11, 2014 at 7:32 am

    Hi Michael,
    Thanks for your comment. Oh, you might be completely correct that a quick bullet-point guide would be best. I think that would be good to include as a download. In this case, however, it needed to be online as part of a study. So we’ll see. The sponsors also wanted to make it available to all of the faculty. One way or the other, it is quite brief.

    But I am adding one more point. This format provides a lot more than one would get from a bullet point list. It conveys an understanding of the audience, demonstrates nuances in the technique that can only come from representing a conversation between two people, and explains the rationale underlying the steps involved in the technique. All of this without being overly didactic, because it’s part of a story.
    Regards,
    Connie

  10. Michael Withers says

    July 11, 2014 at 7:06 am

    Hi Connie,

    Thank you so much for this really interesting description of your process.

    I do hope you will have time to tell us the results of the focus group testing – I will be interested to hear how appropriate the group feels the comic book approach is in the target audience you have described.

    My personal view is that a late 20s, highly educated, time-poor target doctor with clear internal motivation would rather have a quick bullet-point guide with opportunities for further, self-directed reading on aspects where they feel the need for an evidence-base.

    But that’s only my view and I’m here to learn, so I have an open mind…

    Thanks for all your help

    Michael Withers

Trackbacks

  1. MindEdge Monthly: Top E-Learning Blogs E-Learning At Work says:
    February 23, 2015 at 3:46 pm

    […] “Case Study: Visual Stories for Learning” – The eLearning Coach […]

  2. Top E-Learning Blogs | August 2014E-Learning Perspectives | Attaining Effective E-Learning for Today's Learners says:
    August 6, 2014 at 4:31 pm

    […] “Case Study: Visual Stories for Learning” – The eLearning Coach […]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Don’t Miss One Issue: The eLearning Coach Monthly Newsletter

the elearning coach monthly newsletter

LEARN MORE AND SIGN UP

The Learning Guild

Online Master’s Degree in Learning Design

u of san diego id program

Breaking Into Instructional Design

NOW AVAILABLE AS AN EBOOK

You can now buy the email course as a PDF to get all the lessons at once. Price: $15.00 US.

eBook Cover
Click the image to buy the book.

SITE MENU

Home
Resources
My Books
About
Book Store
Membership Community

TOPIC MENU

Podcasts
LXD
eLearning Design
eLearning 2.0
Cognition
Multimedia (Graphics & Audio)
Reviews
At Work

RESOURCES

Storyboard Depot
Instructional Design Programs
Best Stock Images
PowerPoint Grids
eLearning Examples
Glossary of Online Learning
Graphic Editing Tools
Icon Collections

© Copyright 2023 Connie Malamed · All Rights Reserved