Blog Post

E-Learning Challenges
3 MIN READ

How Do You Show Dialogue and Conversations in E-Learning? #105

DavidAnderson's avatar
10 years ago

Conversations and Dialogue #105: Challenge | Recap

Challenge of the Week

This week your challenge is to show how dialogue can be shown in e-learning courses. You can focus on talking, texting, instant messaging, video chats, or any other form of communication.

Your projects can be static or interactive and you can build your demos with any authoring tool. We just want to see your creative solutions for showing dialogue in e-learning.

To get help you get started, I’ve rounded up a few community examples that feature creative ways to show dialogue.

Grammar Guide to Speech Balloons

There’s no better guide to understanding speech balloons than Comic Book Grammar & Tradition by Nate Piekos. You’ll find a list of every type of speech balloons and when you should use them. If you’re building e-learning scenarios, you’ll want to bookmark this article.

Comic Book Grammar & Tradition by Nate Piekos

Comic Style Speech Bubbles in E-Learning

Speech balloons don’t have to be used with comic or illustrated characters. I like the way this example combines comic style panels and speech balloons with photographic characters.

View Fighting Harassment Comic Book Style

Interactive Conversations in E-Learning

In this example, users control the pacing of the conversation by clicking characters to advance from question to answer. The overlapping speech balloons help learners focus on each character’s words.

Free PowerPoint Template: Conversation Interaction

Using Pull Quotes to Depict Speech

Typically used in journalism, pull quotes are graphic elements that are used to highlight an excerpt or key phrase from an article. This type of approach also works well for showing on-slide speech.

View the interactive pull quote example

Instant Message Experience

Simulating instant messages on mobile phones is another way to show digital communication.

Text message template

Showing Text Messages in Film

If you’ve ever watched BBC's Sherlock or House of Cards, you’ve likely noticed the innovative ways filmmakers are depicting on-screen text messages.

House of Cards uses animated chat boxes layered over live action footage. This enables viewers to remain in the scene with the actor while the text messages are displayed.

Sherlock takes a more simplistic approach by using floating words without the bubbles around the text. This prevents the graphic elements from appearing outdated as text messaging styles change.

You can learn more about the ways filmmakers are experimenting with text messaging styles in A Brief Look at Texting and the Internet in Film.

Resources

Previous challenges:

Forum discussions:

Articles and blog posts:

Downloads and templates:

Last Week’s Challenge:

Before you sweet talk your way through this week’s challenge, check out the audio portfolio examples shared over the past week:

E-Learning Voice Over Portfolios #104: Challenge | Recap

Wishing you a chat-tastic week, E-Learning Heroes!

New to 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.

Published 10 years ago
Version 1.0

153 Comments

  • TracyCarroll's avatar
    TracyCarroll
    Community Member
    I really like this, Jane! I had never heard of BranchTrack--it looks like a cool tool. I love how the immediate feedback is handled!
    • LindaLorenzetti's avatar
      LindaLorenzetti
      Super Hero
      Nice Jane. This looks like a BranchTrack interaction. I am developing a course in the same style.
      • LindaLorenzetti's avatar
        LindaLorenzetti
        Super Hero
        I hadn't read your blog when I made the above comment. I was inspired by Cathy's work as well.
    • jeff's avatar
      jeff
      Community Member
      Love that interaction style. Easily done in Storyline or Studio as well. I really like how the selected answer moves to the top of the screen and the response get's shown below. The 'happy-o-meter' is a great addition.
  • TracyCarroll's avatar
    TracyCarroll
    Community Member
    #ELHChallenge 105: http://goo.gl/bh0Mdn
    Post: http://goo.gl/Iys2PS

    My submission is part of a module I designed a year ago on conducting instructional design needs assessments. In this scenario-based eLearning module, the conversation is between an unseen interviewer and various staff members at a restaurant.

    I wanted to give the learner a feeling of going through the needs assessment process, so I decided to leave the interviewer unseen, to give the feeling the learner is conducting the interview. It's not exactly ground-breaking, I know! :)
    • LindaLorenzetti's avatar
      LindaLorenzetti
      Super Hero
      Tracy, I really like the look of this course. The colours and logo add a lot to your theme.

      Just one thought, in the slide where you show all of the restaurant staff, it looks like they are floating. I would either show them only from the calf up, or put in a transparent, black shadow, the width of their body, under their feet.
      • TracyCarroll's avatar
        TracyCarroll
        Community Member
        Thanks for the great feedback, Linda--you're absolutely right! I edited the file so the staff is no longer floating through the air. I thought about giving them wings, but it seemed like too much work. :D
    • romakohutiak's avatar
      romakohutiak
      Community Member
      great job mark. can you share the story file. I know how to get the effect in photoshop, just wanted to see how you did it in story file. did you use motion paths?
      • mm-35863a5a-3b9's avatar
        mm-35863a5a-3b9
        Community Member
        i also would love to see the storyline file to see how you did it, fun demo
  • RachelCraig's avatar
    RachelCraig
    Community Member
    Hi, everyone!

    For this challenge, I am going to share a recent conversation I just put into a course. It is speech bubble heavy, and I'd love any feedback to make it a bit more engaging, without using any audio, if possible, as I don't really have great audio recording options at the moment. I did have fun timing the animations, and bringing back Storyline characters I have been using in other courses.

    Thank you!

    -Rachel

    http://tinyurl.com/p6elfkk
    • RachelCraig's avatar
      RachelCraig
      Community Member
      Thanks for the awesome feedback, David, Jane, Paul, and Nancy!
      I finished up my talking shoe demo JUST after Dave posted the recap, but here are some talking, (hopefully!) cute looking shoes! Enjoy!

      http://tinyurl.com/npqbo57
    • NancyWoinoski's avatar
      NancyWoinoski
      Super Hero
      Hi Rachel, I think this is great as is. If I could make one suggestion it would be to slow down the speech bubbles a bit. I don't know if I am a slow reader or if my old eyes are slower to adjust but the bubbles disappeared before I could read them. Maybe you could have the learner trigger the bubbles somehow so that they could set their own pace.
      • RachelCraig's avatar
        RachelCraig
        Community Member
        Hi, Nancy!
        I think for the actual course this comes from, I will take your advice and slow down the speech bubbles. Triggers are a great idea for that. I could not figure out a good way to slow down the speech bubbles when I originally created the course.
        Thank you, Nancy!
        -Rachel
    • PaulAlders's avatar
      PaulAlders
      Super Hero
      Well done Rachel.....after reading your conversation with David I'm really looking forward to your next version...talking shoes....speed dating #LOL
    • LuPost's avatar
      LuPost
      Community Member
      This is a great example. I love how the objectives of the course were presented as part of the exercise!
    • LindaLorenzetti's avatar
      LindaLorenzetti
      Super Hero
      Does anyone really want tickets for the Leafs? - bahaha! Nice sample Nancy.
      • NancyWoinoski's avatar
        NancyWoinoski
        Super Hero
        Apparently they still do that's why the Leafs never have to bother building a winning team.
  • Looks like I'm first to the party this week. This example illustrates two different ways to handle conversations. The first is a pretty typical back and forth dialog using voice and speech bubbles. The second has the characters off screen. You hear them reacting to information they have just read.

    http://pinchedhead.articulate-online.com/3796824550
      • NancyWoinoski's avatar
        NancyWoinoski
        Super Hero
        Hi Mohamand, this was an excerpt from a project I did for one of my clients so to make a long story short I can't share the Storyline file. I would be happy to answer any questions you have about how it was done.
    • RachelCraig's avatar
      RachelCraig
      Community Member
      This one looks great, Nancy! I love the graphics. The audio work is well done, too!
    • PaulAlders's avatar
      PaulAlders
      Super Hero
      Great example Nancy.... I really like the design and variation of txt and voice over.
  • I saw the title of this challenge and thought "Maybe I could use my comic book harassment demo!" - but you beat me to it. (Thank you!)

    Great challenge idea - lots of creative options.
    • DavidAnderson's avatar
      DavidAnderson
      Staff
      Glad to hear I can still get the draw on ol' Jackie once in a while. It doesn't happen often!