SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    E-Learning Magic: Explaining Complicated Procedures Simply


    If you’ve ever found yourself tearing through your whole house looking for an instruction booklet to fix a phone, tablet or other device that had the audacity to stop working just when you needed it most then you know how important it is to know the procedure for things.

    Procedures are action oriented. They help complete a task with detailed, step by step instructions. They guide us through the soul-crushing darkness of malfunctioning electronics and help us complete simple to complex tasks. 

    How to Present Procedures in eLearning Courses:

    In the workplace we are often bombarded with seemingly unnecessary procedures. For example, a call center rep that has to ask the same three questions to every customer even when that customer’s problem has nothing to do with the questions. However, when a rep doesn’t ask these questions or record the answers a bigger problem is created for the manager who now can’t track vital information like sales, problems with a website or other issues. In other jobs not adhering to regular procedures can lead to injuries, lawsuits and costly mistakes. 

    Employees need to carry out these important tasks yet most organizations struggle to train them. This is why procedure training needs to be made real and feel relevant to students. Procedure training should always:

    1)     Benefit the student

    2)     Relieve a real problem 

    There are many learning strategies that can help you present a procedure in your eLearning courses. Here are some: 


    Strategy #1: Flow Chart

    What is it?: A diagram that shows the sequence of actions needed to complete a task.

    When to use it: to visualize a multi-step process, a series of conditional outcomes or a sequence of causes and effects.  Flowcharts can help to clearly give a visual representation to the steps that need to be taken.

    How to build it: Set the goal of the procedure and determine the series of actions or operations in sequential order.

    Note: In order to make it more interactive you can create an animation. The animation would start with the first question on the screen with a prompt for the user to click “YES” or “NO.” Depending on their response, a different path would be shown. Also, you can illustrate the process in an infographic, prompting your learners to travel the flowchart trying different pathsSee this example:


    Here are some simple guides for creating flow charts correctly:

    Strategy #2: Illustrations

    What are they? They are visual representations used to exemplify and describe procedures, processes, critical paths, troubleshooting, etc.

    When to use them: Use illustrations when a process is hard to photograph or when words aren’t adequate to explain something. Showing spatial relationships, for example, are easier with an illustration. 

    Illustrations make it possible to show things that aren’t easily seen like the inner workings of a machine.  Often, details of things like these can be clearer in an illustration than in a photograph. 

    How to build it:  Through a series of illustrations accompanied with explanatory text.

    Note: Clarify the procedure by adding numbers to each step, and arrows to guide the direction of flow.



    Visit this site for more info on The Instructional Role of Illustrations

    #3: Step graphic or table

    What is it? Step graphics or tables break up a complete task into subtasks, showing information in a sequential way that helps learners understand a procedure visually

    When to use it: If you have a procedure that’s complex or just hard to describe, step graphics or tables are excellent ways to show what can’t be easily described in words.

    How to build it:

    • Divide the procedure into complex tasks.
    • Determine the subtasks that must be performed to complete each of the larger tasks.
    • Define the sequence in which they must be carried out and place them on the table or graphic in the form of steps.

    Example: Create an interactive screen to explain the financial planning process in your company. Learners have to click on the numbers to see the contents of each step.


    #4: Hot Spot Interactions

    What is it? These are spots that a learner can click to reveal additional information. Hotspots invite learners to click to learn more. It’s a simple way to interact but helps keep learners engaged.

    When to use it: This type of interaction is good to explain individual elements within a larger picture and when information is very brief.

    How to build it:  Set up a slide with different screen shots of the actual software and create hotspots in sequence to simulate the sequence of steps need to complete a task. 


    #5: Videos

    What is it? We’re all familiar with videos and know that they help us learn, visualize and, occasionally watch cats doing silly things on the internet.  And, best of all, if done well, they can add tangible learning benefits to eLearning courses.

    When to use it? When something can be better explained by showing vs. telling then you have a chance to use video very effectively. 

    Videos are wonderful visual tools that can really help some learners understand and remember complex procedures. They are useful for displaying dynamic data, moving parts, chemical or physical reactions, and how to assemble a piece of equipment. Here are other examples of procedures that would benefit from video:

    • Baking a cake
    • Call center representative training
    • How to change a background color in a drawing program

    How to build it:  

    Videos are an area where good quality is more important than with other resources. The last thing you want is to produce a low-budget, groan-worthy eLearning video.  Hire professionals whenever possible and make sure the actors are decent too. Bad dialogue and acting can really be distracting and prevent learners from engaging in your content. There are thousands of online resources to get you started!

    Note: If you are teaching the student how to use a specific software or program, you can also include a screencast demonstration with a voice recording.

    See this example on How to Sharpen a Knife

    Attention-Grabbing Course


    Information Mapping. (2012). Guía del Participante para el curso Desarrollo de Políticas, Procedimientos y Documentación.

    Peralta Caballero A, Olvera Sánchez A, Cuevas Manzanares A. (2013). Metodología de Diseño Instruccional eLearning. México D.F.: Aura Interactiva. 

    Pimienta, J. (2012). Estrategias de enseñanza-aprendizaje. México: Pearson.

    Emilia Iñigo
    Emilia Iñigo
    Psicóloga Educativa. Planea, diseña y produce cursos de eLearning. Con talento para la elaboración propuestas didácticas creativas.

    Related Posts

    The Science Behind What Makes an eLearning Design Effective

    Let's get real about design—sure, we all want our courses to look good. It feels great to pour our hearts into making something that catches the eye. But here's the thing: if your slick design isn't also crystal clear and easy to use, it's like a sports car with no engine. Looks great, but will it get you where you need to go? Nope. You know the drill. You click into a course full of excitement, only to get lost in flashy features that make it hard to find the actual content. Or maybe the text is so tiny or the colors so jarring that you're squinting two minutes in. Frustrating, right? That's why nailing eLearning design is more science than art. It's about knowing what makes your learners tick, what draws them in, and what drives the message home so that it sticks. Get this right, and you're not just sharing information; you're creating a learning experience that could change the way they see the world. Sounds powerful, doesn't it? That's because it is.

    Unlocking Learner Engagement: Psychological Techniques for eLearning Success

    Have you ever wondered why big brands pour so much money into market research before launching a single product? It's not just a high-stakes game of guesswork. Imagine this: a brand skips the research and dives headfirst into creating something. Sounds bold, right? But it's also a recipe for disaster. Here's the thing—brands exist for their customers. They're not just creating random products; they're crafting experiences tailored to what their customers crave, wrapped up in an irresistible package that delights the senses. Now, think about your role as an eLearning designer. It's not all that different, is it? Your mission is to craft learning experiences that pack a punch, sure, but they've also got to be eye candy for your learners. After all, you want them to enjoy the journey with you, to be engaged and eager for more.

    10 Golden Rules for eLearning Course Design Mastery

    Let's face it – nobody gets excited about a grainy movie or sticks with a book that's a minefield of typos. It's a no-brainer, right? So, let's talk about your eLearning courses. Shouldn't the same rules of engagement apply? Consider this: a course that's a maze of bad design, confusing navigation, or just crammed with too much info is like that movie or book – it’s going to turn your learners off. And we all know what happens next – they check out, and not in the 'mission accomplished' kind of way. Now, think about your team. They’re curious, they’re hungry for knowledge, but let's be real – no one's keen on drudging through dull, time-consuming content that feels like a throwback to school days. The modern workforce wants learning that’s not just informative, but also engaging and fits into their fast-paced lifestyle. That's the puzzle we're solving together.