- Видео 20
- Просмотров 15 720
Konnektis eLearning Solutions
Великобритания
Добавлен 12 мар 2018
Konnektis supports you throughout your eLearning journey. We create custom learning courses, gamelets, animations and infographics for organisations of all sizes in the UK and beyond, and post hints-and-tips on You Tube that other people in the eLearning may find useful.
Mastering Animations in Articulate Storyline - Interactive Online Course / Programme Builder
In this short Articulate Storyline tutorial, we showcase advanced animation techniques designed to help you create dynamic, interactive eLearning content that captivates learners.
Animations bring your courses to life, and in this video, we’ll walk you through how to leverage Storyline’s powerful animation tools for seamless, professional-looking transitions and effects.
In this tutorial, you'll learn:
.: An overview of Storyline's simple animation types, from basic transitions to more complex effects.
.: How to create custom motion paths to give your content fluid, natural movement.
.: A detailed tutorial on using trigger-controlled animations to sync animations with user actions.
.: An examp...
Animations bring your courses to life, and in this video, we’ll walk you through how to leverage Storyline’s powerful animation tools for seamless, professional-looking transitions and effects.
In this tutorial, you'll learn:
.: An overview of Storyline's simple animation types, from basic transitions to more complex effects.
.: How to create custom motion paths to give your content fluid, natural movement.
.: A detailed tutorial on using trigger-controlled animations to sync animations with user actions.
.: An examp...
Просмотров: 24
Видео
Advanced Scoring Techniques in Articulate Storyline 360 - How to Implement Scoring Mechanisms
Просмотров 3714 часов назад
In this short Articulate Storyline run through, we look at advanced scoring techniques, perfect for creating sophisticated and dynamic eLearning assessments. Whether you're working on gamified learning modules or simply want to track learner performance more effectively, this video will show you how to set up flexible scoring systems within your courses. In this tutorial, you'll learn: .: How t...
Advanced Layer Management in Articulate Storyline - Manage Layers for Interactive eLearning Content
Просмотров 86День назад
In this short Articulate Storyline run through, we explore advanced layer management techniques to help you create complex, interactive eLearning content. Layers are a powerful feature in Storyline that allow you to display different content and interactions on the same slide, making it essential to manage them effectively for seamless learner experiences. In this video, you'll learn: .: How la...
Mastering Complex Triggers in Articulate Storyline 360 App - Interactive Online Course Builder
Просмотров 83День назад
In this short Articulate Storyline video, we dive deep into the world of complex trigger systems, showing you how to create and manage advanced interactivity in your eLearning courses. Whether you're an instructional designer or an eLearning developer, mastering triggers is key to designing engaging, responsive content that captivates your audience. In this video, you'll learn: .: A detailed br...
How to Make a Randomised Calculator in Storyline 360 - Digital Course Creation - Gamified eLearning
Просмотров 2514 дней назад
Making a Calculator in Articulate Storyline 360 In this short tutorial, we’ll guide you through creating a randomised calculator in Articulate Storyline 360. This tutorial is perfect for those looking to add an interactive, engaging element to their eLearning courses. With Storyline’s powerful features such as variables, triggers, and slide layers, you can create a fully functional randomised c...
Introduction to Articulate Storyline 360 App - Interactive and Customisable Online Course Builder
Просмотров 18221 день назад
Welcome to PART 1 of our introduction to Storyline 360 App by Articulate - an interactive mobile and online course / customisable programme builder. This is our essential guide for beginners looking to create dynamic, interactive learning materials. This video delves deep into how Articulate Storyline 360 serves as a powerful yet intuitive tool for developing eLearning content, employee trainin...
Storyline 360: removing object visibility to accessibility tools
Просмотров 38Месяц назад
In this short video, I'll talk about the importance of removing decorative objects' visibility to accessibility tools in Storyline 360. Following this advice will help you build content that is WCAG compliant.
How To Make An Accessible Accordion in Storyline - WCAG compliant!!
Просмотров 316Год назад
00:00 - Introduction 01:26 - Building Accordions 52:00 - Adding accessibility to your Accordion In this video I'm going to teach my method for how to build nicely animated accordions in Storyline and then give you a bonus tip on how you can make these really accessible for all your learners. As always, sound off in the comments if you have any thoughts or feedback and I always take suggestions ...
How to Create an Animation Overflow Container in Storyline
Просмотров 554Год назад
In this vide you will learn how you can create an overflow container in Storyline. This means that you can animate objects from contained spaces in the page, rather than using the entire canvas of the slide. Get in touch if you need any help with more tips and tricks. team@konnetkis.com www.elearning.konnektis.com/
How to skip animation in Storyline and be more WCAG compliant
Просмотров 564Год назад
In this video, you'll learn my trick for how you can skip your animations within Storyline to build more accessible content. I'm a big lover of animations, and I don't want to get rid of mine, but I also want to make content that I know more will find easier to digest. That's why I came up with this trick, instead of removing my animations altogether. I hope you enjoy! If you want to learn more...
How to create an Accessible Rollover/Hover Flip Card in CSS
Просмотров 497Год назад
CSS is an excellent tool for creating engaging and eye-catching animations in eLearning, but be careful! If you're using templates from resources such as www.W3Schools.com then you might be creating inaccessible resources. In this video, you'll learn how to add a little code to add keyboard accessibility into an interactive that was only accessible by mouse. In my example, I'm tweaking the code...
How to Skip Navigation for Screen Readers in Articulate Storyline
Просмотров 447Год назад
In this video, you'll learn how screen reader and keyboard users can skip past top bar navigation and menus. Bypass Blocks is a WCAG 2.1 Level A criteria requiring users to skip past repeating content at the top of a page - follow this video to learn how to do this in Storyline! Get in touch if you have any comments, feedback or want to learn more about our eLearning services. Subscribe to be t...
How to create a Parallax background in Articulate Storyline (eLearning trick!)
Просмотров 5 тыс.Год назад
In this video you will learn how to create a Parallax background in Storyline. This is a great trick to make engaging and animated content with relatively little work. Are you ready to jazz up your eLearning!!? Get in touch if you want to learn more about tricks like this. team@konnektis.com elearning.konnektis.com The got our vectors from www.freepik.com/
How to create a Flip Card in Storyline 360 (with WCAG Accessibility tips)
Просмотров 6 тыс.Год назад
In this video you'll learn how to create a flip card interaction within Storyline 360. Let me know if you have any thoughts in the comments or you can always email me at team@konnektis.com #articulate #flipcard #storyline #storyline360 #wcag #accessibility
How to create a button which announced a completed state in Articulate Storyline 360 - BUG FIX!!!!
Просмотров 160Год назад
In this video you will learn how to create a button in Storyline 360 which is able to announce its state to a screen reader. For example, a completed topic button can announce it's completed.
How to populate a Learner's name from the LMS into Lectora (no JS knowledge required!)
Просмотров 184Год назад
How to populate a Learner's name from the LMS into Lectora (no JS knowledge required!)
How to create a moving disabled button in Storyline (with WCAG accessibility considerations)
Просмотров 1252 года назад
How to create a moving disabled button in Storyline (with WCAG accessibility considerations)
Adding animations to button states in Storyline 360 (with accessibility)
Просмотров 6722 года назад
Adding animations to button states in Storyline 360 (with accessibility)
PowerPoint looking ahh app 😭 🙏
I tried but did not get the same output. please share the sample file
Appreciate the tip but more importantly the accessibility part becoming natural during the build. 🇦🇺🌺
Hello, awesome tutorial. Is there a way to keep the flipped card flipped while the other flip? Right now, I can only flip one at a time. I want the user to be able to see all 4 "revealed" if that makes sense.
Great tutorial, but super unclear sometimes what do you click and what is happening. Would be nice to see all the steps and clicks ❤
Thank you!
Hello! Thank you for sharing this. Do you have any tips on what to do to flip it back to the front? I've been playing around with the triggers but I can't seem to get it right.
can it be applied in articulate sir ?
Like it but it is a very long winded way of doing this. I just put the reveal card on top of the button with the intial state of hidden, when the button is clicked trigger the button to hidden and the reveal card changes state to nornal with an entrance swivel animation..
Yeah, that's a really good solution as well and one we will sometimes use! The thing that brought us to make this longer version, and wanting to share it, was a client not liking the fact that swivel always had a few swivels so it didn't look like a genuine flip. This was able to capture that single flip a little better. Thanks for adding your thoughts, we love to hear input!
Thank you! I have been trying to make my flip-cards accessible for a while now. Almost given up before finding this. I had the tab-index but not the flip-within.
I would like to see how you made it. Thanks.
Finally got around to watching this, thanks for sharing Euan. Unbelievable how simple that was, and all this time I've been chopping and changing masking shapes!
Thanks, Kingman! Hope this ends up being of use soon for you!
Great overview of the parallax effect in Storyline!
This is great Euan! Thank you for sharing this trick.
My pleasure! Hope it's useful :).
Very cool! Thanks for the tip, this is awesome. And yes, I would like to see more
You're welcome! And message received about the more complex slide!
@@elearningjourney thank you! :)
Tell me how you did this!!!!
I've deleted my last comment as I've realised you want to know about the last slide! Message received!
thank you, this was helpful! how did you add that color palette on the left side of the slide? and how did you make that color palette? currently struggling with the desing aspect of storyline 😅
Sorry, I thought I'd replied to this! All I've done with that palette is added a few rectangles off canvas on the master slide - I just sometimes find this an easy method of quickly eye dropping a colour I need.
What a simple and elegant solution, well done Euan and thanks for sharing!
Great video! Love the way you set up the flipcard animation, and how you have thought about accessibility in this interaction.
Thanks so much, Mark :) - very kind of you to say and glad you enjoyed the video!
Very Nice!
Very Nice!
Thankyou ever so much! :)
Great video, thanks! I'm pretty new to Storyline so was good to see a solution for the flip interaction - I'm also beginning focus more on accessibility so the tips there were great, too! I'm literally going to go through the rest of your videos now!
Thanks so much and we'll be aiming to have some more tips and tricks up soon!
Hi, I'm using Storyline 3 and it doesn't have the jump to time feature that you use on the back card - is there any workaround for this? I'll even take a javascript option if there is one, please - many thanks!
Have you tried GSAP animation with Javascript?
@@wormholeinteractive No, I haven't! Do you have a link to a tutorial please? Thank you so much!
Hi! It's been a while since I've used an older version so I can try have a look, but off the top of my head could you use more layers than we do? And use show layer at the cue point to cut the animation and just display the back?
@@elearningjourney Sounds like this could work! I'll give it a try and let you know, thank you so much 👍
@@elearningjourney I tried this but couldn't make it work (unless I'm doing something wrong??) - the back of the card wants to swivel at least twice - aaaaargh! Never mind, at least I know how to do it when I upgrade to the newest Storyline - thanks anyway!
Konnektis! How’s everything gonig?.insane .;)