Building on Shared Assets

Recently I created a nested timeline template in Storyline and shared the source file with the E-Learning Heroes community.

timeline-heroes

Click image to view timeline interaction.

In the spirit of sharing and showing my work, I’ve started sharing all of my source files. Not because I think I’m great and my files are the best, but because I have benefited from what others have shared in this community and feel it is only right to share what I’ve created too. Someone might be able to use a template or an interaction I’ve created to solve a problem or fill a need. Or someone might offer some helpful advice or critique that improves my design. Or, as I’ve done in my nested timeline template, someone might build upon the work others have shared.

Anyone who is part of the E-Learning Heroes community knows how amazing this community is, with its incredible user-base to it’s sharing blog posts, assets, and various tips and tricks. I’ve talked about how I feel about this community before. However, after I finished building and sharing my nested timeline example another thought struck me. This community is built on the generous sharing of many folks. I’ve used many a tip or asset I’ve found in this community in building my e-learning courses. But what is even more powerful to me is to see the many instances of building upon shared resources. Taking something someone created and adding to it, subtracting from it, enhancing it, or merely tweaking it to make it something new.

Nested Button Animation by Josh Stoner

Nested Button Animation by Josh Stoner
Click image to see it in action.

For instance, I built the nested timeline example on the work of Josh Stoner, who created a nested button animation, shared the source file, and wrote a guest-post on how he created the interaction. I was inspired by Josh’s work. I wanted to challenge myself to create another way to utilize the interaction.

Another instance of building upon shared resources, is the 10-minute E-learning Template Transformations series of posts written by Trina Rimmer. (full disclosure: Trina reworked one of my templates)

10-minute-transformFor each post, Trina took a community-shared template and completely reworked it with a different look and feel, and a different topic. The focus here wasn’t to take someone’s work and make it “better.” Quite the contrary. Trina saw something in each of the templates that she could build upon and make into her own version. Rather than re-creating the wheel, she worked from a solid base (that was freely shared in the community) and created something new. And, in the process, probably inspired someone else to build off of what she created!

Thermometer Progress Meter by Bruce Graham

Thermometer Progress Meter by Bruce Graham
Click image to see it in action.

David Anderson frequently uses this technique in constructing the weekly E-Learning Heroes Challenges. He usually presents the challenge and then provides several examples of similar creations either from the Heroes Community or from cool interactions he’s found on the Internet. For example, in the Progress Meters in E-learning challenge, he used the source files provided by community members Jeff Kortenbosch, Alexandros Anoyatis, and Bruce Graham as examples of how to make progress meters. By providing the source files, other community members could “look under the hood” and perhaps find inspiration in creating their own progress meter.

game-template

Steal this Template by Jackie Van Nice
Click image to see it in action.

Sometimes David finds inspiration in one community member’s source file and builds a challenge around it, such as using Jackie Van Nice‘s template in the Steal This E-Learning Template challenge.

 

As another example, Tom Kuhlmann frequently gives kudos to community members in The Rapid E-Learning Blog. In his post, Over 800 E-learning Examples to Inspire Your Course Design, he mentions an interaction created by Melissa Milloway. Tom shares the interaction, talks about reworking it, and then shares his reworked version. Tom explains how he built upon Melissa’s interaction by stating:

Melissa’s demo had me wondering what I’d do to make the diver look like he was changing position as he was dragged. I also wanted to include some air bubbles for effect. So I took her idea and then played around for a few minutes and created this.

Scuba Steve by Melissa Milloway

Scuba Steve by Melissa Milloway
Click image to see it in action.

Tom Kuhlmann's version of Scuba Steve

Tom Kuhlmann’s version of Scuba Steve
Click image to see it in action.

 

 

 

 

 

 

 

The point I’m trying to make is that sharing is more than just posting your course, template, interaction, etc. in the community. Sharing involves interaction. Building on shared assets is a win-win all around. The person sharing gets to see their work re-purposed or enhanced. The person building upon the original work has seen the value of someone else’s work and used it as a starting point for their own creation. Finally, the rest of the community benefits by having access to two shared examples. And who knows? Someone else make take those two examples and build another. How are you sharing your work? Are you interacting with others in the community? Are you sharing built assets or building on shared assets?

 

E pluribus unum: Building a single-slide template

Of late, I’ve been focusing 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 to know the company” motif for use in an onboarding course. This started out as a full-blown course template, with each menu item linking to a separate slide. The beauty of building in Storyline is that you can always find multiple ways to create the same thing. In the end, because I’m on this one-slide kick, I went that route.

I went for a clean and minimal design. It’s short and sweet. I really like using washed out background images and layering them with transparent shapes (in this case the purple menu and content blocks).

corporate-timeline

For some good examples of making your own background images, check out this E-Learning Heroes challenge.

I’m including the source file if you would like to tinker with this template.

Launch Demo

Source File

Working Out Loud – 30 Minute Slide Makeover

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