Innovating Interactivity Models in E-learning

Unlike text based courses, e-learning courses demand lot more interactivity for the simple reason that people do not like looking at a static screen on the PC.

When you design an interactivity, make sure its simple yet appealing. You can use existing interactivity models and innovate on the presentation side. While playing games, I have noticed similar game logics across a variety of games. However what differentiates one from the other is the presentation.

In this post, I shall

  • List some common interactivity models used in e-learning
  • Give you an example on how you can innovate on existing interactivity models

Note: All common interactivity models listed in the section: Interactivity in E-learning have been taken from The sample interactivity design given at the end of this post is my own idea.

Interactivity in E-learning

Note: Click on the images to enlarge

#1 Flash Cards


You can use this model when you want learners to register facts or information. In this model facts are given on Flash Cards in the form of questions or hints and learners flip the cards by clicking on each of them to learn more.

#2 Roll Over Text/Images


This is one another model which will help learners register information. In this model learners point the mouse cursor over text/word/images and relevant information is displayed. For example in a paragraph, if you want to give the meaning or reference of important words, you could highlight the word and instruct learners to point the mouse at the word to learn the meaning.

#3 Drag and Drops


This model is best suited when you want to test learners’ knowledge on something. In this model you can use a combination of images and texts. Learners drag and drop images corresponding to relevant text or vice versa. For example if you want to check if learners know the flags of different countries in the world. You could use this model by displaying the flag images on one side and the names of the countries on the other side. The learners drags and drops the flag images on the relevant country name.

#4 Flow Diagrams


This model is best suited when you want to teach process steps. You could lay down the steps of a process as a flow diagram and explain each step in detail.

#5 Show Me


This is an advanced interactivity model. You can use this model for product demos. When you are teaching learners how to use an application or product, you can capture the actions on screen using tools like Captivate. This would be more effective than plain text based manuals.

You could also go a step ahead to develop a Try Me interactivity where the learners actually try out tasks on a simulated application.

A Sample Interactivity Design

You can use these interactivity logics and innovate on the presentation while designing e-learning courses.

When I was designing a course on Writing Effective Business Emails, I had to give learners tips on writing emails. I didn’t want to list the tips in bullet points. I knew this would not make an impact on the learners.

I decided to take a screenshot of an email , highlight the From, To, Cc and Bcc fields, the content area etc and allow learners to point at the highlighted area to learn the tips.

The interactivity was something like this:


When the learner clicks on the mail icon, the following opens:

Click the thumbnail to enlarge 


Next the talking head directs the learner to point the mouse cursor on a highlighted area. When the learner points at the highlighted area, the talking head gives the tip.

Click the thumbnail to enlarge


Final Words

Hope this post was useful. Check out to learn and view more interactivity models. Please do send in your comments on this post.


5 Responses

  1. Hi Rupa,

    I read many of your articles . I truly got the difference between ID writer and other writer as the every bit of the article is clear and concise and very specific.

    I hope it continues


  2. Is this is a flash game ?

  3. Hi Rupa,

    That was very insightful. The examples gave us a very clear understanding of how different types of content can be made engagingand easy to understand. We are looking forward to more such articles from you.


  4. This is truly an excellent post for interns in ID like me.
    Please do keep posting such tips and tricks.

Comments are closed.

%d bloggers like this: