E-Learning Challenge #23: Decision Map to Branching Scenarios Posted Friday, February 14, 2014 at 7:57 PM

Add to Favorites

Remember last year’s e-learning challenge, where we looked at transforming static infographics into interactive infographics? You guys came up with some amazing examples making that one of our most popular challenges.


Last week, an infographic from Inc.com resurfaced. The infographic is really one large simulation map to help managers determine their leadership style.

 

View the infographic

 

There’s even an interactive version of the same infographic.

 

View interactive infographic

 

Since both of these infographics are similar to the branching scenarios we build in e-learning, they make the perfect starting point for a weekly challenge!


This week’s challenge

This week your challenge is to build a branching interaction based on the What Kind of Leader Are You? infographic.


This challenge is all about interpreting an existing simulation map and bringing it to life. Use whatever design style you like. This can include using characters, boxes and arrows, LOL Cats or anything else you can dream up. We just want to see what you can come up with using the infographic as a starting point.


Tools

You can use Articulate Storyline, Articulate Studio ’09, Articulate Studio ’13, or PowerPoint to create your branching simulation.


Resources

Here are some scenario resources to help you get started:


Blog posts

Forum discussions

Tutorials

Sharing your examples:

  • Comments: Use the comments section below to share a link to your published project. The comments section allows links but not attachments. If you have a question or want to share your source files, you should use the forums.

  • Forums: Create your own thread in our E-Learning Heroes forums and share a link to your published source file. You can also attach your project files if you’d like some help or feedback.

  • Personal blog: Post your published example on your own blog and place a link in the comments below.

Last week's e-learning challenge

 

To help you find the critical path for this week’s branching challenge, take a look at the highlights from last week’s e-learning games:


Note:

The weekly 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. We’ll feature your work and provide feedback if you request it.


It’s your week to branch out, E-Learning Heroes!


Post written by David Anderson

______________________________________________________________________________

 

Even if you’re using a trial version of Studio ’13 or Storyline, you can absolutely publish your challenge files. Just sign up for a fully functional, free 30-day trial, and have at it. And remember to post your questions and comments in the forums; we're here to help. For more e-learning tips, examples, and downloads, follow us on Twitter.


 

 

 

41 comments so far

Jackie Van Nice

510 posts

Posted Monday, February 17, 2014 at 2:29 PM

Hi David - As always, I don't know if this is what you had in mind, but it was fun to build! I may do more to it (I was hoping to add audio), but I'm just out of time for the moment.

Hope you like it!  www.trainingstone.com/.../story.html

User Rank Jeff Kortenbosch

907 posts

Posted Tuesday, February 18, 2014 at 2:24 AM

Jackie, I've seen several of your entries now and I must say I love your animation style. It truly adds value and pulls me into the content you're presenting. Well done!

Gemma Henderson

46 posts

Posted Tuesday, February 18, 2014 at 7:14 AM

I'll join in that one Jeff, Jackie, I loooove the animations to the type - clever and they really work well in this challenge! Great submission :)

Jackie Van Nice

510 posts

Posted Tuesday, February 18, 2014 at 7:30 AM

Thanks so much, Jeff and Gemma! I still want to add some audio to work in league with the animations - but I'll see how it goes.

Eric Praline

4 posts

Posted Tuesday, February 18, 2014 at 2:05 PM

Amazing work Jackie!

Did you build all those animations in Storyline?

Jackie Van Nice

510 posts

Posted Tuesday, February 18, 2014 at 10:29 PM

Hi Eric - thank you so much! Yes, all of the animations were done in Storyline. They were all simple fade-in or fly-in animations at speeds from very slow to fast.

The only funky thing I did was when I wanted the word "Direction" to animate in backwards and then forwards. For the backwards part I saved down the text box with the word "Direction" in it as a PNG. Then I inserted it into Storyline as an image and flipped it horizontally.

Paul Alders

229 posts

Posted Wednesday, February 19, 2014 at 8:05 AM

Thanks for sharing this great example Jackie. I also want to recommend everyone to visit your blog.  Great job!

Mohammad Hassam

76 posts

Posted Wednesday, February 19, 2014 at 8:53 AM

Amazing Training Material Jakie. :) Thanks for sharing the resources.

Curtis Pembrook

10 posts

Posted Wednesday, February 19, 2014 at 11:36 AM

Hi Jackie! Nice work on both the Olympic and Leader interaction!

Erin Hayes

10 posts

Posted Wednesday, February 19, 2014 at 12:36 PM

This is really great!  Thanks for sharing, Jackie!

Jackie Van Nice

510 posts

Posted Wednesday, February 19, 2014 at 3:28 PM

Hi Paul - Thanks so much for recommending my blog!

And Paul, Mohammed, Curtis, and Erin - you've made my day! I'm so glad you like and/or can use anything I did.

Kimberly Bourque

137 posts

Posted Thursday, February 20, 2014 at 11:43 AM

Jackie--I'm going to echo everyone and say that I really love how you did this! My brain is scrambling as to how the back-end is pulled off to get to the final slide, but that's the mission at hand, is it not?

Jackie Van Nice

510 posts

Posted Thursday, February 20, 2014 at 4:18 PM

Thank you so much, Kimberly! If you do decide to mock this up in Storyline, you'll see in Story View that it's not as complex as the original infographic makes it seem. As always, Storyline helps create order out of chaos.  :)

Kimberly Bourque

137 posts

Posted Thursday, February 20, 2014 at 6:03 PM

You are right, Jackie! I finally finished my challenge file and it was "fairly" easy. I was thinking variables would be involved, but nope, simple linking to other slides.

I definitely need more scenario practice, sadly though I need more practice WRITING the scenario and that's tough depending on the subject.

Here's my version: Weekly Challenge

Dan Sweigert

165 posts

Posted Friday, February 21, 2014 at 7:58 AM

Hey Jackie, As always, excellent job! I really love the way you introduced the headings in various creative ways that also supported the meaning of the content. Kimberly, I liked the way you let the person choose what kind of leader they thought they were and then had them answer the questions to see if it confirmed their initial impression. It kind of added a little drama to it. Both of you also took what was kind of a complex looking flow chart into something much more simpler looking and fun. Great work!

Gemma Henderson

46 posts

Posted Friday, February 21, 2014 at 8:37 AM

Kimberly - I love the approach you took with your scenario! Really clean design.

Phew, here's my attempt, albeit a tad late :D Sorry! If anything behaves badly, please do let me know.

I do want to add more to it, so users can view all the leadership profiles similar to Kimberly's design, but for now enjoy!

http://bit.ly/LeaderE

I'll annoy you with a blog post later. Promise.

Dan Sweigert

165 posts

Posted Friday, February 21, 2014 at 8:45 AM

Nice work Gemma, I loved the prehistoric theme you used and the way you employed it to illustrate and support the various options.

Dan Sweigert

165 posts

Posted Friday, February 21, 2014 at 8:50 AM

Gemma, there is one little thing I would add. When you get the feedback telling you what kind of leader you are, I think it would help to start with "You're the..." because when I got to the end of the questions, I didn't immediately discern that it was telling me what kind of leader I was, it just said "the such and such". But overall, it was a very creative and well put together design.

Kimberly Bourque

137 posts

Posted Friday, February 21, 2014 at 8:52 AM

Thanks, I really wanted to work in a comparison of what you thought and what your end result ended up being, but knew that would take a bit more time.

Gemma--I really need to figure out how to get things loaded into googledrive as easily as I can get them in dropbox so that I have more space to spread out my challenge course files. I've tried a couple of times and followed instructions found here to no avail.

I love the look and the graphics. What gave you the idea to go the prehistoric route?

Kimberly Bourque

137 posts

Posted Friday, February 21, 2014 at 8:59 AM

Gemma--I just checked out your previous challenge for the Olympics course and wow! It is so thoughtfully designed and fun. I'll be using it for some MUCH NEEDED inspiration in an upcoming course that i've been in a holding pattern of designer's block for a few weeks now.

Gemma Henderson

46 posts

Posted Friday, February 21, 2014 at 9:38 AM

Dan - THANK YOU! I was staring at those final slides thinking "I need to do something here...it feels disconnected". I just updated it with your advice - thank you again.

Thank you Kimberly. In terms of the prehistoric route idea. I actually was Googling images in relation to 'motivation' for the first prompt, and of course came across a T-Rex picture.   Since David said we could use 'LOL Cats' I thought a dino or two couldn't hurt!

To use Google Drive. I actually followed this guidance:

community.articulate.com/.../how-to-share-your-e-learning-course-for-free-with-google-drive.aspx

As for the Olympics course - thank you, it was fun to create! As I often do these challenges in an intense rush/block, the files are a bit messy, but I do want to clean them up and release them to the community, so hopefully that can help with designer's block!

Kimberly Bourque

137 posts

Posted Friday, February 21, 2014 at 9:47 AM

I really would love some type of one-stop shop for inspiration. Screenshots are fine anything with designs, ideas for designing question screens/feedback, slide layouts, etc. That would help us all with designer's block from time-to-time!

Posted Saturday, February 22, 2014 at 8:22 AM

@Kimberly - David Anderson posts design ideas here:

http://multimedialearning.com/

And, I think he surfs the New York Times online edition for fresh ideas as well.

Posted Saturday, February 22, 2014 at 8:22 AM

@Kimberly - David Anderson posts design ideas here:

http://multimedialearning.com/

And, I think he surfs the New York Times online edition for fresh ideas as well.

User Rank David Anderson

3,102 posts

Posted Saturday, February 22, 2014 at 8:51 AM

I have a site where I track a lot of interactive graphics, mostly from multimedia journalism: http://elearningexamples.com/

Cathy Moore does a great job finding e-learning examples, too: blog.cathy-moore.com/.../elearning-samples

Kimberly Bourque

137 posts

Posted Saturday, February 22, 2014 at 8:56 AM

Thank you! These have all been bookmarked.

El Burgaluva

173 posts

Posted Saturday, February 22, 2014 at 7:49 PM

I had a crack at this one. You can check it out here:

www.educationbreakthrough.com/demo-what-kind-of-leader

When I have time, I'll do a write-up of how I approached it as well as shine some light under the hood.

Okay, now to check out the other entries for more inspiration!  

All the best,

Leslie

User Rank David Anderson

3,102 posts

Posted Sunday, February 23, 2014 at 8:57 AM

Nice demo, Leslie. I really liked the fly-out menu effect you created. Looking forward to your blog post!

Dan Sweigert

165 posts

Posted Sunday, February 23, 2014 at 9:25 AM

All right everyone, here's my submission. It's a game called "Play That Instrument".

cropcirclecollective.com/.../story.html

I hope you enjoy!

Dan Sweigert

165 posts

Posted Sunday, February 23, 2014 at 9:30 AM

Oops, I meant to post this in the current week's challenge of creating a game instead of  this decision map.

Kelly Prince

49 posts

Posted Tuesday, February 25, 2014 at 8:54 AM

The direction flip supported the context perfectly. You are quite a talent!

Kelly Prince

49 posts

Posted Tuesday, February 25, 2014 at 8:57 AM

Jemma: I love yours too!  The dinosaur theme really works, and the visual design is great!

Jackie Van Nice

510 posts

Posted Tuesday, February 25, 2014 at 9:12 AM

Gemma - I'm finally back in my office and can see your beautiful dinosaur creation I've heard so much about! (I wasn't able to see it on mobile devices while traveling, and maybe you already did this, but if you check the boxes to "Include HTML5 Output" and "Use Articulate Mobile Player on iPad" when you publish, it'll make it more accessible. Even if you didn't completely design it for mobile, it still helps to give the user an idea of what you created.) But I really love what you did. Hugely creative and beautiful graphics. So nicely done!  

Kimberly - Really nice idea to have people predict which type of leader they are. Very creative!

Kelly - Thank you!!

Paul Alders

229 posts

Posted Wednesday, February 26, 2014 at 6:08 AM

Hi everyone, here is my entry for this elearning challenge. A little bit late, but for this one I  thought of another approach.

I hope you like this one;

googledrive.com/.../0B2EIFL8vlRrpb2g3dEhkLUN1cFE

Thanks

User Rank David Anderson

3,102 posts

Posted Wednesday, February 26, 2014 at 6:50 AM

Hey Paul that looks really great! You'll have to write up a blog post to share how you put that together.

Did you do the voice over, too?

Jackie Van Nice

510 posts

Posted Wednesday, February 26, 2014 at 7:28 AM

Boy was that a lot of work, Paul! Nicely done. Which speed drawing tool did you use? Like David, I also wondered if you did the voiceover. Thanks for sharing!

Paul Alders

229 posts

Posted Wednesday, February 26, 2014 at 12:14 PM

David / Jackie - Thx, Actually I was looking for a new way of blogging when I bump into VideoScribe. After playing around with my own Voice Over and the footage I thought it would be fun to combine this tool with the many possibilities that Storyline has to offer. I will post a blog about how I put this together asap.

Thx

User Rank Jeff Kortenbosch

907 posts

Posted Wednesday, February 26, 2014 at 1:56 PM

That looks pretty sweet Paul, as do the other examples. Great entries this week!