Category: eLearning

07 Oct 2016

Accordion in Storyline 2

What if a single accordion bar, holds information of more than one category?

Created an accordion for E-Learning heroes challenge #147, that has buttons on both sides and can be expanded in any order.

Click the link below to check it out. 

HTML5 Output: Click Here

11 May 2016

Weather App in Storyline2

Here’s a sample weather app created in StoryLine2 using JavaScript.
You can check live weather forecast for 3 locations, that are:
  • Delhi, India
  • Paris, France
  • California, USA
Use the menu icon on the top right to switch locations and see the weather report for 4 days.
Click “Today” to see the detailed weather forecast.
Here’s the output : 
To improve it further, We would like to make the JavaScript interact with the SL2 text boxes, so that the user can enter their own city/region and get the forecast accordingly..stay tuned!!  😛
14 Mar 2016

New User Interface with Custom Menu that Tracks User’s Progress..

We have Created this interface,  The thing that might interest you guys, is that the menu tracks the user’s progress.
The color of the progress indicator in the menu will change only after the user visits all the interactive elements in the slide/topic, thus making sure that all the contents of your slide has been visited once.
On reloading the course, if you opt to resume from where you had left, the past progress will be reflected in the menu.

Link to published output in flash:

Link to published output in HTML5:
07 Jan 2016

Grabbing The Learner’s Attention

If we have designed a visually appealing and compelling training program. Do you think such training program is enough to glue the learners to their seats? Let us accept the truth that, for a learner our training program is just another training program. He/she will do any or all of the following while taking the training –take calls, chat, check mail, talk to a colleague, wonder how long the training program is going to last, and so on. I am sure everybody has done all these in school/college. So, why should our learners be any different?

Learner’s real world is full of distractions. So, it is very important to grab the learner’s attention. The first event “Gain Attention” out of Gagne’s nine events still holds good in today’s learning environment.

I am a great fan of this “Gain attention” strategy. The first few seconds/minutes of a training program plays a crucial role in deciding its fate. The learner may just leave the training in the middle or click ‘Next’ continuously to complete it. If first impression is not positive, the great ID strategies may just fall on deaf ears.

Gain attention strategy plays an effective role in eLearning. It has the power to increase the motivational level of your learner.

Gain Attention:

  • Arouses the learner’s curiosity.
  • Sets an expectation in the learner’s mind: What’s in the training for me?/ What is the training all about.
  • Makes the learner think about a particular concept: Really?/ No way!/ So true?
  • Helps the learner grasp what is going to be covered in the training.

Basically, a gain attention strategy will build a curiosity in the learner’s mind to see what comes ahead. The learner is actually interested in taking the training program.

We have talked enough about the importance of “Gain Attention”. Now, the question arises “What qualifies as a gain attention strategy?”


The different types of ‘gain attention’ can include:

  1. Pretests: Holds good for learners who believe they know everything and there is nothing more to learn. The objective is to enable the learners to understand where they stand at the beginning of the training program.Example: Before staring the training, let us answer a few questions
  2. Challenge: This holds good for demotivated learners.
    Example: You are a technical assistant. You have several customers who require your assistance. How many customers can you serve in a day?
  3. Problem solution approach: Builds the curiosity in the learner to solve the problem.
    Example: You have been appointed a manager of a team whose performance has been very poor over the past few months. How will you motivate your team and ensure that each member gives his/her best.
  4. Did you know?: Share facts that will really inspire and surprise the learners.
  5. Comic strip: Use comic characters to talk about a particular topic/situation.
  6. Story/scenario: Make the learners understand with a scenario or through characters in the scenario.
    Example: There’s a city where lot of school going children have been missing over the last two months. You being a part of the investigation department, have been assigned this case. You need to go to the city and solve the mystery.

There are several other innovative ways to design grab attention screens. If you have come across any, please feel free to share them.


27 Oct 2015

Things to Keep in Mind While Developing eLearning Courses

The whole purpose of designing and developing an eLearning course is lost if the audience it is made for chooses to leave it midway. The audience here is the king. If the audience disapproves of an eLearning course, all the efforts and time spent into making the course go to waste. Goes without saying, the key stakeholders are held responsible for the failure of this course. The key stakeholders being SMEs, Instructional designers, multimedia developers, etc. After putting in all their effort and time, they don’t expect their product (eLearning course) to fare poorly in the market. They expect to receive satisfactory, if not great, reviews from their audience. Disappointed at the reviews they have received, they wish to find out the reason behind this failure. On giving their course a closer look, they have found out that the course has certain gaps and they have also understood that they didn’t take some important points into account. The points that they missed are:

Not clear who the audience are
Before designing, one should be clear who the audience are. Then the team should work on how to meet the course objective as per the audience.

There was lack of flow in the course
While designing and developing a course, the entire learning and development team must strive to build a course that is orderly structured, i.e. in a proper sequence. Although you develop your sequence during the outline phase, you may need to constantly revise it. Make sure you check for the mention of terms and concepts that were not previously defined. If this happens, you’ll need to go back and revise the outline so learners are introduced to the basics before being moved to the more advanced concepts. Also, the learning course must be developed in a way such that the readers/viewers stay hooked or remain engaged throughout the length of the course.

The course was overloaded with unnecessary and irrelevant information
While developing an eLearning course, we feel that it should be rich in information. With a view to make the course information rich, we tend to load the course with images, audio and onscreen text. As a result, the learner finds it difficult to go through the course as there is too much information to process. The course should not be cluttered. We should include visual images, onscreen text and audio only when it is necessary.

The sentences used were not simple. Mostly passive form of sentences were used.

The listener understands the speaker better if they are being addressed to directly in the speech. It is always better to say, “He said these words” instead of saying, “These words were said by him.” It is best to use an active, rather than passive, sentence construction. With an active construction, the subject of the sentence performs an action. With a passive construction, the subject does not take a direct action, so the sentence feels weak. So in order to connect better to the audience, the instructional designers/writers should always use active form while structuring content.
30 Sep 2015

How to make Videos more effective for e-learning?

Do you know how many videos view does You Tube gets per day? Believe it or not it’s four billion!! As per You Tube figures, site has One Billion active users each month. That’s the power of videos. Talking in e-learning context, videos are becoming one of the most popular e-learning formats. Adding videos in e-learning courses can help your organization to meet its learning objectives. Videos offer asynchronous learning that can help users to grasp the topic more clearly as compared to reading live instructions.

Here are some tips on how videos can be made more effective for e-learning:
1.  Decide wisely the video length
The length of the videos should be wisely decide. Videos need to be short, concise and to the point. In case of instructional or informational videos the length can be little longer but not more than 10 minutes. Videos should contain short portion of information which is easy to grasp for the learner.
2.  Bring Transcript into play
Videos must be accompanied with transcript with them. It is not necessary that every learner has headphones and sound cards with them.
3.  Interactive is the key
Videos should be interactive, in order to keep the audience engaged, involved and focused on the points you want to highlight. If not so, ask your learners for some feedback, add some quizzes or end your video with a quick summary of the key points.
4.  Consider video file size
The video files should be compressed well. Slow loading videos causes the frustration among the learners. Separate version of videos can also be made, which can easily play on low bandwidths.
5.  Be little creative
Videos can be used to show scenarios and simulations. Videos can be very well leveraged for creating immersive scenarios like “what to do” or “how to do” kind of situations. With the help of videos, it makes it easy to simulate a real-life situation.
18 Sep 2015

6 Reasons for why should you use Info graphics in eLearning

  1. Infographics are easy to understand: It creates a lasting visual impression on mind by providing relevant information in form of graphics with minimal words explaining them. This manner of providing concise data is very easy to read and remember by learner. People retain approximately 80% of what they learn usually as opposed to 20% retained by reading.
  2.  Infographics saves time: As content is summarized with graphical presentations, keywords and concise data which helps in saving the time of the learners. Human brain process visual scenes 60,000X faster than text.
  3. Infographics are easy to share:Attractive Infographics has a higher ability of to be shared on social networks and become viral than the ordinary text content.
  4. Infographics provides chances to be creative: There is no standard templates for designing Infographics. Each one is different and one can always play with colors, formats, fonts and styles.
  5. Infographics creates brand advocacy: While designing an infographic, a logo of the brand should be embedded always. Whenever, it will be shared or liked on social networking sites gives free advertising to the brand.
  6. Infographics will help you to show your expertise: The research required for creating an infographic will display your knowledge and position you as an expert on your category or topic.