Storyline 360: Flashback Quiz - E-Learning Examples

Customer Advocacy Manager

Flashback in time with this Polaroid-inspired quiz built in Storyline 360. This example combines the illustrations in this free download with some other nostalgic graphics to create a truly unique take on self-assessments.

See the GIF below for a quick preview, or click the Explore link for the full throwback experience.

Explore this project.

Want to try building something similar in Storyline 360, but don’t have Articulate 360? Start a free 30-day trial.

25 Comments

Marie-Pierre Dionne

4 years ago04/20/20 at 8:17 pm (UTC)

Amazing job! This looks great! Can you share the file?

Sarah Hodge
Author
Marie-Pierre Dionne

4 years ago04/21/20 at 9:11 pm (UTC)

Thank you, Marie-Pierre! I'm so sorry, but this example is not available as a download because some of the images I used aren't licensed for redistribution. I have it on my list to create something similar that people can download, so stay tuned! 😊

David Tait
Hero

4 years ago04/21/20 at 9:18 am (UTC)

Beautiful work as always, Sarah.

4 years ago04/21/20 at 9:11 pm (UTC)

Thanks so much, David!

Shirleen Wong

4 years ago04/22/20 at 9:58 am (UTC)

Oh I love this! May I know what kind of tools you use to create the GIF and what tool you use to create the HTML experience? Thank you!

4 years ago04/22/20 at 7:36 pm (UTC)

Thanks, Shirleen! I created the GIF-like animations in Storyline 360 using triggers. I'm currently writing an article on how to make GIF-like animations in Storyline, so stay tuned.😊

almost 4 years ago05/01/20 at 7:45 pm (UTC)

I'd love to read that article. Thx.

almost 4 years ago05/01/20 at 9:18 pm (UTC)

Hi Gayle! Here's a link to the article: https://community.articulate.com/articles/how-to-create-gif-like-animations-entirely-in-storyline-360

almost 4 years ago04/29/20 at 7:34 pm (UTC)

Hello again, Shirleen! Here is the article I was telling you about on how to create GIF-like animations in Storyline 360. Hope that helps. https://community.articulate.com/articles/how-to-create-gif-like-animations-entirely-in-storyline-360

Sanchit Bhasin

4 years ago04/24/20 at 5:41 am (UTC)

Hi Sarah, Can we create GIF-like animations in Storyline 3? Regards Malvika

almost 4 years ago04/29/20 at 7:41 pm (UTC)

Hi Sanchit! The article I wrote was geared toward specific features in Storyline 360, but you can still create GIF-like animations in Storyline 3 by following a few different steps. To accomplish this: 1. Create your animation 2. Duplicate the layer. 3. Add triggers to both layers to point back and forth to each other so it loops. I hope that helps.

Nikos Markatopoulos

almost 4 years ago04/30/20 at 8:16 am (UTC)

Nice interaction! Keep up the good work Sarah!

Coniqua Abdul-Malik

almost 4 years ago05/06/20 at 1:35 pm (UTC)

awesome!

Joanne Chen
Hero

almost 4 years ago05/08/20 at 3:03 am (UTC)

Beautiful and smart idea, good job!

Shahista Khan

almost 4 years ago05/11/20 at 9:45 am (UTC)

Very cool! This is such an excellent idea, and so well executed.

Jessica Oberto

almost 4 years ago06/04/20 at 5:49 pm (UTC)

Wow! This is amazing work! Do you happen to have a simpler file version you can share with us? Still a beginner and would love to learn more about what this looks like in the timeline!

Louisa Antoine

almost 4 years ago06/11/20 at 8:55 am (UTC)

Nicely done!

Corri Campbell

almost 4 years ago07/11/20 at 8:26 pm (UTC)

Love how visually clean it is, Sarah. Excellent work. Where did you get your background?

almost 4 years ago07/13/20 at 4:21 pm (UTC)

Thanks so much, Corri! I believe I got that illustrated wood background from Adobe Stock images, however, you can probably find a similar version in Content Library 360.

almost 4 years ago07/15/20 at 10:57 am (UTC)

Thank you!!!

Amy Harry

over 3 years ago12/16/20 at 11:31 pm (UTC)

How did you make the polaroid moveable by the learner?

over 3 years ago12/16/20 at 11:32 pm (UTC)

I suppose it's drag and drop.

over 3 years ago12/17/20 at 2:37 pm (UTC)

Hi Amy! Yes, I inserted the graphics and converted the slide to a freeform drag and drop. Here's the link to a free Flashcard download I made which uses a similar concept. https://community.articulate.com/download/storyline-360-flashcard-self-assessment

Jay Turner

3 years ago02/03/21 at 6:28 pm (UTC)

This is Awesome - very nostalgic!! One suggestion though: You should have a quick multiple choice then the reveal. It wasn't clear how the user knows if they are correct or not.

Kevin Stefano

3 years ago02/08/21 at 8:42 pm (UTC)

Love it! Terrific design & relevant topic ... for me at least, lol. I would love to see additional examples of your work if you are willing to share.