Using Photo Mosaics to Design Interactive Stories #459

Interactive Photo Collages in E-Learning #459: Challenge | Recap

Visual Storytelling with Photo Collages

• Build an interactive slide or course from a single image
• Get rid of bullet points
• You don't need to be a photographer to make this work
• Use your own photos or prebuilt stock photo collages
• Create multiple panel layouts similar t comic books

From straightforward panel layouts to asymmetrical compositions, photo collages offer a quick and effective way to craft image-driven stories using stock photo collages. 

Here's a simple mockup of how the effect can work from a stock photo.

A quick search in your favorite stock photo site returns a variety of photo collage styles and possibilities. Here are two more ideas:

To learn more about this creative effect, check out Tom's post on converting courses to interactions with photo stories.

Challenge of the week

This week, your challenge is to create an interactive story around a photo collage. You can use placeholder photos and graphics or rework an existing project into a photo collage.

Want some examples? Check out the ELC322 recap for community examples of this effect.

Here are a few ideas to get you started: 

• Design your story around a common problem or challenge
• Rework an existing scenario or interaction using a photo collage
• Use the built-in characters (illustrated and photographic), which include multiple expressions and poses
• Map collages are ideal for interactive org charts or customer profiles

🙌 Last Week’s Challenge:

Check out the spinning wheel and roulette-inspired examples from last week's challenge:

Roulette & Spinning Wheel Games RECAP #458: Challenge | Recap

👋 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.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 

📆 Upcoming Challenges

• Challenge #460 (05.03): Toggle Buttons. See ELC97 for an idea of what we're going for in next week's challenge.
• Challenge #461 (05.10): Interactive Podcasts. See ELC364 for a related challenge. This time, the questions will focus on the value of working out loud, weekly challenges, and growing your skills.
• Challenge #462 (05.17): Click. Hover. Drag. See ELC144 for a general idea of what we're doing.

🚨2024 Articulate User Conference Call for Proposals

We’re now accepting proposals for this year’s in-person user day conference co-hosted at DevLearn in Las Vegas. Learn more about the proposal process.