SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    Graphics for eLearning: Which One Should I Use?

    Our brains are wired to learn visually. It’s a proven fact backed by science. And it’s an untapped opportunity for eLearning course developers. The problem is not the lack of resources; there are tons of graphics for eLearning available online. The real problem lies in effectively (that is, strategically) selecting resources appropriate to your material. Choosing the right graphics is fundamental because those with no purpose can actually make learning harder. 

    You’ll know a visual element is appropriate if it serves a specific goal. Course developers can start by identifying both the surface and functional features of a graphic. We all know what surface features are. In fact, many of us think of visuals in terms of their salient appearance. Is that a drawing? A GIF or moving image? A photograph? While surface features are important, functional features are what determines the effectiveness of an eLearning course. They include the communication and psychological functionalities of a graphic, and you better pay attention to them when designing your material.

    There are different types of images we can use, depending on the kind of information we haveTo help you answer the common question:  "If I use graphics, which one should I use?" here are six categories of visuals according to the Educational Psychology Review: 

    1. Decorative

    While this type of graphics adds aesthetic appeal and humor to a material, you should sparing use them in your eLearning materials. Decorative pictures are completely ignored by learners. They don’t serve any instructional purpose. Used excessively, such as when theming your course, they can depress learning rather than facilitate or improve it.  

    2. Representational 

    This type is commonly found in training materials. As the name suggests, it’s intended to depict a lifelike image of an object. They usually have a strong connection with the text on the screen-- they reflect and reinforce it. Photographs of people undertaking tasks, photos of equipment and screen captures are just some examples of representational graphics. You can appropriately use them when showing factual information and concrete concepts. 

    graphics eLearning

    3. Organizational

    Want to guide learners through course content? Or perhaps visually orient them to the sequence of a lesson? Organizational graphics are your best choice. These images can be very helpful to the learner because they help to build mental models and to organize the knowledge in ‘scaffolds’. By showing overviews of the content, they’ll help walk students through the main ideas of your eLearning material. Often geometric visuals are used as the basis for organizational graphics. Some examples: a process flow chart, venn diagrams or site maps. 

    graphics eLearning

    4. Relational

    While organizational graphics show the qualitative relationship of your material’s contents, relational graphics depicts their quantitative relationship. You’ll see them often as line graph and pie charts. They’re powerful visuals that make easily digestible content out of numbers.


    5. Transformational

    Transformational graphics are often combined with other types of visuals to show changes in an object over time. Animation is the most commonly used form, but you can also use before and after photographs or illustrations, demonstration of how something is affected by a process, if adding videos can slow down your eLearning course. 

    graphics eLearningTip: Procedural instructional goals work best with a combination of transformational and representative visuals to demonstrate procedures.

    6. Interpretative:

    This type of graphics will help learners better understand abstract ideas. They illustrate a theory or principle. For instance, you can use simulations, diagrams of equipment working, series of graphics showing something working, animations or even simple line drawings to explain scientific laws and theories and help learners understand them conceptually.

    Choosing the best graphics for eLearning starts with determining your instructional goals. Chose one or two categories of graphics that align with each of your goals. For instance, course materials heavy on processes can benefit a lot from a combination of transformational and interpretive graphics. Those made of multiple facts can benefit from relational and organizational graphics.

    graphics eLearning

    Make your next elearning course more effective by choosing the right graphics. Visualize your screens and use graphics that explain the content, not that just make your course look pretty. 

    Do your visuals offer functional features? Or are they mere eye candies? Carefully decide which category best serves your purpose.

    eLearning free ebook

    Click me
    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    6 Proven Principles to Create Memorable eLearning Courses

    Picture this: You've invested countless hours in creating a brilliant, engaging eLearning course. It's chock full of relevant information, interesting modules, and interactive quizzes. You've done your part, but there's one question that haunts you as you stare at your masterpiece:"Will my learners remember any of this a month from now?" It's a fair question. After all, the true measure of successful training is not just the initial understanding, but also the longevity of the knowledge imparted. So, how do we ensure that the valuable information you're providing sticks in the minds of your workforce long after they've logged off the learning platform? Understanding how human memory works is pivotal in this quest. But to truly elevate your eLearning strategies, we need to delve into the ways that can help learners not only acquire but also retain new knowledge effectively. This pursuit leads us to six key premises that can transform your eLearning from a fleeting moment of instruction to a memorable learning journey. Join us as we navigate the fascinating world of learning retention, tapping into cognitive science, cutting-edge research, and proven strategies to help your workforce remember what they've learned. For training leaders like you, this blog will be your guidebook, transforming the way you think about eLearning and its potential to empower your workforce in a whole new way.

    How To Avoid Designing Cluttered eLearning Screens

    How many times have you found yourself sitting through a course, feeling bewildered and lost because you couldn't determine what to focus on? And how often have you strained your eyes during a presentation, attempting to decipher the minuscule content squeezed into a tiny space at the bottom of the screen, from your distant seat in the fifth row? Unfortunately, these dreadful experiences are all too familiar. Even the most well-intentioned instructional designers have been guilty of creating cluttered and chaotic eLearning screens, where the intended message gets drowned amidst a chaotic mix of images, icons, text, charts, and graphs. This mishmash of visual elements not only overwhelms the screen but also tests the patience of learners, hindering their ability to grasp meaningful concepts from the course. To alleviate this issue, here are seven effective strategies to help you declutter your eLearning screens:

    9 Ways to Use Video in Your Online Training Courses

    In today's digital age, attention spans are becoming shorter, and learners crave captivating content that resonates with them. That's why incorporating video into eLearning courses has become more vital than ever before. It's not just a trend; it's a transformational tool that L&D leaders must embrace to engage their learners and drive meaningful knowledge retention