Combining Text and Images in E-Learning #152

Combining Text and Images in E-Learning #152: Challenge | Recap

Whether you’re building rapid page-turners or highly interactive courses, text and images will likely be two of your most-used elements.

Common slide layouts include text on the left with images on the right. You can mix things up by reversing the text and image layouts. And for those who like to really shake things up, image and text blocks can be stacked on top of each other.

Combining Text and Images in E-Learning

But you aren’t limited to layouts that separate text and images.

For greater impact and variety, try placing text on top of images. This is a common design technique found in magazines, movie posters, and multimedia start screens. Here are some common ways text can be placed over images:

The challenge for course designers is finding ways to place text over images while maintaining readability. And that’s what this week’s challenge is all about!

Challenge of the Week

This week, your challenge is to share an example to demonstrate how text and images can be used in e-learning.

You can share static graphics such as screenshots or mockups, or you can share an interactive graphic or cover slide.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.


Previous challenges:

Related articles:

Last Week’s Challenge:

Before you share your creative text and image examples, check out the fantastic dial interactions your fellow community members shared over the past week:

Using Dials in E-Learning

Using Dials in E-Learning RECAP #151: Challenge | Recap

Have a picture-perfect week, E-Learning Heroes!

New to the E-Learning Challenges?

The weekly e-learning 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.

***NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects.

You can use our Dropbox file request link to send me your zipped output: Please include your first and last name and challenge number in the file name:

Dianne Hope
Dianne Hope

So, this activity is a "design a meal' activity, which starts with a menu slide with 3 button options - you start with option 1 (option 2 and 3 are locked down) where you choose a plate or a bowl - then you drag-and-drop images from 5 different food groups (only one of which is visible on the screen at any time) - there's also a counter to count your choices as you're only allowed to choose 3 food items - but you can technically choose more - then there's a check button to check your choices - so there's then 3 different feedback layers depending on your choices - one to tell you you've chosen too many food items! oh and if you try to jump forward without completing the activity, there's a feedback layer that pulls you up - the client didn't want the next button locked down, so the trigger... Expand

Dianne Hope
Dianne Hope

Well, that is a ridiculous amount of triggers Montse - so I managed them very systematically and very carefully - or I thought I was - I've got this right now, but initially I was getting random feedback from the client saying "I'm getting an egg on the plate at the end of option 2, and I didn't choose an egg"!! I have a huge thank you to offer to my colleague and fellow community member, Veronica Budnikas - we are working on this 10-module course together and Veronica is the triggers guru - so she jumped in and helped me out at one point when I couldn't get this activity to work - thanks Veronica!! The other thing I would totally recommend, is not to leave the development mid-way through creating the triggers, or sections of the triggers, because when you go to re-visit it, you probably w... Expand

Dianne Hope
Dana Dutiel
Nick Russell
Nick Russell
Ashi Tandon
Nancy Woinoski
Valerie Fry