Month: September 2014

Sliding Along with Storyline 2

I was one of the lucky folks that got to beta test Storyline 2 and lemme tell ya’ – it was hard to hold my tongue.  I am so happy that it was officially released last week so I can share my excitement about this upgrade! So happy that, for the next few weeks, I will be blogging about just how excited SL2 makes me.

One of the features I have had lots of fun playing with are the sliders. I had built a couple of “sliders” in SL1 but they just never really worked how I wanted them to. Storyline 2 makes it SO easy!

Slider features

What makes sliders a great new feature is a combination of things.

  • Obviously #1 is that you can now easily create a dragging action that is constrained to 1 dimension.
  • Each slider can be tied to a variable of your choice. Yep, sliders can control variables attached to other items in your file.
  • You can completely customize how a slider looks. 100%. Totally customizable.

How does this make me feel?

Some basic examples

The videos below walk you through a couple simple examples that I created using SL2. You can click on the image above to demo these sliders yourself.

 

 

Advanced sliders

Want a more custom look? Want your slider to act like a 1D drag and drop? Want to create a scrolling panel? You can click the happy image above (or right here) to see some fancier sliders in action. Maybe some day soon I will get around to creating screencasts for these as well, but in the meantime you can download the source file for all 4 of these slider interactions. Have fun!

2014-09-25_15-32-39
Advertisements

Welcome to My (Flat) World

This week’s eLearning Heroes Challenge was to create a flat office or desktop theme based on your own work space. I love the visual design challenges so I jumped into to this one wholeheartedly!

What is flat design?

For the visual design newbies out there, flat design is a style that focuses on making images look simple, rather than realistic.  It’s 2D rather than 3D with minimal shadows and shading and is very clean and modern. It is also really easy to create flat images using just some basic shapes!

My inspiration

photoHere is a picture of my work space.  It’s cluttered (though not as cluttered as it was yesterday!).
Because of that, I decided to use it as inspiration rather than create an exact replica.  I actually tried making a close replica at first and boy was it
terrible.  Perhaps this means I need to simplify my office set up?

Well, that’s a question for another day.

My design

I ended up cutting out some of the desk shelving and moving the cork boards over to that area instead. I also cut out all the stacks of papers and magazines and flies as well as 4 of my 5 pencil cups.  I don’t know why I have so many pencil cups but I’m sure it is someone else’s fault.

2014-09-16_11-43-53I decided to keep my most fun element, a panda shaped pencil sharpener and mini shredder (you turn its tail to make either action happen), along with my yellow walls. I also added in my cat on top of the printer as that is her favorite napping spot when I’m in the office.

Adding some interactivity

In theory, this would be used as a setting for an interaction.  I think it would be a little crowded to use as a simple background. So I went ahead and added some interactive elements into it. You can drag the pencil to the panda to sharpen it, view “videos” by clicking on the webcam or first monitor, read an excerpt from one of the books, or view documents in the inbox, on the cork board, and from the printer.

Click on the image above to check it out and let me know what you think!  You can also download the source file to use or pick apart at your leisure.

Postscript: While my office has a PC desktop setup, I actually created this on my brand new Macbook Pro while sitting on the sofa in my living room… Just another person prodding Articulate for a native Mac version of Storyline. (Yes, I have put in a feature request!)

A Challenging Challenge

If you stopped by my home page today you might have noticed something new – a video!  I created it as part of this week’s eLearning Heroes Challenge. I have to say, I was really nervous about this one. I like creating eLearning precisely because I am not front and center!  Plus I don’t have a great webcam or a nice looking space in which to record.

But I told David I would participate in this challenge so I couldn’t very well back out. Plus, I think this challenge was really about embracing low-end solutions to create a quality product. And you know what?  I think I did just that.

Just in case you also want to incorporate some webcam video into your website or trainings, here’s a quick recap of my tools and process. Be sure to click over to the home page or read till the end to check out the finished product.

Camera

The webcam I have on my desktop computer is a Logitech HD webcam. I have previously only used it for Skype but found that it had a pretty good video and audio quality for this project.

Recording studio

My super professional set up was, well, not so super professional.

photo 1     photo 4

I think part of what made this challenge interesting was the point that webcam video can be of decent quality and is a lot easier to incorporate than using more professional video tools. So, I moved a few things from the back of my office (I keep my bike there and didn’t want that in the shot) and amped up the lighting by adjusting my monitor brightness and turning on a lamp I don’t normally use.  I also had to close my window blinds as the glare from the window was extremely bright. And voila!  Instant recording studio.

Software

I decided to give Articulate Replay a shot for this challenge.  It came free with my Storyline license but I had yet to open it up and try it out. While the editing capabilities are pretty limited, it was an easy way to add lower thirds and switch between different variations of webcam, screen share, and picture in picture formats.

Process

First, I wrote a script.  Ok, actually first I tried a shot without a script. Then I realized that was a horrible mistake and immediately wrote a script.  So if you’re trying this out – write a script first. While I was writing the script, I also created a short PowerPoint presentation that I could use as some B roll footage.

I did a couple of short takes of the first few sentences, adjusting my lighting and webcam settings in between, until I found a set up that worked.

Then I did two or three takes with everything in place, just of me talking straight to the camera. (Along with my surprise guest!)

Then I recorded a screen share of my PowerPoint.  I decided to record these separately because I had a hard time remembering what I wanted to say while also operating the PowerPoint. I must be getting old. Luckily Replay makes this easy and it didn’t really matter when it came time for editing!2014-09-12_10-20-34

Editing

This was the easiest part!  Replay was a cinch. I just chose where I wanted to start and end each take, where to start my screen share, and where to put my transitions.  In addition I added a lower thirds caption to the beginning and the end which took about 30 seconds. The reason editing is so easy is that I just listed all of the editing possibilities in Replay.  It can’t do a lot but it makes simple video editing so easy my Grandma could do it.

And that’s it!