Storyline 360: Getting Started With E-Learning - E-Learning Examples

Creative Director & Owner

This Storyline 360 course for e-learning newbies is proof that even complex concepts can be broken down into bite-sized courses.

36 Comments

deb potts

4 months ago08/13/19 at 3:46 pm (UTC)

Please subscribe mcote@lanl.gov

Dawn Mann

4 months ago08/13/19 at 5:33 pm (UTC)

I love this design!

3 months ago08/29/19 at 3:18 pm (UTC)

Thank you, Dawn!

Danielle Goldsmith

4 months ago08/13/19 at 11:16 pm (UTC)

Hi, Sarah! This is an awesome example! I have a quick question -- how did you allow the user/learner to save their progress? Is it loaded to an LMS? I have a project I am working on and the client is interested in a web-based training, but they want to have the learner save their progress. Thanks! Danielle

Sarah Hodge
Author
Danielle Goldsmith

3 months ago08/29/19 at 3:32 pm (UTC)

Thanks, Danielle! I hosted this course on Amazon S3. It's not designed to be a web server or LMS. I just created a mock example of a save function. Since I have a lot of layers on the STEPS slide, I was able to "save" by following this awesome blog tip by @MikeEnders and @KateHoelscher. http://blogs.articulate.com/word-of-mouth/save-states-slide-upon-resume-storyline/

1 month ago11/04/19 at 8:07 am (UTC)

I think that the save data is stored in browser Local Storage (if you change machine and browser the progress is not going to be saved)

Deepa Jaisinghani

4 months ago08/16/19 at 6:04 am (UTC)

This is wonderful.. Can i ask what is the slide size that you have used?

Sarah Hodge
Author
Deepa Jaisinghani

3 months ago08/29/19 at 3:34 pm (UTC)

Thank you, Deepa! I used a custom story size: 1280 width x 720 height

Michael North

4 months ago08/19/19 at 8:53 am (UTC)

What a beautiful refined example Sarah!

3 months ago08/29/19 at 3:34 pm (UTC)

Thanks so much, Michael!

Garth Philpot

4 months ago08/20/19 at 11:38 am (UTC)

great work, are you drawing all of those characters or do you have a magical resource for illustrations.

3 months ago08/29/19 at 3:36 pm (UTC)

Thank you, Garth! I found the characters on Adobe Stock, which can be a magical resource :). I like the wide selection and it saves a ton of time.

Casey Nevins

4 months ago08/20/19 at 10:46 pm (UTC)

Love your design Sarah. Thank you for sharing.

3 months ago08/29/19 at 3:37 pm (UTC)

Thank you for the kind words, Casey!

Jordann Lucero

4 months ago08/21/19 at 6:08 pm (UTC)

Is that first graphic with the turning gears a GIF? Or how did you get that continuous movement?

3 months ago08/29/19 at 3:42 pm (UTC)

Although I do love a great gif, I used the animation spin option to make each gear turn. Two are set to clockwise and the other two counterclockwise for 15 seconds. I set the slide to jump back to the same slide when the timeline ends so the animation never ends.

Tod Altheide

4 months ago08/22/19 at 2:43 pm (UTC)

Very cool concept Sarah. I also stumbled on your slidesugar.com site with some great examples or your teams work...thanks for the free templates as well. Hope to see you at DevLearn 2019!

3 months ago08/29/19 at 3:45 pm (UTC)

Thank you so much for the kind words, Tod! It would've been awesome to see you at DevLearn this year, but I'm unable to make. Hope you have the best time! I had a great experience last year.