eLearning Storyboard Elements



hi and welcome to this short course on storyboard elements brought to you by the e-learning network my name is Magic and you can reach me at Magic at Eagle earning net if you have any questions about this presentation before we go into the e-learning course on storyboarding just a quick note about the Learning Network we're headquartered in Seattle it's a full-service custom e-learning development company as well as a free membership driven organization membership is free and our members receive things like free job aids free e-learning templates for story line cab debate like tour and other tools we offer stock our training and more so we help fund and support our initiative at the e-learning network through the kinds of services and products that we offer online so feel free to take a look at that we also offer one-on-one training and consulting custom branded templates and lots of other things so no project is too big or too small if you ever need help give us a shout so let's jump into the storyboard elements the key purpose of a storyboard is to give you all of the raw materials you need in order to produce a high-quality custom e-learning course quickly and efficiently so anytime you're using the storyboard the purpose of that is to communicate between multiple people who may be working on a project what's going to go in that course also even if you're a one-man band but you report to a client you probably want to have your client understand and review and sign off on what you propose to build before you build it doing so is a great way to make sure that everybody is literally on the same page with what's going to go into this course before much time is invested in the graphics and the audio production all of the media side of the equation so again if you're doing rapid e-learning and rapid prototyping and just creating courses on the fly and then having the client review and approve you may not need a storyboard but if you have if you do they'll it being complex high-quality custom e-learning that involves multiple people like graphic artists and voice talents and instructional designers and approvers and all the rest of it you a storyboard is a great way to keep everybody on track so with that without any further ado let's kind of dive into what goes into a storyboard so first here on the screenshot that we're seeing you'll notice that we have the audio file narration and you'll also notice that we've constructed our storyboard here in a table that has columns and rows and each of these columns and rows is set up with a very specific purpose in mind we're going to talk about each of those now so the audio file narration here couple things you're gonna want to note put all your audio narration into one column and understand that the average speaking rate is about a hundred and fifty words per minute so you want to make sure that you have no more than 225 to 300 words in a single screen so if you have let's say you have a 30 minute course and you're probably gonna have some in a neighborhood of 20 to 30 screens which are averaging somewhere about a minute to a minute and a half per screen before the users required to click Next or before you you change something visually on the screen so if you're ever not sure how long your course is gonna run if you're using a storyboard to create your narration that's an easy and convenient way to do a word count to see how much how many words are in your narration before you start building out your media that'll help you understand whether or not your course is in scope or not so for example if you've already created a if your course is gonna be maybe 30 minutes and you realize that you have after you do your word count 50 minutes worth of audio you may need to work with your approver to either or your client in to either reduce the total words or expand the scope of work and give you more time and budget to pull off the course because you know the bigger it is obviously you can get out of scope if it's more than what you expected so to aid in timing of the graphics and animations we also consider adding in each row every time is a significant visual change is going to occur so when you notice that here we have these multiple rows that come across we have one screen so this would be screen number one and is broken into multiple four or least rows here so if this was an actual e-learning course here storyboard we would say every time that the narrator speaking and we're gonna change the picture or change in a bullet text or something put those in that information in the relevant columns over here so that it matches up exactly to where the timing and the narration will be so we definitely encourage you having breaking out your storyboard in rows like this one of the things you'll notice is if you let's say this row was really thick this was one big row here with tons of text and not very much visual instruction going on over here but that's going to tell you just by looking at the storyboard is that you are not going to have much visually happening while there's a lot of narration rolling along also we recommend maybe using a stricter some other notation to denote exactly when a visual is supposed to come in so for example let's say you had a long paragraph in here and you wanted to have three bullets listed over here in the page media section if you set had an asterisk every time you're supposed to change in a new bullet you could do it that way as well just anything that can help your e-learning developer know how they're going to sync this audio to the narration and finally when it comes to audio narration if you see astrick signs too close together then you're gonna notice that your images might be competing for each other so for example let's say you say you know insert an asterisk and have an asterisk here and you're gonna have a bullet point come in at this point if you have another astrick right here you're going to be rushing in bullets right after each other so to avoid that what you can do is just think to yourself how can i reword this sentence so that I give myself more time between visual changes to allow a nice natural flow of visuals and audio rolling along at a nice pace so using asterisks helps tell other people where you want things to be timed and also at a glance you can kind of envision how many things are changing and how quickly they're changing just without even reading the content just you could just sort of get an idea of how it's going to be by looking at where those Asterix are so that's the audio file narration column the page and media text here what we want to put in this column is the exact format of any on-screen text it's going to go with the narration so you want to have the your headers your bullet lists any quotes any information that's gonna be on the screen visually in text you want to have it exactly and literally in this column how you want it to appear the reason for this is if you have a subject matter expert or other people reviewing and approving your storyboards you can build it out the way they said and then when you go for sign-off they you know they can check yes you did it exactly the way that I wanted it or if there's you're doing an internal QC you can use this as a quality control checklist to make sure that everything is the right punctuation and the right capitalization and all of that sometimes we have had clients that are very specific in how they want their bullet lists to be presented they might want an initial cap and no punctuation at the end or if you're completing the sentence they might win a bullet list they might want to have all lowercase and then a period or some other kind of punctuation use and they want that done consistently so by using a storyboard you can map all that out and have your QC people review that before you put it into your e-learning course this is especially important if you're creating all text items and photographic imagery inside of Photoshop and bringing them in as images that are not as easy to edit on the fly as opposed to using something like the text tools inside of storyline or captivate or whatnot so you the purpose of the storyboard is to limit the amount of changes and as you're gonna have to do on the back end and make your life easier so definitely put your you have a column that matches your audio narration here that's going to have any text it's going to accompany that narration and also just make sure that you spell check it and grammar check it and get it approved by the subject matter expert so this column again is dedicated for any information that's going to be on the screen as text the next column we have over here visual instructions and developer notes this is where you can tell your graphic artists what kinds of graphics or charts or timing notes or other kinds of information that you think might be useful for them in the creative process if you're going to have activities you can also provide notes to the programmer of how you want the activity to function or any special notes also you can consider putting in a thumbnail of a screen shot in this section even if you're not a graphic artist yourself you can draw boxes and circles and stick figures and things that sort of tell the graphic artists what you're looking for and then they will use that as a jumping off point to create their graphics so use this column visual instructions column to tell your artists and others what kinds of graphics are going to accompany the audio so the next column over here the media files oftentimes elearning courses include things like graphics and audio and if you have a voice talent it's going to record your audio for you and you're gonna let's say you bring in external audio into the course you want to have those audio files named a specific way to make it easier for you to put it back into your course so for example let's say you send out your script to have it recorded your voice talent you know reads 30 different lines and when it all comes back in if they haven't used some standard way to name the files you may find that it's difficult to match up exactly where the audio goes in your course but if you tell your voice talent then you very specifically want audio files named a very specific way to match your course lines as you have them design and if they follow that your blueprint then it'll all piece together nicely so if you don't ask somebody to do something they're not going to do it or in other words says people don't do what you expect they do what you inspect so if you tell a voice talent I expect you to name them this way then when they do name it that way and you inspect their work you can see that it exists gonna plug in where it needs to go and the same goes with image files if you have a client that's gonna be sending you images that you want to haven't that they want to have in the course then it's best if you tell them to name them something like slide oh to a jpg and slide oh to dot you know B dot jpg so that way you can see when they come in exactly where these go into your presentation otherwise let's say you get a hundred images and they're all named every which way just going to cause you extra time and effort to try to understand and piece those all together where they go into your course and then also when it comes time to sign off the client can look and see yes I told you to put slide o2a here at this time and they can use your storyboard to verify you did exactly what they asked and the reason that's so important is because to avoid scope creep and change requests and to be able to define what's the difference between a change something that may require additional cost and scope creep versus an edit which is the fix to something you may have done incorrectly those are two very different things either way the course needs to be updated because the client is saying I want this this to be implemented but whether it's a change request and versus an edit request oftentimes is very important in terms of time and budget so without a storyboard is very difficult to determine what's the difference between a change and an edit so again the more specific you can be with your clients and with anybody on the team as to what images are going to be named and where they're gonna go and how everything pieces together the better off you'll be so that's what the purpose of the storyboard is this finals column over here off to the far left this is where you can put the screen title as it should appear in the table of contents you can also put the type of screen is it a quiz is it a lectures and an activity and any other notes that'll help you understand where in this course this information goes a couple of the elements in here you can if you have multiple topics in a course you might want to have a topic title so you can say instead of topic one you can put the name of your topic here and also list any learning objectives so if you have a done and it created an instructional design document you may have specific learning objectives that this content is going to cover so by creating a list of learning objectives in your storyboard you can verify quickly and easily that you've covered all of your learning objectives alright those are the key elements in the storyboard presentation again they're audio file narration your on-screen text that will come in and synchronize with the audio any visual graphic design notes that you might want specific file naming conventions that you're going to be using in your course to package everything together and finally the exact screen titles screen numbers and any other details that tell you where this information is going to fall in your course next let's take a look at the storyboard elements that are created for quizzes if you're going to create a quiz oftentimes you know you'll have different quiz types like multiple choice multiple correct true/false and so on the basics you're going to want to include in a storyboard are your question text the choices the correct and incorrect choices are what we call the correct answer and the distractors and also any correct or incorrect feedback that will be presented to the user based on their answer choice you can create these quizzes directly inside of your favorite authoring tool like captivate or Camtasia or excuse me articulate storyline and other tools however if you create your questions and choices and feedback inside of word it's easier to spellcheck it and to pass it around the subject matter experts or multiple people on the team for their feedback before you actually program these quizzes so we highly recommend that you use some kind of a way like this to document things like the text the choices and the feedback you might also want to give it some weight you know whether or not it's you know some technologies allow you to say that one question is more difficult than another you might also want to put some notes in here as to whether it's if it's a multiple choice and you have an all-of-the-above answer you want to make sure that you put a note in here to not randomize the answer choices because all of the above may shift around on you so any details that you can think of that you want to track in your storyboard are good things to think of because if it can be missed it probably will be missed so just use your storyboard attract as many of the different kinds of elements quiz elements that you can that will help you save time on the back end so that's pretty much completes a short course this is just a very quick fifteen minute overview of how to create a storyboard and the kind of elements that go in it we actually offer a full hour-long course on this subject that you can register for on e-learning net also if you need any help a storyboard writing or instructional design or anything like that we offer full service you learning instructional design graphic design storyboarding you know elearning programming the whole shootin match so if you need any assistance whatsoever feel free to contact the e-learning network at elearning net we'll be glad to help you thanks for your time hope you found this useful one other note is you can download this storyboard from our website elearning dotnet we actually have this storyboard template online available for you to download just log into the network download it through the shopping cart it's free of charge and we welcome you to use it as as much as you like thanks again and have a great day

One Comment

  1. Alex K said:

    I have always found there is a barrier of speed of system creation. My
    idea is not to sign contracts or engage programmers when I needed to
    establish new eLearning system instance. Each time I needed create a new
    platform I needed to do that easy and with no additional agenda or
    time. Therefore I was surprised very positive when I found Training-Online.eu which offers free system creation within few seconds by filling easy form and the system is born.

    June 28, 2019
    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *