The Power of Simplicity


More is better, bigger is better, shinier is better. Not necessarily when it comes to visual aesthetics in human-computer interactions.

Imagine opening a website looking for something specific, when all at once banners and pop-up ads start flashing at you, graphics are whirling, sounds exploding, text is blinking. The effect? You frantically start clicking and closing and minimizing… or you just become overwhelmed or annoyed and leave.

While not necessarily the case with training program design, there are instances when in the hopes of adding more functionality and value, course designers forget about the actual human experience of trainees.

First impressions are everything and looking at a program that does not immediately please us aesthetically makes us less inclined to enjoy interacting with it.

A number of studies have confirmed what we as humans find beautiful and these principles can easily be applied to e-learning programs as well.

While content is still key and needs to be presented in an engaging and digestible way, course design is just as important in improving a training program’s outcomes.

The effect of less

The Zen approach to design, or aiming to achieve the most with minimal means, has been shown to enhance the user experience and ultimately reach better outcomes.

More specifically, e-learning design should set out to highlight key concepts in an accessible and uncluttered way. Trainees are more likely to concentrate on what matters.

The more distractions a learner is faced with, the more overwhelming the entire process seems. In return, the mind easily gets distracted and the effect of the training program is lost.

This phenomenon can be attributed both to extraneous design and content, which pulls the attention from multiple directions.

To avoid such distractions, e-learning professionals should narrow down the scope of information presented with each following screen.

Weeding out the extras allows the learner to focus on what’s truly important and retain the essential concepts.

Achieving simplicity in course design

Simplicity is not only associated with less content and less variety in graphics, but also with order and consistency.

If the course style changes drastically from one screen to the next, learners may get subconsciously confused or even reluctant to adapt to the new style presented at them.

E-learning professionals should keep in mind that learners expect continuity not only in terms of how content is presented to them, but also in visuals and element organization.

Creating a template that holds together the entire training program and uses specific features throughout will only enhance the learners’ experience with the materials they are presented.

There are a number of elements that can go into a unified course style template:

• Images and graphics

These should not be vector graphics on one screen and full-blown art photography on the next.

In addition, other graphic elements, such as flowcharts, graphs, tables, etc. should display similar consistency in design.

• Fonts and colors

While colors may, in some cases, bring life to dull content, using a pre-selected palette of a limited number of colors is preferable to throwing in any color that looks good individually.

In ideal cases, colors should also have assigned functions so the learner’s eye has another aid in following along with the material.

To keep things simple, a single font family is far better than a number of (often) incompatible ones.

• Buttons and functions

To ease the learners’ experience, course designers should place buttons (save, proceed, help, etc.) and freeze their location for the duration of the course.

It isn’t fun for anyone to be faced with challenging training material and at the same time try to memorize the different functions and buttons again and again for every few screens.

• Titles, headers, and bullets

When a course-taker first glances at a new screen, they should be able to identify what they are

looking at without reading. Is it a new concept? Is it an illustration or an example? Is it the same idea from the previous screen, continued?

The systematic use of a unified system of markers should help along, not additionally confuse. Beauty is not the sole purpose of aesthetically pleasing e-learning design.

It is a powerful tool for enhancing the entire learning experience and make content flow more easily, eliminate distractions and ultimately improve learning outcomes.

Have you found that simple design works for you? In which areas of course design are you having trouble when it comes to simplifying? What are your own strategies for making e-learning more effective?

We’d love to hear back from you in the comments section below.

Photo credit

The post The Power of Simplicity appeared first on eFront Blog.

10 Graphic Design tips for e-learning educators

You deployed the most capable LMS platform (*cough* eFront *cough*). You have written the finest course material, crafted the best exercises, and organized them to perfection. You are finally ready to take your  live, but could there be anything missing?

Indeed, there could. Most of the time not much thought is given to the graphic design. At best, it’s left as an after-thought. In this article, we’ll explain why the design of an e-learning course is an important factor of its success and give a few basic guidelines that every e-learning educator should be familiar with.

1) Design is important

If you were to only take away a key insight from this article, it should be this. Design affects how students perceive your content. Bad design choices can render the content unreadable or hard to follow, while subtle design cues can help students navigate your courses or emphasize important sections. 
Good design is also a marketing tool. It helps differentiate an amateur looking e-learning site from a professional looking one. 

2) Hire a specialist. Or become one.

If you can afford to hire a design specialist for your e-learning content, don’t think twice about it ― your content will look much better for it. Don’t go for a designer that specializes in print design or brochure like, static websites. You’ll want someone who understands the dynamic web and the interactive aspects of using an LMS. Those usually come under the title of “UX Designer” or “UX Expert”.
If you can’t afford to hire a designer, don’t fret over it. You can still learn the basics and do a good job yourself ― that’s what we’re for after all.

3) A nice template is only the beginning

You might think you can bypass this whole “design” can of worms by using some ready made template. And, sure enough, it helps. A good template, especially one designed specifically for e-learning content (e.g one provided by your LMS vendor), can help you get all the defaults right, and avoid bad choices. But that’s just the beginning. 
A great template can take you 80% of the way to a nicely designed e-learning site, you have to take care of the rest of the 20% yourself. You’ll have to customize it for your particular content’s needs. You’ll also have to settle on colors, fonts and other choices the template might offer as customization options. And, finally, you’ll have to add your own branding on top of it.

4) Content is King

All your efforts towards the design of your elearning content should aim  to making your content shine. As they size in the publishing business, content is king. 
Design is not about adding graphic elements, decorations and ornaments for making stuff look pretty. It’s about organizing your content visually in a way that makes it easy to read and easy to follow. An important aspect of that is, for example, the proper presentation of your content’s hierarchy — its chapters, sections and subsections. If you’re not sure about a graphic elements utility with regard to your content, don’t add it. Less is more. 

5) Design for your audience

Of course you should *always* design for your audience ― those are the ones that will benefit from your design choices. But in this tip, we want to stress how you should also design for your target audience sensibilities and skills.
If, for example, your e-learning courses are addressed to small children you should not overcomplicated the navigation, or make the site look austere. Touches of color and bigger font sizes (like in children’s books) can help them connect to the content easier. If, on the other hand, you’re targeting lawyers or financial professionals, it will obviously be better to avoid cheeky colors. 

6) Design is mostly about typography

Even in this age of multimedia, if your content is anything like the average e-learning course most of it will be textual. Good typography ― choice of fonts, font-sizes, line length, columns etc, is the most important part of good graphic design.
Chose your fonts wisely ― if in doubt, stick to the standards — Arial, Helvetica, Verdana, etc (sans serif fonts usually look better on a computer monitor compared to serif fonts). Avoid garish choices (Comic Sans, anyone?). Don’t make them too small or too large. A font size of about 16px is a good starting point. Don’t make the content too long or too short horizontally. Around 70 characters per line is considered a best practice for optimal reading ease.

7) Color me impressed

Your palette matters. Believe it or not, color choices are not just about “personal taste”. Read a bit about “color theory” — it can help you pick colors that fit nicely together (e.g complementary colors) and avoid clashing hues. There are desktop programs and web services called “palette generators” that can help you pick and match color sets.
Consider “color coding”. That’s the name of the technique in which you use colors in your design to separate distinct content elements. E.g important notes could have a yellow background. Warnings could come with a red heading, etc. 
Above all, focus on readability. Long text passages should have good contrast — so use colors with a strong contrast for your typography (black text on white-ish background is a safe choice). You can still use bolder colors on your titles and asides, since those are short and typically use larger, easier to read, font sizes.

8) An image is worth a thousand words

The choice of illustration for your courses is important too. If you want custom illustrations for your content, consider creating your illustrations to fit your site’s graphic design (or vice versa). 
Avoid just using random pictures off of the internet, and especially don’t mix and match illustrations having different styles (e.g technical drawings and cartoons). Using a consistent style helps establish your content’s identity.
If you are strapped for cash, there are picture packs, with thousands of pictures, clip-arts and illustrations on various topics (e.g medical, animals, computers, flowers, etc) that might be appropriate for your content, and that usually have a consistent visual style. 

9) Keep up with the times

This tip is especially important for the branding and marketing appeal of your site. Some design choices are timeless, others change with the times. Try to create a design that appeals to modern users. Nothing says “cheap” and “amateur” than a 90’s looking design, whereas a Web 2.0 era style signals that you are a tad behind the times in this Web 3.0 era.
Your users will all be  familiar with sites like Facebook, Twitter, Google, Yahoo and the like, so keep an eye for design trends that appear on those that you can apply on your own e-learning site. 

10) Learn from your users

This list offers you a few basic guidelines (and it’s surprising how many sites get this stuff wrong). But even if you apply everything that’s in here religiously you won’t have a perfect design. There’s always room for improvement. Design is an iterative process.
Listen to your users, watch them use the site, and note any difficulties, complaints and suggestions they might have. Use their feedback to improve on your original design. Rinse. Repeat. Don’t be afraid to redo some design element you were fond of, if it proves problematic for your audience. 
And with that, we conclude our list. You already know enough to avoid the kind of visual atrocities one all too often sees on the web. Stay tuned though, because in future articles we’ll get into further details for a lot of elements on this list (typography, colors, illustration, etc).

The post 10 Graphic Design tips for e-learning educators appeared first on eFront Blog.

Gamification and instructional design [infographic] by @MiaMacMeekin

Hoy , un día raro en la península.. en Sevilla estamos de fiesta El Corpus CHristi  ... mientras en el Norte convocada una huelga general ... así que para nuestra #guerrillaONÍrica ... traemos a este espacio  una infografía de Mia MacMeekin ( @MiaMacMeekin ) cuyo blog se titula An Ethical Island How to Teach Without a Lecture and other fun

(leer más...) Fuente: [ ]

Adapting elearning programs cross-culturally

Culture determines not only how one learns and what one learns but also what one perceives as important to learn – and the effects of culture on learners’ experiences in elearning can be profound. Culture affects social behavior, communication, cognitive processes, and how one interacts with learning technologies – all central components to elearning design (Vatrapi, 2008). Anybody who has taught multi-cultural classes innately understand this in those “lost in translation” moments – dead silence, hesitation, discomfort, lack of participation – all visual cues. But if you’re doing an elearning course, especially if it’s self-paced, trainers cannot know what’s going on at the other end for learners. 

Because of the nature of elearning the relative risks of culturally inappropriate design are greater – you risk not only lack of participation, but people could reject the course outright, or alternatively take the course, but use valuable resources such as extra time in order to complete it. Another risk is that learning outcomes just aren’t the same and the knowledge that has been “transferred” is simply not applicable in the learner’s environment.

So what does this mean for the instructional designer?

Course designers must consider that their training or elearning course is going to accommodate the learners’ preferences and learning outcomes. Particular steps can be taken to adapt elearning for cross-cultural learners (from Edmundson):

1) Language translation – do materials need to be translated into (local) languages, including possibly making changes from American to British English? Are cultural references made within the material relevant to learners?

2) Localization – are the learning materials appropriate to the specific cultural context? Is imagery – such as the use of colors – appropriate? Is the clothing appropriate? Are the gestures culturally appropriate and understandable?

3) Access – do users have access to the technology that they need in order to undertake the elearning course (computers, internet/broadband connection, plugins &/or administrative ability to download them)?

4) Critical cultural distinctions in learners (from Campbell, 2011)

  • Are the learners cooperative or individualist learners?
  • Are the learners primarily motivated internally or externally?
  • How do the learners typically experience control over their learning – do they have a preference for following sequential instruction, or do they discover different aspects at their own pace?
  • What role do learners expect teachers to take – authoritative experts, or facilitators?
  • What value do learners place on errors – are errors considered a crucial part of the experience of learning, or are learners considered to be educated after they can perform a given task without errors?

In today’s truly international work environment, trainers need to go beyond merely recognizing cultural differences to actually adapting their programs to accommodate for those differences – and in the process avoiding potentially costly errors.

By @rgogos


Vatrapi, R.V. (2008). Cultural Considerations in Computer Supported Collaborative Learning. Research and Practice in Technology Enhanced Learning, 3(2), 159-201.

Andrea Edmundson. Free resources accessible from her website.

Alice Campbell. (2011). Authored this Wiki page