Create a simple but complete training course with Geenio

Courselle

All-in-one learning management and course authoring software

4.75/5 (8 reviews)

Create a simple but complete training course with Geenio

Video Transcript

Speakers in this video: Jimmy (GetApp) and Max (Courselle)

Max: Okay what we just showed by example. So let's say I want to create a short training on how to upload videos to YouTube. So, let me do just some preparations now. I will just switch over to YouTube and do some screenshots. So, I want my training to be kind of emulation of real YouTube behavior, and I want to show several scenarios to my users. One is successful uploading of the video and another is when a person creates the wrong button or any wrong tab and so on. So, let me just create several screenshots here, so this is the Main page. Click. Next My Channel let it be the wrong path so another screenshot and then upload is obviously the right button so I click it, wait for the screen to appear, again, screenshot, and let me upload some video file as the final step of my training. And again, screenshot. So the preparation is done and now let me replicate this behavior on the side of Geenio, so what I'm going to do is I will create several pages. So the first page will represent the main screen. Second page will be Upload dialog, and finally the Video Editing screen. So that will be the skeleton of my course, and also remember, I've made another screenshot for the wrong path, right? So I'll just put it here. The wrong screen.

Okay, cool. So now I just need to put some content on these blank pages. So I go to Main screen and I'm going to put the screenshots just as a background for this page. I click here, go to my desktop from, yeah that's the main page, and I am putting these images to background because I want to put some other elements on top of these features and I don’t want these features to move as I drag and drop several things here so that's why I put it onto the background. Okay, and I'll just go ahead and do the same for all of the screens I just took screenshots of. So that is for dialog, and of course if you are, if you want to put some other diagram to the slides, you can go ahead and put either picture as I do or you can use solid color backgrounds, or you can even search and Google for backgrounds within the software. Okay, so, visual aiding screen, that will represent the successful path, where is it? Here it is. And finally the wrong screen. I just need to put the last page here, and that was this picture.

Okay, so, we are done here and let's just get back to main course overview and see what we get. So, let me just go to preview mode and see what my students or employees would see if they take this course. So far it's just kind of linear sequence where I can click through just click next to get to the next page. Then next, next, next, and that's it. So for some basic cases, it would be sufficient if, you know, make some enclosed to PowerPoint presentations, but I want my course to be interactive and look as a real experience with YouTube. So, I switch to extended mode by clicking this simple button, and I will just add some spice here. So, what I'm going to do is to remove this default links between pages, so my students won't be able to just click through the course and I just will create several links between these pages that will do work debating on where my users or students press buttons in, so, I'll just go here and create a shape. Yeah, okay, square is good. Let me just make it to be flat here. Okay, great and I'll just put it on top of active buttons. Let's save this one and I make it almost transparent. Something like this just to highlight the area where I want my students to be able to click. So, that's one element, and also, if you remember, we fabricated the behavior when user clicks over My Channel, right? So, I just will put another active element over the My Channel link here. Okay, so it seems that we are almost done, and here is what I am going to do. I will put My Channel page here and add the link transition to this page, so I want a person to ... screen after clicking these active elements. So, I just drag and drop the link in it and then select the active element I want to be the trigger for this transition, so I just click that and save. Okay, and there is also another way to go to Upload dialog is to click this upload button so I just do the same thing but for this new element. Okay, so now we have two ways to go through this course, and also just default connection from Upload dialog to the final step. Okay so let us see how it would look for a learner. So imagine you are a student and you see this page, and you have to two buttons to click this one or that one. If you click this button, you will get to My Channel page, and basically, you won't be able to get any further, but to the course completion because you've done the wrong way. The alternative would be to click the right button and get to the right screen here and go to the course completion to the right path. So, this is how you can end your way to the real software behavior with these simple things.

Okay, so what if I don’t want to make this wrong screen of data? What if I want to enable my students to explore this functionality and not to be afraid to make mistakes? So, that's also very easy to do I can bring back from this page to our main screen so even if a person does the wrong thing, well not really wrong but a not expected thing, let's say clicks here instead of upload. The person can still get to the main page and do the correction and go through the course the way we want them to. So now you can easily make quite interactive and interesting to study materials with only these two things.