Top 5 eLearning Visual Design Mistakes

[@DevlinPeckYT]

Learn how to design scenario-based eLearning with this in-depth KZbin video: kzbin.info/www/bejne/oWPReJhrrb2ondk

[@AP-ms6ck]

Hi Devlin, can you do a video on project management?

[@DevlinPeckYT]

@@AP-ms6ck I can definitely add it to the list. Is there a speficic facet of PM that you'd like me to cover?

[@sallyfrancoaldridge6576]

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.

[@DevlinPeckYT]

You’re welcome, Sally! I’m glad that you’re enjoying the content. Keep up the great work 😃

[@Micro_Learning]

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

[@DevlinPeckYT]

You're welcome! I appreciate you supporting the content :D

[@alexbradley6398]

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

[@DevlinPeckYT]

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

[@bertalankoeles]

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

[@DevlinPeckYT]

Thanks Bertalan! Examples are always good haha.

[@tellmesomethinggood.]

Super helpful concepts! Thanks, Devlin!

[@DevlinPeckYT]

You’re welcome! Thanks for watching and commenting 😊

[@TheSafa30]

Thank you Devlin! This is really helpful.

[@DevlinPeckYT]

You're welcome! Thank you so much for watching :)

[@layab22]

Thanks Devlin! That was really insightful.

[@DevlinPeckYT]

Hi Laya, you’re welcome! I’m glad that it helped 😃

[@keriajos4542]

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

[@DevlinPeckYT]

Welcome to the channel! Happy to help :D

[@Vanthernaux]

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

[@DevlinPeckYT]

You're very welcome! Thanks for supporting the content :)

[@zeinabkhalifa3423]

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

[@DevlinPeckYT]

You're so welcome! Thanks for checking it out, Zeinab :)

[@sportyguy1]

I made my program more consistent by deciding on all illustrated people vs real. Such simple concepts, thanks!

[@SarahMaier]

This is very helpful, thank you!

[@DevlinPeckYT]

You're welcome! Glad to hear that :D

[@turner_classic]

Great tips and very clearly explained. Thanks Devlin!

[@DevlinPeckYT]

Hi Lee! You’re very welcome. Thanks for watching 😊

[@pamelagreene8479]

Awesome advice

[@DevlinPeckYT]

Thanks Pamela!

[@AnitaKumar2612]

Great points in here!

[@DevlinPeckYT]

Thanks Anita!

[@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.

[@DevlinPeckYT]

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!

[@mariamb4742]

GREAT CONTENT! Thanks!

[@DevlinPeckYT]

You’re welcome! Thanks for watching 😃

[@OmarHernandez-rk8wg]

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.

[@DevlinPeckYT]

For sure! Thanks for checking out the video, Omar 😃

[@cdad81]

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!

[@DevlinPeckYT]

Great suggestion! I'll put it on the list :) Thanks for watching!

[@cejosita]

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

[@DevlinPeckYT]

Thanks so much, Carmen! I appreciate that 😃

[@RomeohRamone]

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

[@DevlinPeckYT]

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?

[@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.

[@DevlinPeckYT]

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 😃

[@id_1146]

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.

[@DevlinPeckYT]

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)

[@JYoutubes10]

Hello, Devlin! Which mic and mic arm are you using in this? Thanks for the content!

[@DevlinPeckYT]

Hi Jesse! I'm using a Shure SM7B with a Rodecaster Pro. And the mic arm is the K&M 23860.

[@JYoutubes10]

@@DevlinPeckYT Thank you! Sounds very smooth 👌

[@DevlinPeckYT]

@@JKZbins10 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

[@nektargirl]

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

[@DevlinPeckYT]

Thanks, Jennifer! I really appreciate it. 😀

[@daffodilwanders4135]

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

[@JessieCarty]

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!

[@DevlinPeckYT]

Haha wow! Hopefully these ones help with that 😃

[@JessieCarty]

@@DevlinPeckYT 100%!

[@arletpolack9073]

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.

[@DevlinPeckYT]

Nice! Thanks for that Canva suggestion, Arlet. And thanks for checking out the video :D

[@vangogodesign]

At what point does consistency look boring? I have a stakeholder that wants next generation concepts.

[@DevlinPeckYT]

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.

[@wgalloPT]

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

[@KevinOlson]

It kind of boggles my mind why Storyline doesn’t allow you to customize the border radius on buttons…

[@ambirb]

Me, staring at the KZbin shop now button......