Blog Post

E-Learning Challenges
2 MIN READ

Tiny E-Learning: What Can You Design on a 100x100 Slide? #331

DavidAnderson's avatar
4 years ago

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 sharing off-the-wall ideas for possible challenges. For example, Dave had the crazy idea of building a course using Storyline's minimum slide size: 100x100. 

At first, that seems painfully small. But when displayed in the player, the size is scaled much larger.

Working in such a small space creates challenges for content choices and the types of media you choose. Keep in mind that your text size will be around 3px in size. That's crazy small, but it's all vector, so it scales beautifully. 

And with Storyline's recent Text AutoFit improvements, the scrollbars can also help accommodate text that doesn't fit in the slide.

Tip: Remove the margins from your text box and shapes. This will give your text more breathing room. 

Challenge of the Week

This week, your challenge is to share an example using a slide size of 100x100. If you're using another authoring tool or PowerPoint, work within the tool's limits to use a small canvas or slide size.

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own thread and share a link to your published example..
  • Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

To help kickstart this week’s challenge, check out the creative ways course designers applied Mayer’s Multimedia Learning principles to e-learning:

Multimedia Learning Principles RECAP #330: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Published 4 years ago
Version 1.0
  • "What's the point of this challenge?" << I've now been asked that via Twitter DM, ELH, and internal channels, LOL.

    The reason I like this challenge is that it places uncomfortable design constraints on us. It flips the familiar upside down by changing the size and perspective of your canvas.

    If you find the 100x100 too constraining, don't sweat it. Just go with a larger size but keep the slide square. That alone is a good challenge.

    Please don't hate me this week. I'll come up with something, so I go through the same exercise.
    • JodiSansone's avatar
      JodiSansone
      Community Member
      Mission accomplished...it was uncomfortable. The most disorienting thing I encountered was a scrolling panel on my button because the text was too large. I didn't recognize the symbol. Also some of the entry animations don't work normally at that small size. The float in animation acted like a fast fly in. :)
      • DavidAnderson's avatar
        DavidAnderson
        Staff
        I haven't tried animations yet, but I reckon that makes sense about their speeds. I did notice the scrolling panel on my buttons, too. I didn't try adding an icon but reducing the text margins on the buttons removed the scrolling panel.

        My goal is to redeem myself and regain everyone's confidence in next week's challenge. I have over a dozen categories for challenge topics, but there are three primary personas I target. This week's challenge was more for advanced users like you who have already completed the common interaction challenges.
    • DavidAnderson's avatar
      DavidAnderson
      Staff
      "Simple but get the job done" should be made into a sign and hung on every course designer's wall.

      How did you loop your timeline?
      • SharonStahrf338's avatar
        SharonStahrf338
        Community Member
        I used a trigger that said to start over when the timeline ended.
        Sent from my iPhone
  • SusanSchleef's avatar
    SusanSchleef
    Community Member
    I created a text animation in PowerPoint and exported it as a GIF. It looks great in the GIF Viewer I have installed on my PC, But after reading some of the discussion about various problems that others encountered, I'm curious to see how mine will look in the browser. However, that's where I got stuck!

    Review360 won't let me upload a GIF. Facebook has apparently changed their rules while I've been ignoring it and I can't post it there. And it's been so long since I posted on my own blog that the prospect of logging in there feels overwhelming.

    I even tried to start a new Storyline file, thinking I would insert my GIF on a slide there. But I've never changed the slide dimensions in Storyline (since I mostly use Rise) and surprisingly David's post for this week's challenge doesn't mention anything about how to do that.

    I have dozens of tasks waiting for my attention in the current course I'm developing, so I'm giving up on sharing my 100x100px GIF unless somebody can tell me a fast and easy way to share it.
      • SusanSchleef's avatar
        SusanSchleef
        Community Member
        Hi David - I didn't try bringing the GIF into Rise. I know that works; I've used it a lot in the courses I'm working on. But I didn't think I could change the layout size in Rise so I didn't even try that.

        I was trying to just upload the GIF directly into Review360. Since I had read you could upload an MP4, I thought I'd try a GIF, but no luck with that.

        If I can find some time this weekend, I'll try creating a new tiny Storyline course and inserting my GIF so I can upload that to Review360.

        Thanks for your reply. I thought it was a cool challenge, but I've just been too overwhelmed with work projects. After spending the time on animating the GIF, I didn't have the patience to deal with the roadblocks for sharing it.
  • AmanVohra's avatar
    AmanVohra
    Community Member
    Here's my Submission: "Crack the code to open the lock"
    I tried to keep the slide size as small as possible.
    Html5 output: https://bit.ly/CrckDCod
    To see the solution/3 digit code, click "i" marker.
    • HillaSchlegel's avatar
      HillaSchlegel
      Community Member
      I also noticed this problem. I think it happens when you have downsized the Lottiefile. With original size there is no problem. I tried to downsize in ppt, but this did not help.
    • FayHsueh's avatar
      FayHsueh
      Community Member
      HI Brenda
      This is SO ADORABLE!!!!!❤️