Graphics
43 TopicsCreating alt text for complex images easier
Hey folks, I'm really glad to see this new accessibility Group on E-Learning heroes. Right now in my own line of work, I'm pushing for really accessible courses and it's quite crazy how trainers are missing fundamental things such as alternative text on images. Which I would end up having to do to ensure a project gets done in time. Anyway, I made a video tutorial very recently on how you can speed up creating alternative text for graphics using Microsoft Copilot. It can also be done with other tools such as ChatGPT. I hope it helps and more importantly, gets more people to make sure that all their graphics have alternative descriptions. Enhancing Accessibility in Instructional Design with Microsoft Copilot486Views12likes11CommentsMindfulness
What do you do when your brain hits a wall? This project explores small, mindful actions to help you reset and reconnect. I used a soft pastel palette and flat icons to create a simple interaction where each tip gently morphs into view. The visual transitions are built around consistent layout and position changes to simulate a calm, flowing experience—no motion paths, just smooth shifts from one moment to the next. 🔗 View the Demo About Me Jayashree Ravi Curious about more e-learning innovations? Connect with me on LinkedIn to share ideas, discuss implementation techniques, or simply chat about instructional design challenges.Designing Immersive Phone Conversations in Storyline
Ever have two characters talk in a training module, but it still feels flat; even with speech bubbles, audio, and triggers? This (FREE) Storyline phone conversation template changes that. Whether you're designing for sales, compliance, healthcare, or support, it creates real, layered convos that feel like you're eavesdropping on a call. Animated phone effects Realistic voiceover dialogue Transparent APNG waveforms (way better than GIFs!) Custom triggers for pick-up/end call Clean, modern layout with animated text Watch how it works: https://www.youtube.com/watch?v=kMpUcYJRNnE Preview the demo: https://www.redesignedminds.com/Discuss/story.html Download it free: https://drive.google.com/file/d/19AvmE7q3PAUbXoNKIViQtPNqCwUoFDQW/view?usp=sharing If your training includes a conversation, this is how you bring it to life.599Views10likes14CommentsCover Slide Design Technique for E-Learning (#510)
I took a dull and uninspiring cover slide and transformed it into an engaging, visually appealing introduction — all in under 2 minutes! Here’s what I did: Used the same background image, but with a fresh visual approach Added simple shapes to create depth and realism Applied a transparency effect on the character to blend it beautifully with the layout This small makeover made a big impact — and fulfilled the challenge requirements with style! Check it out and let me know what you think! https://www.sarkgcreation.com/ELC510/story.html See video how i build thisVisual Echoes: Guiding Attention, Conveying Emotion
Thanks for this interesting challenge about the image echo effect. The slide I’m sharing here is about hearing loss in children. Instead of using a faded image as an echo, I chose a silhouette—it fit better with the bright colors and added a subtle layer of meaning. I was surprised how effective this echo technique was in communicating the core message. So I did some digging and found that visual echoes work because they draw on cognitive principles like figure-ground perception, visual salience, and even metaphor. A transparent or reduced echo doesn’t just duplicate the image—it regulates how we perceive the main subject, guiding focus and emotion. This makes it more than a design trick—it’s a communication tool. Enjoy! Hearing Loss in ChildrenACME Staff Selfies
Simple interaction where you can click on different managers to learn about them. For the pop out effect I decided to go with a selfie of each person and then used a morph transition to the information slide. I used use AI to generate the images and background and I used AI Assistant to generate the placeholder text. See the demo here. About Me I love helping people learn to use the Articulate software to meet their needs at work. I especially like to help those new instructional designers who are trying their best to get a handle on things. I regularly contribute to the training team's blog where we assemble all sorts of tips and tricks. Follow it to stay up to date. I post every Wednesday to Articulate's company blogwhere I share more general instructional design tips. I used to write the Rapid E-learning Blog. Still lots of good tips & tricks in there. Connect with me on LinkedIn and follow my YouTube for more tips & tricks.Find the Dog
Taking a breather after some intense experimenting with the morph transition! Here’s a simplified version of the classic shell game (I think that’s what it’s called?). I remember watching it as a kid — older guys would play it on the street, trying to earn a bit of extra cash. They’d use matchboxes, shuffle them around with a hidden object underneath. If you guessed right, you’d win a few coins. If not... well, better luck next time! I called it "Find a dog" for the purpose of this challenge. Find the Dog