Top 5 eLearning Visual Design Mistakes

Poor visual design can really harm an eLearning project. It can make the project seem less professional and it can make it more difficult for people to engage with the experience (or consume the content).

In this video, we'll talk about the most common visual design mistakes that people make when designing eLearning. By fixing these mistakes and applying these principles to your eLearning, you can design eLearning that's more engaging and effective.

(Oh, and if you're looking for new eLearning or instructional design opportunities, then good visual design skills will really help you stand out in the market!)

Let me know in the comments below if you have any questions (or if you found this visual design content helpful).

Thank you!

Using the affiliate links below will help support me and the content on this channel.

***Book Recommendations***

***My Gear Setup***

#elearning #instructionaldesign #visualdesign

0:00 Introduction
1:19 Inconsistency
13:06 Non-standard buttons
19:03 Lack of alignment
20:38 Unintentional color choice
23:16 Insufficient spacing
27:56 Conclusion

[sallyfrancoaldridge]

Devlin, These videos that you've created are so well done and so appreciated. You present these concepts in such an open and approachable way. I never feel intimidated by new concepts when you present them. Thank you for all the work you've put into making these videos for those of us just getting started in Instructional Design.

[Micro_Learning]

Thank you so much. You're almost the only ID on YouTube that I'm willing to watch. Great work.

[alexbradley]

Massively helpful, thank you Devlin. The button section was invaluable! I am now going to change all my rounded corner

[bertalankoeles]

Great explanation! I love how you show the principles in practice.

[tellmesomethinggood.]

Super helpful concepts! Thanks, Devlin!

[zeinabkhalifa]

Gotta give it to ya Devlin ... this video just changed my buttons game :-) Thanks so much for sharing

[Vanthernaux]

Thanks Devlin - super solid, important advice. Appreciate your content!

[layab]

Thanks Devlin! That was really insightful.

[TheSafa]

Thank you Devlin! This is really helpful.

[turner_classic]

Great tips and very clearly explained. Thanks Devlin!

[carltonajohnson]

Great Video Devlin, some nice tips that build on your other video on Visual Design. I liked the mindset of looking at how things are done on the web and just because an authoring tools buttons naturally come in a certain shape, it doesn't mean that is the shape you should be using to create your buttons. Great food for thought.

[keriajos]

I'm new to the channel. This was so helpful

[OmarHernandez-rkwg]

You could make a whole video on Typography. So overlooked yet such an amazing skill to have. Can really take a design to the next level.

[cejosita]

i hope your audience grows! u produce great content :>

[daffodilwanders]

hi Devlin, could an ID use only an Ipad Pro for working on the design part of a project?

[cdad]

Hi, your content is very interesting. I´d like a video about UI/UX conventions that are worth keeping in a e-learning piece. For example, "an X at the top right corner of a box is to close it"; or "if you open a pop-up, you can close it by clicking/taping anywhere in the screen".
Also, a video about nice effects that, though not obligatory, make the UX better, for example: "If you close a box with information, it shrinks towards the button that opened said box".
Greetings from Mexico. Thanks!

[id_]

What Is the ideal font size you would suggest for body text and heading in portfolios? What should be the distance between the lines and kerning between alphabets?
I know this is a very novice question. I just started my work so thanks for sll your help.

[RomeohRamone]

Hi Devlin, could you do a video on how to approach design projects provided during interview steps?

[nektargirl]

Great, concise advice. I teach Graphic Design and these tips are all on point.

[subratabn]

At around 9:45 you mentioned inconsistency in illustration citing the two slightly different-looking characters on the screen. This might have been intentional-- often clients like the use of diversity in the visuals (in this case racial diversity?) and even insist that it be used as a subtle reflection of the organization's "equal opportunity employer" status and/or its inclusiveness policies.