eLearning Design: Feedback Windows

E-learning designers often need to incorporate feedback windows into their course designs. Feedback windows are used in e-learning for several reasons, a few being: 1) to provide correct and incorrect feedback information, and 2) to share tips, hints, or additional  information with the learners.

I’m sharing a few examples of feedback window “designs” that I created in Adobe Captivate 5.5. I started out with a basic slide with some information, and then I overlayed a rectangle shape with a 75% opacity over top of the entire slide to give the faded background effect.

I like using this “faded background” effect for feedback windows because it keeps a strong visual connection between the feedback and the content you’re providing the feedback for. Lately, I’ve also preferred using rounded rectangles instead of hard corners because I think it softens the overall look. One more thing: I like using “fun” fonts for headings, and simpler, sans-serif fonts for body text.


7 thoughts on “eLearning Design: Feedback Windows

  1. tmiket says:

    I love the look of these and use this light box effect all the time. They’re really easy to use and I think a great approach! Thanks for sharing!

  2. Rory says:

    Excellent tips and simple to apply, a friend and coworker shared this post and I am glad he did. Thanks

  3. elearningguy says:

    Thanks for sharing these samples, Nicole. One thing that I found in my previous job (and something I picked up from Connie Malamed (@elearningcoach) is that time can be well-spent in the planning process by defining what different types of feedback could look like. e.g. You develop a basic structure for feedback as whole, then subtle changes to provide each type (affirmation, correction, informational, etc.) its own identity. By doing so, you begin to promote some “visual literacy”, meaning that the learner will subconsciously begin to process these visual cues and improve their interpretation of the content. When this principle is applied to a large library of content, it makes a big difference in helping the learner manage their cognitive load. Think of it as a mechanism for branding the content to promote interpretation and understanding.

    • Nicole Legault says:

      That is such a good point! As a matter of fact, I did just that in my e-learning course I’m currently designging for Langevin. When it’s main course content being presented, the visible accent colour is blue, when it’s case study information being presented the accent colour is green, when it’s worksheets the accent colour is purple, samples are orange, etc, etc. So each different section or “type” of content is associated with its own colour. It’s very subtle and might not even be consciously noticed by the learners, but subconsciously it will help them organize and sort the content. Awesome point!!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s