Wednesday, November 28, 2012

Call to Action Items in eLearning

By Joseph Suarez

Add that item to your cart? Download a 30-day trial demo? Sign up for our monthly newsletter? Anytime we are called to act on the web, we are being asked to make a decision whether or not to fulfill the intended goal of the site owner. Web designers refer to such an attempt as a “call to action,” a sales and marketing term referring to any prompt or trigger leading toward a sale. But don’t let the salesmen approach deceive you, as they could also easily benefit eLearning professionals as well.

When designed correctly, the call to action stands out from the rest of the page to help draw the user in. is a great example of a well-designed call to action landing page. The main call to action is to download Dropbox, which is backed up by the call to watch a video.

However, if a page is designed without intention, the call can be lost in page clutter. Calls to action often come in the form of a button or link, as the user is typically asked to take action on a separate page such as checking out on an e-commerce site or filling out a form to sign up for a newsletter. Sometimes however, as is often the case in eLearning, the call is to interact with a single page with no other goal than to absorb information. As an example of this, take a look at the site shown below.


A subtle call to action statement invites us to “meet the team.” When we click on any portrait, we are shown an overlay with that person’s bio plus the option to cycle to other team members. This creates a beautifully simple yet effective call to action statement, leading to an interactive experience. Note how it was only implied to click or tap each portrait, and not redundantly stated.

The call to action in this example is made distinct by its location in the center of the page. Whether just plain-text instructions or links and buttons, calls to action work best when they’re visually distinctive from the rest of the surrounding content through the following contrasting techniques:
  • Size
  • Color
  • Placement
  • Animation effect (subtle)
For eLearning development, a good practice is to decide up front which contrasting method(s) will be used and then apply consistently. If nothing else, try using a nice contrasting color for call to action text (visually distinct from hyperlink text). 

An appropriate call to action better ensures the learner won’t be left wondering what to do next. If there is some interaction to complete before clicking the Next button, that call should be clearly established. Consider also indicating when the Next button is safe to click. The default Articulate course player does this nicely by subtly flashing the next button when each slide is complete.

Technically, any button or link used in eLearning could be considered a call to action. Sometimes they are almost impossible to miss, like a button to submit an answer in a knowledge check. Often however, sections of eLearning content become crowded for space and messages can be missed. In these cases, it may be beneficial to take some cues from web design trends and apply some calls to action that are difficult to miss.

What types of calls to action have you seen or used?

Sunday, November 18, 2012

Personify eLearning

By Shelley A. Gable

As technology continues to command an increasingly prevalent role in our lives, it seems that our brains still respond better to a human touch. We can use this knowledge to help improve recall from eLearning lessons.

The research…

I’m in the midst of reading e-Learning and the Science of Instruction by Ruth Clark and Richard Mayer (it’s really a must-read for anyone who designs instruction). One chapter describes studies that suggest that including coach-like characters in eLearning and similar on-screen agents benefits learning.

Reading this chapter reminded me of a study I heard about a while back, in which subjects completed an online lesson on a health-related topic. While completing the lesson, subjects were asked questions and prompted to type out responses. Group #1 was told that an actual person received their responses during the course, while Group #2 was told that they were simply interacting with a computer. In reality, both groups were interacting with a computer only. Post-test results showed that Group #2 performed better. The researchers hypothesized that the perception of social interaction benefitted learning. (For the record, I think I heard about this on NPR, though I couldn’t track down the story when I tried finding it for this post.)

So how can we add a human element to eLearning lessons?

Consider these approaches…

Present eLearning from the perspective of a coach. Rather than simply displaying words on a page, introduce a coach type of character who serves as the narrator, being the voice of presented information and activity feedback.

For example, the coach might be a manager who needs the learner to help accomplish a challenge. A few years ago, I designed an eLearning lesson about insurance options. The main character was a manager who needed someone to help her answer customers’ questions about insurance. The eLearning lesson conveyed information as though she was teaching it to the learner. When the learner responded to knowledge check questions, the manager provided feedback and any needed coaching.

Or, you might make the main character an experienced employee who takes the role of mentoring the learner. In some ways, the approach could be similar to the example described with a manager. Additionally, you could create challenges in which the learner competes against the experienced colleague. For instance, if a performance requirement is to complete a task within a specific amount of time, you might prompt the learner to compete with the other character (e.g., Abby can do it in 30 seconds – can you beat her time?).

Provide the learner with a collaborator. The main character within an eLearning lesson could be someone who needs to learn along with the learner. Perhaps a fellow new employee or other acquaintance.

For example, a lesson that introduces learners to the mortgage industry might include a character who is about to buy a house for the first time. The lesson challenges the two of them – the learner and the fictional first-time homebuyer – to learn about the industry together. The “telling” information in the lesson could be knowledge the homebuyer already possesses and is sharing with the learner. Then, the homebuyer poses specific questions to the learner, which the learner answers based on reviewing job aids or other available resources. Feedback to knowledge checks might take the form of the homebuyer agreeing that a response sounds right (for correctly answered knowledge checks) or that something still doesn’t make sense, with a suggestion of something else to consider (for coaching in response to incorrectly answered knowledge checks).

Make interactions feel personable. There are many ways to do this. For instance, write eLearning content in a conversational tone, rather than a formal, textbook-like tone. Even feedback for knowledge checks can feel more relatable when written somewhat informally (consider saying “Are you sure?” or “That doesn’t sound quite right” instead of “Incorrect”). The chapter mentioned earlier in e-Learning and the Science of Instruction also offers advice for making eLearning feel more personable, from using polite language to animating avatars to use natural gestures.

How have you done this?

If you’ve used any of the approaches above, please share your experiences! What was the situation? How did you approach it? What advice can you share? And, if you happen to be familiar with the unidentified study described toward the beginning of this post, I’d appreciate being pointed to the source!

Wednesday, November 7, 2012

3 Ways to Use Adobe Connect

by Jonathan Shoaf

Adobe Connect is one of the leading virtual classroom products on the market. It has this reputation because it is user friendly, feature rich, reliable, and provides an identical experience for all users on all systems that support Adobe Flash. Adobe Connect competes in both the web conferencing and education markets.

There are several reasons it competes well when it comes to corporate learning. First, it is easy for learners to participate. All they need is a web-browser that supports Flash. There is no requirement to get IT involved. It also supports collaborative sharing and breakout rooms. It's video streaming and sharing capabilities are a step above the competition allowing presenters to push out video and pause video in the same spot for all partipants. And finally, it has robust polling and audience engagement features.

For all these reasons, Adobe connect can be used to do a variety of sharing and learning tasks online.

Lectures and Webinars

When there is a large number of participants and audience interaction is not a priority, Adobe Connect works well for these lectures and webinars. First, Adobe Connect allows presenters to share PowerPoint presentations. Event hosts can upload these ahead of time and Adobe Connect will convert them to a Flash format.

During a presentation, presenters may want to poll participants to guide the topics covered in the lecture. Adobe Connect has robust polling capabilities. Presenters can create polls ahead of time or on the fly. Presenters also have control over whether or not results are broadcast to the participants.

There are two roles Adobe Connect provides for teaming up on lectures and webinars. Hosts have the ability to create meetings and setup the structure for the participants to see. Presenters, on the other hand, do not need to be experienced with Adobe Connect. They can be invited by a host and simply control slides while the host handles all the other necessary tasks for a meeting.

It is important to also mention Adobe Connect's mobile capabilities here. Learners can participate in webinars from their Android or iPhone device. As a participant they will be able to see slides, hear audio, and participate in chat.

Colloborative Learning

Adobe Connect should not be thought of as a tool only for a large number of participants. In fact, some of the best features work for smaller groups. For example, nearly everything presented in Adobe Connect is a whiteboard. Attendees can use markup tools to annotate slide shows, images, and even streaming video.

Break out rooms are intelligently designed in Adobe Connect. Participants can be grouped into smaller rooms where they each become presenters and can share with each other. Group work done in these break out rooms can be shared with the rest of the class when the breakout sessions have ended.

Because it is Flash based, any Flash file can be imported and used in a meeting. These could be simulations, games, or self-paced e-learning modules. This allows the use of more interactive content to engage participants.

Personal Meeting Rooms

When is a virtual classroom not a classroom? When it's your own personal virtual office. When you create a room in Adobe Connect, it is persistent. It stays there until you tell it to go away. This means you can have a virtual office that is always available for meetings. You can have your meeting room's URL on your business card.

Adobe Connect's desktop sharing can be used to share information with others in these rooms. You can even take control of a participant's desktop (with their permission, of course).

Other benefits to having a meeting room include using a web cam so that attendees can see each other, sharing downloadable files with attendees, and using Adobe Connect's VoIP capabilities to allow meetings without the added cost of telephone conferencing.

These are just a few of the ways you can use Adobe Connect. It is a well thought out product that provides many options for interacting with and engaging remote participants. How do you use Adobe Connect?