Blog posts

2649 bookmarks
Custom sorting
16 UI design tips | By Adham Dannaway | UX Planet
16 UI design tips | By Adham Dannaway | UX Planet
Many complaints about "visual design" in elearning seem to really be about the UI as much as graphic design. If you struggle with visual design for elearning, focusing on UI design rules can be a way to improve because there are concrete steps to take to improve your designs. This is a case study from a mobile interface for an app, so it's not directly related to elearning. However, I appreciate how clearly the before and after images are shown at each step in the redesign. The explanation of the rules and thought process for each design decision are a solid worked example for redesigning.
·uxplanet.org·
16 UI design tips | By Adham Dannaway | UX Planet
Paint Potion - Create stunning vector illustrations in seconds
Paint Potion - Create stunning vector illustrations in seconds
This AI image generation tool looks interesting for creating illustrations for elearning or scenarios because you can create multiple images in the same style. You can also export images as SVGs, which means you could edit the images to mix and match elements of a couple of different sets of images. There are no free plans though.
·paint-potion.com·
Paint Potion - Create stunning vector illustrations in seconds
2024 L&D Predictions: Insights from Industry Pros
2024 L&D Predictions: Insights from Industry Pros
IDLance asked me and several other L&D professionals what the biggest trend will be in 2024. Unsurprisingly, AI was the most popular answer, but it wasn't the only one. Read my response and how Will Thalheimer, Stella Lee, Craig McMichael, and John Findling answered the question of the biggest L&D trend for 2024.
·linkedin.com·
2024 L&D Predictions: Insights from Industry Pros
What AI Tools are Instructional Designers Using?
What AI Tools are Instructional Designers Using?
Connie Malamed asked IDs what AI tools they're using. While the expected answers of ChatGPT, ElevenLabs, and Synthesia were mentioned, there are a bunch of other AI tools on the list as well. Meeting and productivity tools were popular.
·theelearningcoach.com·
What AI Tools are Instructional Designers Using?
Vidnoz AI Tools: Create FREE Engaging AI Videos 10X Faster
Vidnoz AI Tools: Create FREE Engaging AI Videos 10X Faster
Vidnoz AI has several tools. Their AI video generator is similar to Synthesia, although the voices and avatars seem to be not quite as good. if you want to try out AI video generation, this looks like a great option for experimenting and exploring because you can generate 3 minutes of video for free. This site also has other tools, some with a freemium model, such as face swapping and background removal.
·vidnoz.com·
Vidnoz AI Tools: Create FREE Engaging AI Videos 10X Faster
Mighty | Maestro
Mighty | Maestro
Mighty is a paid Chrome extension for adding additional functionality when building Rise courses. This includes visual customization like fonts, lists, button styles as well as some new blocks like an open reflection block. This is currently in beta, and the price is high enough that I think it only makes sense for people who do a significant amount of work in Rise. Still, it's an interesting possibility if you need those specific functions. h/t Karin Rex
·maestrolearning.com·
Mighty | Maestro
Tip 6: Show, Don't Tell
Tip 6: Show, Don't Tell
Hadiya Nuriddin continues her series of tips on writing stories with "show, don't tell." Specifically, she talks about adding descriptions to focus on the emotional aspects, not just over-explaining what things look like. Hadiya includes several examples.
Always lead with emotions when showing instead of telling.
·linkedin.com·
Tip 6: Show, Don't Tell
Chatbots for learning - Part 1
Chatbots for learning - Part 1
Natalie Laderas-Kilkenny explains how chatbots can be used to support learning, describing a recent project where she built a chatbot coach and virtual tutor.
<p id="ember38" class="ember-view reader-content-blocks__paragraph">Here are four ways chatbots optimize learning. They:<!----> <!----> </p> <!----> <!----> <!----> <!----> <p id="ember39" class="ember-view reader-content-blocks__paragraph"> <!---->1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Offer an opportunity to practice without judgement.<!----> <!----> </p> <!----> <!----> <!----> <!----> <p id="ember40" class="ember-view reader-content-blocks__paragraph"> <!---->2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Promote mastery and retention of knowledge and skills.<!----> <!----> </p> <!----> <!----> <!----> <!----> <p id="ember41" class="ember-view reader-content-blocks__paragraph"> <!---->3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Reinforce complex concepts with probing questions.<!----> <!----> </p> <!----> <!----> <!----> <!----> <p id="ember42" class="ember-view reader-content-blocks__paragraph"> <!---->4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Provide quiet time for reflection.</p>
·linkedin.com·
Chatbots for learning - Part 1
Tip 7: Be Strategic About Structure
Tip 7: Be Strategic About Structure
Hadiya Nuriddin shares examples of how the structure of a story shapes the audience's understanding of the content and the overall message. Note that Hadiya isn't talking about the "hero's journey" or some other overarching classic structure here (which I often find more problematic than helpful for scenario-based learning, especially branching scenarios). It's more about how information is revealed and how the action is organized in the story. In this article, she summarizes three versions of a story where a secret is revealed at different times to show how the structure affects the message.
How, when, and why a reader is exposed to information in a narrative matters because it determines how the plot unfolds and impacts the audience's understanding and engagement with the story.<span class="white-space-pre"> </span>
·linkedin.com·
Tip 7: Be Strategic About Structure
GitHub - danieltalsky/twine-css-template: Twine2 is a great tool for beginners to make games, but there aren't customization options out of the box, and the way to use CSS is not well documented. This template is a well-commented basic reset that allows y
GitHub - danieltalsky/twine-css-template: Twine2 is a great tool for beginners to make games, but there aren't customization options out of the box, and the way to use CSS is not well documented. This template is a well-commented basic reset that allows y
A CSS template for customizing Twine games
·github.com·
GitHub - danieltalsky/twine-css-template: Twine2 is a great tool for beginners to make games, but there aren't customization options out of the box, and the way to use CSS is not well documented. This template is a well-commented basic reset that allows y
Why DEI? - Learnlets
Why DEI? - Learnlets
Garvin, Edmondson, &amp; Gino wrote about learning organization <a href="https://blog.learnlets.com/2008/12/learning-organization-dimensions/" target="_blank" rel="noopener">dimensions</a>, and one of the four aspects of a supportive learning environment was “appreciation of differences”. I want to emphasize it’s not ‘tolerating diversity’, it’s&nbsp;<em>valuing</em> it! In exploring that space of solutions, the more diversity in the group, the more likely we are to cover a big range. (There’re caveats, of course, particularly that all have to share a commitment to finding an answer.) Homogeneity is the enemy here!
·blog.learnlets.com·
Why DEI? - Learnlets
My 25 favorite freelancing tips
My 25 favorite freelancing tips
From the "Double Your Freelancing" newsletter, this is a bunch of tips about how to improve your freelancing business. Some of this is the same advice I have given to others--track your time, spend time working ON your business and not just IN your business, etc. Solid tips if you're a one-person company or small agency, regardless of what industry you work in.
·app.bentonow.com·
My 25 favorite freelancing tips
Prompt library
Prompt library
Anthropic (the makers of Claude AI) have shared a library of prompts. This is a combination of prompts for work and personal tasks. While there are no user-submitted prompts right now, they are accepting submissions and presumably testing them to include in the future.
·docs.anthropic.com·
Prompt library
960 Grid System
960 Grid System
A grid system for visual design. While this is typically used for web design, Jerson Campos shared how he uses this for designing slides in Storyline and PowerPoint. Using this grid can help you create better looking visual designs.
·960.gs·
960 Grid System
Twine Screen Reader: A Browser Extension for Improving the Accessibility of Twine Stories for People with Visual Impairments | Interactive Storytelling
Twine Screen Reader: A Browser Extension for Improving the Accessibility of Twine Stories for People with Visual Impairments | Interactive Storytelling
Twine exports stories to HTML, so in theory the content should be reasonably accessible to screen readers (as long as you add alt text for images etc.). In practice, some of the Twine-specific HTML elements don't always work well with screen readers. This paper discusses how the authors created a screen reader browser extension to improve the accessibility of Twine stories built with Harlowe and Sugarcube (the two most common story formats).
·dl.acm.org·
Twine Screen Reader: A Browser Extension for Improving the Accessibility of Twine Stories for People with Visual Impairments | Interactive Storytelling
10 Rules You Need to Create Great Captioned Videos – Meryl.net home
10 Rules You Need to Create Great Captioned Videos – Meryl.net home
Meryl Evans shares rules for creating great closed captions. While these are described as rules for videos, this applies to other elearning too.
10 guidelines for accessible captions: Readable, accurate, synchronized, length, position, sound, credits, voice changes, speaker identification, and motion with one or two sentences describing each one.
·meryl.net·
10 Rules You Need to Create Great Captioned Videos – Meryl.net home
Moho Animation Software - Professional 2D Animation
Moho Animation Software - Professional 2D Animation
For projects that need animation control beyond what's possible in tools like Vyond or Powtoon, you need dedicated animation software. Moho is an alternative to Adobe Character animator that can animate characters and lip sync animation to audio. The Moho Debut product for beginners is reasonably priced ($60 for a lifetime license).
·moho.lostmarble.com·
Moho Animation Software - Professional 2D Animation
Cognitive Load, Student Attention and PowerPoint Presentations
Cognitive Load, Student Attention and PowerPoint Presentations
Results of an eyetracking study of PowerPoint slides with tips on how to design slides so the information attracts attention and is easy to scan.
<h2><strong>Our top 5 tips for PowerPoint presentations summarised</strong></h2> <ol> <li><strong><em> </em></strong><strong><em>Less is more</em></strong></li> </ol> <p>To optimise student engagement and comprehension, use minimal text per slide and present examples before explanations.<strong><em><br><br></em></strong></p> <ol start="2"> <li><strong> </strong><strong><em>Keep text with diagrams to a minimum</em></strong></li> </ol> <p>Minimising text on slides containing diagrams <a href="https://www.innerdrive.co.uk/blog/the-split-attention-effect/">focuses students' attention on the visuals</a>, facilitating better engagement and understanding of complex information.<br><br></p> <ol start="3"> <li><strong> </strong><strong><em>Focus on how you present information</em></strong></li> </ol> <p>Focus on delivery by breaking down content into key words, bullet points or simplified blocks to ensure student engagement and comprehension when presenting extensive information.<strong><em><br><br></em></strong></p> <ol start="4"> <li><strong> </strong><strong><em>Draw attention to key information</em></strong></li> </ol> <p>Vocally guide your students through the content of data-heavy slides to ensure focus on essential information and accommodate varied scanning habits.<strong><em><br><br></em></strong></p> <ol start="5"> <li><strong> </strong><strong><em>Use handouts</em></strong></li> </ol> <p>Providing handouts alongside PowerPoint presentations can significantly enhance your students' learning by emphasising key points and consolidating information, offering a more engaging and effective reference tool.</p>
·blog.innerdrive.co.uk·
Cognitive Load, Student Attention and PowerPoint Presentations