David Lindenberg

  • Home
  • Blog
  • Resources
  • Contact

You are here: Home / elearning / Working Out Loud – 30 Minute Slide Makeover

Working Out Loud – 30 Minute Slide Makeover

October 8, 2015 By David 2 Comments

I recently shared a video menu template in the E-learning Heroes forums. Here is a screenshot of what it looked like.

nature-image

I was happy with how it turned out and thought I would share it with the Articulate community. I knew it was pretty specific, what with the nature theme and all. It would have to be re-worked (new images, new videos, etc.) to be of use to most people (unless you happen to work for a nature organization). But, I thought it was a decent base to work from.

However, over the next few days, I started thinking more and more about the design. I started thinking about being a new or relatively new Storyline user. Would I take the time to swap all of that out? Would I be overwhelmed with the thought of doing that? Would I think, “It’s nice, but I need something more practical or suited to a work environment?” Would I look at it and think, “This has no business relevance to me. How could I use this at my company?”

And so, within a few days of creating this template, I was already thinking about how I could improve it. I still think it is a decent template. But, I think it might be easier for someone to imagine using it if it had a different look and feel.

I didn’t want to start from scratch. I felt the basic structure was solid. I decided to go with a more modern, casual look (laptop, coffee, etc.) I used this image as my background.

coffee-shop-image

 

 

 

 

 

Rather than clicking on each image to view a separate video layer, I wanted it to be a bit more seamless. I decided to ditch the linked images. Next, I made the labels smaller and made those the links to the videos.

new-navigation-image

 

 

 

 

 

I clipped the sizes of the videos so they would fit next to the labels where the old linked images were located. I added hover states to the labels for better clarity.

layer-one-selected-image

 

 

 

 

 

I decided to leave the CLOSE button for each video layer. The learner can either close each layer, and return to a blank space with the “Select a topic to learn more” text or click through each of the labels to start a new video. Since the video layers each have a Fade transition, the fade in and out from one video to the next works particularly well.

layer-one-close-image

layer-two-selected-image

 

 

 

 

 

Finally,  I changed the color of the banner background at the bottom to align with the label links. I think this pulls the slide together a bit better.

banner-bottom-image

While I liked the first template, I’m more satisfied with the look and feel of this one. Hopefully, it will be a bit more appealing and easier to re-purpose.

So, what do you think? I’d love to hear your thoughts. I’m including source files for both templates. Happy Storylining!

 


 

NEW TEMPLATE

banner-bottom-image

Launch Demo

Source

 

 

 

 

OLD TEMPLATE

nature-image

Launch Demo

Source

 

Filed Under: elearning, WOL

Trackbacks

  1. E pluribus unum: Building a single-slide template says:
    October 15, 2015 at 1:35 am

    […] a lot on single slide design. I recently shared a video menu template and then revamped it into another video menu template. For this go-round, I decided to create a single slide template that could be used as a “get […]

    Reply
  2. Starting to Work out Loud says:
    February 27, 2016 at 9:05 pm

    […] returning to the exercises on how to start working out loud. I’ve done some of this in the past, but I want to be more deliberate about it and make it a habit. In chapter eight Stepper discusses […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

What I do

Over the last ten years I’ve had the privilege to work as an instructional designer in the corporate learning space and also as a freelance ID/e-learning consultant.

I’ve designed and built courses, job aids, video tutorials, and yes, paper training manuals in the areas of software, sales, compliance, customer, IT security, data protection, healthcare, financial, and more.

Need help?

Need help on an e-learning project? Need a course or maybe just an interaction? Not sure what you need? I can help with that too. Courses aren’t always the right solution for your business need. Let’s connect.

Connect

  • LinkedIn
  • RSS
  • Twitter
  • Home
  • Blog
  • Resources
  • Contact

Copyright © 2021 David Lindenberg · Minimum Pro Theme On Genesis Framework