The 5 Most Popular E-Learning Templates in Articulate Storyline 360

[@cbtcafe]

Detailed outline of each step in the tutorial: 01:22 - Elearning tabs templates are a great way to chunk content into meaningful sections-or tabs-so learners can remain focused in the moment without jumping out to new slides. 20:15 - Unlike tabs interactions, labeled graphics don’t require a structured layout. Labeled graphics use small buttons (called markers) that can be placed anywhere over an existing, static slide to transform it into something more explorable. 33:21 - Sorting activities are a great way to evaluate a learner’s ability to identify items by dragging them to different drop targets. One of the most common versions of this activity is designed around whether items should be kept or discarded. 44:13 - Articulate Storyline 360's freeform pick-one question behaves like a multiple-choice question, but instead of using text as your answer choices, you can use objects-pictures, characters, shapes, buttons, and more. 52:50 - Elearning step graphics are interactive explanations that make it easy for learners to sequentially walk through a process, workflow, procedure, or related items. They can be used for all types of learning interactions, from procedural training to interactive storytelling. 56:17 - Analog flashcards translate really well to e-learning. They give learners a chance to challenge their understanding of course topics and receive immediate feedback on their responses.

[@danielk1ss]

Great video David. I like the custom made markers but I haven't made them for more than a year now since I realized the text in the state is not shown in the translation documents so I wouldn't recommend to put any text in a state if the e-learning is going to be translated. I haven't tested it now. Has Articulate fixed it? It's annoying especially when you have a textbox with lots of content in it and the content is different in every state. Only the text in the base state was shown in the translation export. Anyway, at least this was my experience with it. As long as you are not planning to translate the course it's fine.

[@cbtcafe]

@@danielk1ss Good news, Daniel. That issue has been fixed for some time now in SL360. But good point and reminder to test and test and test when you're trying new ideas and features.

[@Kwintessential2]

Great video

[@Mr02101986]

would you please let me know how to use variables in articulate 360

[@edwardsimmons3721]

Excellent tutorial.

[@cbtcafe]

Thanks! Glad to hear you found it helpful.

[@mrs.nadiakay]

I have been an Instructional Designer for more than 5 years. We used Adobe Captivate to develop our courses. We're switching from Adobe Captivate to Articulate Storyline. I just installed the software today. I learnt alot from this video, it really helps. Thank you so much!

[@cbtcafe]

Congrats on your subscription, Nadia! And thank you so much for the kind words regarding this video. Your Articulate 360 subscription gives you unlimited access to our training webinars. You can find them on our training hub: training.articulate.com/webinars?category=storyline

[@MikeA15206]

David, you are such a good instructor, and training designer! Seriously, nicely done!

[@cbtcafe]

Thanks so much, Mike! Can't say enough how much I appreciate that. Thx.

[@triballinkculturalexperien7805]

Thanks mate! Very cool explanations

[@boricuaenelsur2357]

Thank you, David. Very useful videos! You and the product have a new fan.

[@cbtcafe]

Really appreciate that, Boricua! Thank you.

[@e.j.f8349]

Very nice David. I hope you will continue this series (6-10) etc. One thing I would LOVE to see you (or someone else) do is to either create or deconstruct in detail some of the top E-Learning Challenges entries on E-Learning Heroes and put them on your KZbin channel. I say this because almost always none of the entries give a detailed breakdown of how they actually created their entry. Sure, at times, they may give a brief response but quite often one is left desiring more of a breakdown.

[@cbtcafe]

Stay tuned, E.J.F. Already working on the series:-)

[@e.j.f8349]

@@cbtcafe Really looking forward to it David...thanks! In particular, the ones most frequently used in a real world e-learning course.

[@reinaellis9695]

This is an awesome overview! I would add "interactive" in the title, as I was lucky to stumble across this. Exactly what I needed to know especially regarding markers and lightboxes. Thank you!

[@cbtcafe]

Thanks, Reina! I need to update the video now that we've released the new trigger panel. I'll look at playing with the title to include "interactive" as well. Thanks again!

[@tallbaldpaul]

This has been so useful. I've been a heavy Camtasia creator due to the types of training i was doing, but wanted to bring in anew set of skills for other content types, been following along with a few of these after an initial play and its been great, many thanks.

[@cbtcafe]

Thanks, Paul. I really appreciate your feedback.

[@summerr3880]

This was very helpful. Thanks!

[@cbtcafe]

Thank you, Summer!

[@PB-rw4vh]

Excellent video. Thanks! Greatly appreciated David.

[@cbtcafe]

Thanks, P B! Appreciate the feedback.

[@thepecanlife5801]

David, I like your term 'Markon' (Marker + Icon) !!! I think you just made up your own Articulate term!

[@cbtcafe]

It's been so long since I recorded this video, I forgot I used that term! LOL!

[@zoekenny3619]

Thanks very much for this great tutorial. I followed step by step through the first three examples and they all worked perfectly! I got a bit lost on example 4 and example 5 was also a bit quick for me, but overall after watching this tutorial I am really feeling like I'm getting the hang of Storyline! Thanks again.

[@cbtcafe]

Glad to hear that, Zoe. If you have any questions on the last two examples, let me know and I can put something together for you.

[@zoekenny3619]

@@cbtcafe Thanks very much. I think I'll rewatch that video again and see how I go the second time. Cheers!

[@annamellem364]

Thanks a lot of this material ! :)

[@ruluwang9985]

Dear Mr. Anderson, your video is very useful to me ! I am responsible for making E-learning courses in my company and these interactions can make courses more interesting. I wonder If you mind translating your teaching videos in Chinese and publish it in Chinese videos website. I hope more chinese people see your teaching video and fall in love with making E-learning courses with storyline. (There are few teaching videos related to storyline software in China)

[@felixfranke2838]

Excellent video, thank you. Not all new, but there were certainly a few time-saving tips to remember.

[@sandorszabo7220]

many thanks, David, this was extremely useful! :) Great presentation skills.

[@cbtcafe]

Really appreciate that, Sándor!

[@moondustelearningllc5153]

Thanks for the tips! We will consider this.

[@richardhill4598]

COMPLETELY Loved it. Bookmarked!

[@cbtcafe]

Thanks, Richard! Hope all is going well w/ you!

[@cholldi]

Thank you so much for sharing the knowledge (for free) with us!

[@cbtcafe]

Happy to share! And thanks for the comment.

[@wilsontostaburuca7471]

Hello, thank you for the video. How did you incorporate the magnifying glass feature in this tutorial? I think it’s helpful and want to learn to do it in my tutorials.

[@YudaMudaCorp]

Thanks david...this awesome

[@jackylex3959]

Hi David Anderson, how did you make the magnifying glass? Seeing your videos on a tiny phone, the magnifying glass helps so much. Thx!

[@cbtcafe]

Hi @jackylex3959! The magnifier app I use is a Mac-only app called ZoomIt www.zoomitapp.com/zoom-it.html The closest option on Windows is the magnifier tool: support.microsoft.com/en-us/help/11542/windows-use-magnifier-to-make-things-easier-to-see Tom Kuhlmann also has some magnifying tools in this blog post: blogs.articulate.com/rapid-elearning/presentation-tips-webinars-screencast-tutorials/

[@blueandbanana]

@@cbtcafe 😀Thank you!

[@TheMango4444]

Hi David, thank you for the clear useful info. Can I please get a copy of the handout? Thanks, Manuel

[@jasonreimer8441]

This was a very informative video. However, if you're going to use graphics not readily available in the content library, you could think about providing them. It would be nice to follow along with the demonstrations.

[@cbtcafe]

Hey Jason. Thanks for your comments. I'm glad you enjoyed the video. I also realized I didn't include a link to the source files. It used to be in the description but I don't know how or when it went away. Here's the link to the published output and the source file: bit.ly/CommonInteractions

[@jasonreimer8441]

@@cbtcafe Amazing. Thank you!

[@SongStalgia]

Nice tutorial. Thank you David.

[@steveclausen6937]

Thank you very much

[@onyohoghenekome6945]

Thank you for this @David Anderson Can I add a voiceover to play after each card flips?

[@cbtcafe]

Hi Onyo! You have several ways to approach adding audio. Here's a quick overview of some options along with the source file: 360.articulate.com/review/content/9efcdc04-9cda-43b2-91e7-98b2b3c7ad58/review

[@riskifadilah5488]

Thanks, David! Very useful for my first project. Love it.

[@cbtcafe]

Glad to know you like it, Riski. Good luck w/ Storyline. If you ever have questions, please post in our forums and we'll be glad to help out community.articulate.com

[@mikha2880]

hello sir, i have some problem, i want to make the couse still play when i switch tab or minimize the browser window. it is possible?

[@scottnipper7334]

Good stuff. How do you get the magnifying glass effect at 32:35?

[@cbtcafe]

Hey Scott. The app I use is a Mac-only app called ZoomIt www.zoomitapp.com/zoom-it.html The closest option on Windows is the magnifier tool: support.microsoft.com/en-us/help/11542/windows-use-magnifier-to-make-things-easier-to-see I found some alternatives to Zoomit here: alternativeto.net/software/zoomit/

[@scottnipper7334]

@@cbtcafe Thanks!

[@NDemanuele1]

I'm stumped! I'm working on my first portfolio project and am using a Drag and Drop scenario for a Do and Don't grouping where the learner categorizes choices in Do and Don't groups. I can't seem to assign multiple targets for each Do and Don't choice. To be a bit more clear, the learner needs to drag and drop each choice to it's designated Do and Don't row. Is there a simple workaround for this? Thanks!

[@cbtcafe]

Hey Norbert! I'm not sure I follow. But if you'd like to share your file in our forums, I'll be more than happy to help you out. Please post what you're working on in community.articulate.com and include "Attention Dave" in the subject line and I'll take a look.

[@kathrynboddice7315]

hello. I am interest to know how you made the graphic shown at approx 32 mins. Where the image magnifies when clicked. I am wanting to create something similar to show aspects on a spreadsheet

[@cbtcafe]

Hi Kathryn, That effect was created by using a slide layer with a larger version of the graphic. You can check out the source files to see how I put it together: articulateusercontent.com/review/uploads/L1OcP9ETAWDfqNJE/top-5-interactions-sl-360.story If you have questions after viewing the example, let me know and I'll be happy to put something together for you.

[@kathrynboddice7315]

@@cbtcafe Fantastic! thank you I will take a look

[@kathrynboddice7315]

aaah sadly this wasnt the bit - it was shortly after leading into 33mins where you talk about a graphic that you have made (i think outside of storyline (where the image enlarges in a circle on a click on marker you have made.

[@cbtcafe]

@@kathrynboddice7315 Thanks for following up. I know what you're looking for now. The magnifier app I'm using is called ZoomIt www.zoomitapp.com/zoom-it.html I run Storyline on my Mac using Parallels Desktop. Windows has a built-in option in the Mouse Properties > Pointer Options > Show location of pointer when I press the CTRL key. Microsoft has a free utility called PowerToys, which includes a mouse highlight tool. You can find PowerTools here: docs.microsoft.com/en-us/windows/powertoys/ You can also find some alternatives to Zoomit here: alternativeto.net/software/zoomit/ Hope that helps!

[@jackylex3959]

How did you get the Submit button? I only see a checkmark. Help please.

[@cbtcafe]

In the player settings, you can change Button Styles > Navigation > Text and Icon. Here's how it works: community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-change-player-colors-font-size#modern

[@blueandbanana]

@@cbtcafe thank you!

[@flagshipbuilds]

Working with layers 26:12

[@swagatabhattacharya3527]

Hi David...I am from India....really liked ur video. Am very much new in this field. Can u tell me which software have u used for this?

[@cbtcafe]

Hi Swagata - Glad you enjoyed the video. I used Articulate Storyline 360 in this tutorial. Here's where you can get more info: articulate.com/360/storyline

[@benitahubbard6380]

Thanks so much!

[@lancestephenson228]

Hey David, did you ever post a link to the Flashcard Interaction source file? Thanks for all you do!

[@cbtcafe]

Hey Lance - Yes you can grab the flashcard template here: community.articulate.com/download/elearning-flashcard-templates

[@bugarinharry9941]

Hey David, looking to get into Articulate Storyline. Anyone know of any great Instructor Led in person classes I can take? And where?

[@mcoutrier]

I cannot get format painter to copy the different states to each button. I click the button 1 > home > format painter > button 2 = NOTHING

[@cbtcafe]

Hi Mel - we have fixed a few recent issues with format painter. If you don't mind, can you open a ticket with our support devs so they can verify your issues are covered in a future update: articulatecase.com/

[@Patsquallee]

I'm trying to find a way to get a "X out of Y" type result instead of a percentage when using a pick one quiz type. Is this possible?

[@cbtcafe]

That's a little tougher but possible with your own variables. Let me put something together for you tomorrow and I'll share what I came up with.

[@cbtcafe]

Hi Pat - here's a quick overview of a few ways to show "x out of y" scores/results: kzbin.info/www/bejne/iYu8hmutrrpsrMU and source files: d.pr/f/NpYJul

[@bkeanla]

I've been struggling with the feedback option (at around 43 minutes). I want to make the state of the drag item to return to "Normal" when I drag it back on the original position (as if somebody had changed their mind and put it back) but the state always changes to "incorrect". Is there an obvious solution to do this that I'm missing?

[@cbtcafe]

Hey Brian - this is a pretty easy fix. I recorded a super quick video for you and attached the file in the comments: 360.articulate.com/review/content/01c7fb18-f2f7-4a8c-a251-7cea3b7e80fe/review

[@bkeanla]

@@cbtcafe Thanks David, this is GREAT. The only problem I'm having with it now is that the elements align to the center of the hot spot rather than "Free" or their original position. Is there a setting in the hotspot for this?

[@cbtcafe]

@@bkeanla Ahh right. I think I forgot to mention that. All you need to do is right-click the hotspot and set the drop options to "free" and you're all set.

[@bkeanla]

@@cbtcafe That did it! Thanks so much...you're a genius!

[@cbtcafe]

@@bkeanla LOL! Thanks, Brian. Glad that helped!

[@Counter_Hour]

Hi David, great video! Are the source files available too?

[@cbtcafe]

Sure thing. Here are the direct links: bit.ly/2xsM8p3 , bit.ly/2XlTuKH , bit.ly/2J5j1Pp , bit.ly/2Ysl31i , bit.ly/2KUDXut I need to post the Flashcard Interaction. I'll follow up with you here tomorrow.

[@lancestephenson228]

@@cbtcafe Hey David, did you ever post a link to the Flashcard Interaction source file? Thanks for all you do!

[@cbtcafe]

@@lancestephenson228 Hi Lance - the flashcard template can be found here: community.articulate.com/download/elearning-flashcard-templates Im sorry I for the late reply. I thought I'd replied since it was your question that prompted me to add the file to our downloads hub. Hope you enjoy the template.

[@shwetakoshija565]

Thanks for the great video! I have a doubt though- If i have a pick many question, how can I customise my incorrect feedback to show which one(or ones) exactly the user went wrong about?

[@cbtcafe]

Hi Shweta. I'm glad you enjoyed the video. What you're asking is possible with a few extra triggers. I posted a demo along with the source file here: 360.articulate.com/review/content/4feb3f64-2797-4002-872a-c65ecf905d91/review I'll record a screencast later this week and post it here for you. Take a look at the source file to see how I'm showing layers based on the selected states of the objects.

[@shwetakoshija565]

@@cbtcafe Hi David! The source file was really helpful! So much that I could build further on it to also include feedback for selecting just one of A, B, C and D.

[@cbtcafe]

@@shwetakoshija565 Awesome! Glad it helped.

[@miropribanic5581]

I am really liking this product. Do you guys have regional representatives (in Europe) whom to contact for questions?

[@cbtcafe]

Hi Miro, Where are you in Europe? We have several resellers all across Europe. You can always contact us at [e-mail] and we'll direct you to your local reseller. Or let me know here in the comments where you live and I'll let you know who your local reps are.

[@miropribanic5581]

@@cbtcafe thank you. I'm in Germany.

[@cbtcafe]

@@miropribanic5581 Cool! So your contact would be Interlake Learning GmbH. www.interlake.net [phone] [e-mail]

[@sheralot]

How can we slow you down . ( hard to follow audio. .its so fast!)

[@cbtcafe]

Nothing can slow me down :-) But you can slow down the playback in KZbin. Click the gear icon at the bottom of the player and you'll see the Playback Speed option. That should help.

[@sheralot]

@@cbtcafe thanks .. someday you will slow down

[@SirPigeonTheKnight]

Does anyone know how easy it is to export courses from articulate? Wondering if you can just pay the subscription for one year and export all your courses before the end of that year and embed into your website or if there will be things in place to push you to pay for further years (eg limits on what can be exported, water marks etc that sort of thing)

[@cbtcafe]

Hi Phoebe! Good question and one that comes up often in one form or another. With your Articulate 360 subscription, you pay for the software to author (create) the courses. Once your course is published (exported) there are no limits on how you distribute or host your content or how many users view your content. Content doesn't expire, add watermarks, or limit how users can take your courses.

[@SirPigeonTheKnight]

​@@cbtcafe Wow thank you for the prompt response! Also a great video, thank you :)

[@phanthithanhhuong1250]

HELP ME CREATE A Coin Toss Game

[@riobrasilsambashowssambist1453]

Great video - BUT If you are a student in a class, wouldn't it make sense to actually get this content IN STORYLINE instead of in youtube?!?!?!? if you are taking a class, why would you need to watch youtube to learn about storyline? Yea, I get it that it's an easy place to store a video, but if you came here because you are taking a course, I think its COMPLETELY lame that we are watching a video instead of getting a storyline interaction to try in within the software. ...instead of watching somebody else's instructor watch their own content in a video.

[@cbtcafe]

Glad you enjoyed the video! Are you asking for the source files used in this project? Or are you looking for something else? Not sure I follow but I'm happy to help where I can.

[@daniellavilette2191]

Agreed, I would love to see some eLearning courses for the software!

[@cbtcafe]

@@daniellavilette2191 Hi Daniel - By "elearning courses" do you mean final examples created in Storyline? Or full courses designed to learn the software?

[@riobrasilsambashowssambist1453]

@@cbtcafe Hi david, sorry I was really talking to my classmates that might be watching, not you- BUT- I have a question about flashcards at 56:17 You show images on the back of the flash cards, but how do we get any graphics or images on the edited hover state of the flash card? i couldn't figure out adding images. ThANKS! if you can reply!

[@tipsqueaker]

@@riobrasilsambashowssambist1453 David shows how to create the selected state. You can double-click on the selected state and add whatever content you want.