• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Your eLearning World

Your eLearning World

  • ABOUT
  • COURSES
    • Instructional Design for ELearning Program
    • Gagne’s Nine Events of Instruction
    • Becoming an ELearning Freelance Consultant
  • BOOKS
  • WORK WITH ME
  • BLOG
  • CONTACT

5 Quick Tips – How To Pair Text With Images To Create A Great User Experience In eLearning 

by Marina Leave a Comment

  • LinkedIn
  • Facebook
  • Twitter

How you pair textual content with graphical content in course
design is important. If you get it right, it will help the learner
have a great experience with the course. If you get it wrong, it
will leave them confused and frustrated.

Here are a few quick tips on how to marry the two correctly.

#1 Focus on context

Your visual content always needs to be relevant to the subject. More
specifically, any graphics you include should be directly related to the
topic currently on the screen.

In adding images, ask whether they’ll help the learner digest the information. If they are being added simply because they’re pretty or used as a filler – remove them.

#2 Optimize placement

Images should be placed as close to the relevant text as possible. This helps the learner comprehend the content much easier. Additionally, if your screen has multiple graphic elements, consider
placing the most important ones near the top of the page.

#3 Don’t embed text in images

Avoid embedding important text in images. This causes havoc with text-reading software and is a poor practice across the board. Instead, utilize captions or adjacent context to give the image
meaning.

#4 Design for all device types

Make sure to design and test for both desktops and mobile devices. How your images and text display and to relate with one another can look entirely different when viewed from a laptop versus an iPhone.
Play with alignment and size to make it work across all devices.

#5 Use alt text

To ensure maximum accessibility of your content, provide alt text for images when applicable. This text helps screen-reading tools describe images to visually impaired readers and can also help search engines
find and rank your content if it’s online. Be specific and accurate in describing the image.

Learn how to create successful eLearning courses!  This course will show you how, using two of the most popular frameworks.

Related Posts

  • 4 Quick Tips - How To Incorporate Social Learning In eLearning
  • Five ELearning Graphic Design Tips That Every Instructional Designer Must Know
  • 5 Tips for Determining Your Online Course Length
  • LinkedIn
  • Facebook
  • Twitter

Filed Under: Instructional Design and ELearning Tagged With: Elements of visual media, Examples of visual Media, Infographic, Purpose of visual media, Types of visual media, visual elearning design techniques to make digital learning a pleasure, You should create a good hierarchy when designing elearning

Reader Interactions

Leave a Reply Cancel reply

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

Footer

  • Facebook
  • Instagram
  • LinkedIn

Copyright © 2023 · Your eLearning World · Terms of Use · Privacy Policy

We use cookies to customize content and give you the best experience possible. If you continue to use
our site, we’ll assume that you’re happy with it!
AcceptReject Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT