Tiny E-Learning Examples #331: Challenge | Recap
This week's challenge was inspired by a chat I had with Dave and Nejc on their E-Learning Guys podcast.
During the show, we started shar...
Published 4 years ago
Version 1.0
Blog Post
Hivemind, our ELH group is struggling with two things regarding this challenge: First, what instructional purpose would be served by using a 100x100 slide? Second, many of the Storyline characters and illustrations we've worked with look pixilated in preview. What are we missing? Any pointers or hints would be appreciated.
- This probably skews more toward a technical challenge than an instructional one, but I still think it has value in the following areas:
Mobile first design - working with smaller screen areas is a skill we all need to develop as more learning content is consumed away from the traditional desktop environment.
Layout and contrast - working with lower resolutions requires you to focus on illustrating your content in the simplest way.
Working within restrictions - sometimes we will have arbitrary conditions placed on our work by clients and stakeholders.- Great points, Jonathan!
- Thanks Jen. This challenge also made me think very carefully about some of the Multimedia Principles we discussed last week.
I may have stretched or broken a few of the principles in a 100x100 slide. But I took inspiration from small LCD touchscreens, like the ones on a FitBit.
- I was thinking the same thing...but I'm rolling with it. Thanks for the question. :)
- Hi Brenda, I came across something by accident that may help.
If you import the characters or any jpg image/illustration and then crop them in Articulate, a pixel or few should do it, the images render infocus. Not sure what is going on behind the scenes in Articulate but looks like it sharpens or saves them in a different image format when cropped in Articulate. You can also resize them larger and they are still in focus, albeit a tad soft and grainy.
Here is a test file I did on 100x100 slide, on the left are straight imports and how they render ) , on the right are the (in Articulate) cropped versions of same imports, and larger renderings on 2nd and 3rd slides. https://360.articulate.com/review/content/85d33bb7-6d77-4634-bc94-e38aaf739279/review
Image formats: https://designshack.net/articles/graphics/svg-vs-png-vs-jpg/
