Top 5 eLearning Visual Design Mistakes
Вставка
- Опубліковано 2 чер 2024
- 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!)
Visual Desgin Principles for eLearning: • Visual Design Principl...
Applying Visual Design Principles to eLearning: • Applying Visual Design...
Where to Get eLearning Graphics: • Where to Find Graphics...
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**
The Non-Designer's Design Book: amzn.to/3kP0reO
Map It: amzn.to/3f137mR
eLearning and the Science of Instruction: amzn.to/3kNuBiF
Design For How People Learn: amzn.to/3CLtrNM
Michael Allen's Guide to eLearning: amzn.to/31ZUbJB
**My Gear Setup**
Camera: amzn.to/3gulMr0
Lens: amzn.to/2EgrkZb
Mic: amzn.to/34DcBCp
Full writeup: www.devlinpeck.com/posts/vide...
#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
Learn how to design scenario-based eLearning with this in-depth UA-cam video: ua-cam.com/video/k2nGe5xXugw/v-deo.html
Hi Devlin, can you do a video on project management?
@@AP-ms6ck I can definitely add it to the list. Is there a speficic facet of PM that you'd like me to cover?
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.
You’re welcome, Sally! I’m glad that you’re enjoying the content. Keep up the great work 😃
Thank you so much. You're almost the only ID on UA-cam that I'm willing to watch. Great work.
You're welcome! I appreciate you supporting the content :D
Super helpful concepts! Thanks, Devlin!
You’re welcome! Thanks for watching and commenting 😊
Great tips and very clearly explained. Thanks Devlin!
Hi Lee! You’re very welcome. Thanks for watching 😊
Massively helpful, thank you Devlin. The button section was invaluable! I am now going to change all my rounded corner buttons!!!!!!
Hi Alex, you’re welcome! You’re not alone in using those buttons. I used to use them all the time and many other instructional designers do too. The closer we can mirror the experiences people are already having on the web, the better. 😀
Thanks Devlin - super solid, important advice. Appreciate your content!
You're very welcome! Thanks for supporting the content :)
Thanks Devlin! That was really insightful.
Hi Laya, you’re welcome! I’m glad that it helped 😃
Great explanation! I love how you show the principles in practice.
Thanks Bertalan! Examples are always good haha.
Thank you Devlin! This is really helpful.
You're welcome! Thank you so much for watching :)
This is very helpful, thank you!
You're welcome! Glad to hear that :D
GREAT CONTENT! Thanks!
You’re welcome! Thanks for watching 😃
Great points in here!
Thanks Anita!
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.
Thanks so much, Carlton. Once I started trying to mimic the experiences I was seeing on the web, my visual design skills improved a lot. Glad that takeaway helped you too!
Gotta give it to ya Devlin ... this video just changed my buttons game :-) Thanks so much for sharing
You're so welcome! Thanks for checking it out, Zeinab :)
I made my program more consistent by deciding on all illustrated people vs real. Such simple concepts, thanks!
I'm new to the channel. This was so helpful
Welcome to the channel! Happy to help :D
Awesome advice
Thanks Pamela!
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!
Great suggestion! I'll put it on the list :) Thanks for watching!
Great, concise advice. I teach Graphic Design and these tips are all on point.
Thanks, Jennifer! I really appreciate it. 😀
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.
For sure! Thanks for checking out the video, Omar 😃
i hope your audience grows! u produce great content :>
Thanks so much, Carmen! I appreciate that 😃
See, I do still have videos have not finished! As I'm working on my flagship visuals I am working through anything to do with design!
Haha wow! Hopefully these ones help with that 😃
@@DevlinPeckYT 100%!
Great point on the mixed illustration styles - such a bummer when people mix those throughout. I love that in Canva, it recommends graphics from the same "folder", so you're motivated to keep the same graphics throughout.
Nice! Thanks for that Canva suggestion, Arlet. And thanks for checking out the video :D
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.
For sure! It’s great to include a diverse cast of characters in an eLearning project (and this is the norm for most projects these days). The consistency was more about the illustration style itself. We want people to have the same level of detail, same line stroke, etc. Hope that clears things up 😃
hi Devlin, could an ID use only an Ipad Pro for working on the design part of a project?
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.
Hi! I don't have a hard rule on that, but I would suggest keeping the kerning whatever the default is. And for font sizes, a good rule of thumb is to double the font size every time you want more hierarchy (heading, subheading, and body text for example)
Hi Devlin, could you do a video on how to approach design projects provided during interview steps?
Hi Romeoh, that sounds like a great idea, but I imagine that the project / approach can vary quite a bit based on the design challenge. What kind of design project / challenge are you coming across the most in your applications?
Hello, Devlin! Which mic and mic arm are you using in this? Thanks for the content!
Hi Jesse! I'm using a Shure SM7B with a Rodecaster Pro. And the mic arm is the K&M 23860.
@@DevlinPeckYT Thank you! Sounds very smooth 👌
@@JUA-cams10 Thanks! I also invested a bit in getting sound panels set up around the room. Really wanted to get the audio right in this new office...so thanks for noticing :D
It kind of boggles my mind why Storyline doesn’t allow you to customize the border radius on buttons…
At what point does consistency look boring? I have a stakeholder that wants next generation concepts.
Good question! I'm not sure there's a clear answer to it, though. Consistency generally helps with the user experience and helps minimize any unnecessary cognitive load. So if you're going to break consistency, I guess we would want a strong reason to do so.
@@DevlinPeckYT It can be confusing adopting or following new trends and at the same time trying to follow a few of the rules above. I have seen websites where the creativity changes multiple rules and the website look unique in terms of creativity...
Me, staring at the UA-cam shop now button......