Los principios del diseño que debe

aplicar al impartir un curso e-

Learning
Por un momento piense en sus propias experiencias de
aprendizaje a lo largo de su vida.

En la escuela siempre había un tema que era por naturaleza difícil

de comprender: un tema con una alta carga cognitiva intrínseca. A
veces, los libros de texto, con explicaciones incompletas o
confusas y analogías no relacionadas, le dificultaron la
comprensión del contenido. Estos libros aumentaron la carga
cognitiva y fueron ineficaces.

Pero casi todos hemos tenido algún maestro excelente que nos
ayudo a entender la materia de aprendizaje desafiante con
diagramas, dibujos y demostraciones. Nos ayudaron a aprender y
dominar el tema al reducir la carga cognitiva.

Como diseñador instruccional, la responsabilidad recae en usted

para crear cursos e-Learning que reduzcan la carga cognitiva, de
modo que sus estudiantes puedan comprender incluso el tema
más complejo fácilmente. Un buen diseño de e-Learning puede
ayudarle a cumplir con este objetivo.

1) Jerarquía visual: guiar la vista del estudiante

¿Por qué crees que los libros y los periódicos usan titulares,
subtítulos y párrafos para distinguir el texto? Eso es porque el
escritor quiere que el lector lea el contenido en un orden
particular: primero el título, luego el subtítulo y luego los párrafos.

Una fuerte jerarquía visual toma en cuenta el color, la tipografía,

la alineación y la ubicación de los diversos elementos en la
pantalla para crear un orden de visualización para el estudiante.
Este orden de visualización se basa en la importancia relativa de
las diferentes partes del contenido. Esta jerarquía no solo hace
que el contenido se pueda "escanear", sino que también indica a
la persona qué información es crítica. 

La ubicación de los elementos en la pantalla  de un curso debe

fluir naturalmente de uno a otro en una progresión
estratégicamente pensada. Las imágenes y los gráficos deben
estar orientados de una manera que dirija la atención del lector
hacia adentro y hacia adelante, nunca fuera de la pantalla o de su
contenido.

2) Simplicidad: Evite crear pantallas sobrecargadas

Todos tenemos experiencia con el desorden. Cuando el desorden

se apodera de nuestros escritorios, armarios y habitaciones,
pasamos horas buscando cosas que necesitamos. Es una
experiencia frustrante. Sus alumnos experimentan los mismos
sentimientos de frustración e irritación cuando tienen que
enfrentarse al desorden en sus cursos. Evitan leer lo que está en
la pantalla cuando están confundidos y no saben dónde empezar
a leer. 

La simplificación es un arte. El objetivo es crear un diseño limpio,

sin distracciones, y que no parezca aburrido. Además, debe
asegurarse de no sacrificar el significado para lograr la
simplicidad.

Aquí hay algunos consejos para ayudarle a lograr este delicado

equilibrio:
  Elimine el contenido innecesario o irrelevante. Seleccione
qué es lo más importante e incluya solamente eso. Todo lo
demás,  proporciónelo de una forma alternativa al alumno
(ya sea descargarlo como un PDF). 
 Divida el texto en títulos y párrafos y, si es posible, muestre
el contenido en forma de listas. 
 Grandes trozos de texto abruman rápidamente a los
estudiantes. Muchos estudiantes se desaniman solo con ver
grandes cantidades de texto en una sola pantalla.
 Adopte de simplicidad para los colores y las tipografías.
Manténgalo simple eligiendo 2-3 de cada uno como máximo.

3) Cree puntos focales

Un punto focal es un área de interés principal que atrae a la

persona tan pronto como llega a la pantalla. El punto focal es la
pieza más crítica, por lo que debe ser llamativa y convincente. Sin
este elemento central, la atención del alumno se dispersa
fácilmente a medida que los ojos se mueven por toda la pantalla
sin apoyarse en nada en particular. Y cuando no encuentra nada
llamativo, pasa a la siguiente pantalla.

Esto es lo que debe tener en cuenta al crear un punto focal para

una pantalla:

 Enfatice un concepto de aprendizaje importante por pantalla

y conviértalo en su punto focal.
 Su punto focal puede expresar la pieza de contenido más
importante en una pantalla a través de varios medios: como
una idea presentada en pocas palabras, una imagen, una
emoción representada a través de una historia o un conjunto
de estadísticas organizadas en una infografía.
 Cree un flujo de diseño en el que el punto focal de interés
sirva como el ancla que dirija la atención a los contenidos
secundarios y terciarios. 

4) Espacio en blanco: dar un respiro a los ojos

La concentración no es una de nuestras virtudes. Tenemos una
capacidad de atención extremadamente baja y, según un estudio,
las personas en el trabajo tienden a cambiar el enfoque de una
tarea a otra hasta 20 veces en una hora. Las redes sociales
tampoco ayudan.

Una pantalla que está cargada de elementos no es fácil de mirar.

Cada elemento parece gritar por atención. Los ojos miran para
todo lado y su mente no puede descansar en ningún elemento a
la vez. 

Para evitar esto, es clave usar espacios en blanco para reducir el

desorden y proporcionar un respiro visual a los estudiantes al
equilibrar las partes más cargadas de la pantalla. El espacio en
blanco es un espacio vacío (no necesariamente blanco) alrededor
del contenido, que calma y permite que el alumno se concentre.
Además, el espacio en blanco proporciona claridad y ayuda a
mantener la concentración.

Aquí hay algunos consejos sobre cómo usar los espacios en

blanco para crear experiencias de aprendizaje efectivas:

 El espacio en blanco no es siempre blanco. Simplemente

denota un espacio vacío que no contiene ningún elemento;
También puede ser de algún color.
 El contenido textual debería ocupar idealmente del 25 al 40
por ciento del espacio total de la pantalla. El resto debería
de ser espacio en blanco.
 Pero tenga cuidado: demasiado espacio en blanco también
dejará a los estudiantes sin un punto focal  y pueden
sentirse poco atraídos por el diseño de la pantalla.

5) Legibilidad: usar tipografías claras

¿Seguiría leyendo en Kindle si no puedes distinguir las letras del

libro? No, ajustará el brillo de la pantalla o aumentará el tamaño
de la fuente.
¿Seguiría viendo una película si no puede ver lo que está
sucediendo en la pantalla? No, jugará con los controles del
televisor hasta que las imágenes queden nítidas.

Sus estudiantes no tienen una manera de cambiar la forma en

que se muestra el contenido del curso en su pantalla. Así que
dejarán el curso si no pueden leer claramente lo que está en la
pantalla. 

Aquí hay algunos consejos a tener en cuenta:

 Las fuentes sans serif son mejores para leer en la web.

 No se ponga creativo con las tipografías. Algunas fuentes de
fantasía, especialmente aquellas con remolinos y giros, son
difíciles de leer. 
 Use una combinación de colores con colores contraste para
resaltar las fuentes y hacerlas altamente legibles.
 Use un tamaño de letra que sea legible, independientemente
del dispositivo en el que el alumno vea el curso. El tamaño
ideal para leer en línea es de 16 píxeles.
 Puede jugar con el contraste entre el fondo y el texto para
darle vida a la pantalla, pero no se pase del límite de lo
legible. Utilice no más de tres tipos de letra en y no más de
tres tamaños de letra para mantener la pantalla clara y
organizada.
 Puede usar el color para enfatizar piezas importantes de
contenido en lugar de introducir un nuevo tipo de letra.

6) Consistencia: Mantenga el estilo gráfico del curso

consistente

Las imágenes son poderosas herramientas de aprendizaje. De

hecho, se ha comprobado que el cerebro humano está conectado
para procesar imágenes más rápido que el texto. También, las
personas entienden mejor y más rápido el contenido cuando se
complementa el contenido textual con imágenes, que cuando se
utiliza solamente texto.
Pero tome en cuenta las siguientes reglas:

 Los gráficos en todo el curso eLearning deben coincidir. Use

imágenes con estilos similares para crear consistente y
armonía a lo largo del curso.
 Asegúrese de que haya un tema visual general a lo largo del
curso. Este tema visual de su curso debe trasladarse de una
página a otra. No trate de ser demasiado creativo y que
cada pantalla parezca de un curso diferente.
 Además, tenga cuidado con los tamaños de los títulos, las
opciones de fuente, la combinación de colores, los estilos de
botones. Todo debe tener consistencia. Por ejemplo,
asegúrese de que todos los botones del curso sean del
mismo color y que todos los títulos tengan el mismo tamaño
y tipo de letra.

Diseño de cursos e-Learning para

para no diseñadores
Un curso de e-Learning debe ser visualmente atractivo para que
sea efectivo. Sí, leyo bien. No importa cuán bueno sea su
contenido, si no tiene un buen diseño incorporado, los
participantes del curso perderán interés rápidamente.

Para empezar, necesita saber esto: el buen diseño no solo

captura la atención del usuario, sino que mantiene el interés. Si
esto suena desalentador, no se preocupe. 

Tome en cuenta los siguientes aspectos:

1) No sature las pantallas

Lo primero que debe hacer es reducir la saturación en una

pantalla.

Con tantos elementos compitiendo por la atención de un

estudiante en una pantalla abarrotada, se verán obligados a
dividir su atención entre leer y analizar tanta información. Las
personas al ver tanto en un mismo lugar se confunden y no saben
en qué enfocarse.

Consejos para simplificar sus pantallas: 

 Trate de explicar una sola idea en una pantalla.

 Curación de contenidos: Ser capaz de crear pantallas
simples que eviten mucho texto depende de su capacidad
para filtrar y seleccionar el mejor contenido. Asegúrese de
resaltar los datos críticos, por ejemplo, con listas y viñetas.
 Reduzca el número de frases y oraciones largas que usa.
 Utilice audios para proporcionar instrucciones. Esto facilita el
aprendizaje y elimina la necesidad de tener demasiado texto
en la pantalla.
 Restrinja la cantidad de colores que usa en el diseño a un
máximo de tres en la mayoría de los casos y preste atención
a la cantidad de tipografías que usa (no más de dos). Las
fuentes pueden agregar interés a su contenido, pero usar
demasiadas y puede distraer al usuario.

2) Tiene que ser fácil de leer

Estará de acuerdo en que además de ser visualmente atractivo, el

diseño de su curso de e-Learning debe ser FUNCIONAL. Los
participantes del curso deben poder LEER el material sin
problema si van a aprender algo. El texto debe ser fácil de leer y
legible. Esto significa que no debe poner texto amarillo sobre un
fondo blanco o azul sobre negro. Mantenga el contraste entre el
texto y el fondo para garantizar que los alumnos puedan entender
toda la información presentada. También debe asegurarse de que
la tipografía se pueda leer bien en varios dispositivos.

3) Vaya más allá de texto

Puede ser tentador nada más incluir todo el texto existente en un

PDF en unas cuantas pantallas e-Learning (y llamar eso un curso
e-Learning) - pero a menos que algo realmente ayude a los
estudiantes a comprender lo que necesitan saber ahora, no es
información útil.

Su propósito es lograr que su audiencia aprenda que la

información y haga algo diferente una vez terminado el curso, no
que se sature con grandes cantidades de texto aburrido y al final
no aprenda ni aplique nada. 

Para esto es muy importante aprender a representar la

información de forma visual. En lugar de usar grandes trozos de
texto para describir un producto, una escena o un evento, use una
infografía. Por ejemplo, un diagrama o una gráfica funciona más
para transmitir la relación subyacente entre dos objetos que unas
cuantas oraciones largas.

¡No crea que necesitas ser demasiado sofisticado! Unos simples

iconos incluso pueden ayudar a dividir bloques de texto.

4) Tome más tiempo para elegir las imágenes correctas

Para expandir el punto anterior, debe tenga en cuenta que no solo

una imagen será suficiente. Algunos diseñadores instruccionales
eligen imágenes como una idea de último momento simplemente
para rellenar la pantalla. Preparan todo el texto y luego intentan
encontrar imágenes que puedan "acompañar" y "decorar". Sin
embargo, esto no es lo ideal. Usted debe dedicar tiempo a elegir
cuidadosamente imágenes de alta calidad que agreguen algo de
valor al contenido. Elija fotografías que te cautiven por su
composición, calidad y la historia que cuentan. Incluso si no
conoce los términos de fotografía como la regla de los tercios,
elija imágenes que comuniquen un mensaje claro y que sus
estudiantes se sientan identificados con esa imagen. Si elige
imágenes de baja calidad, puede reducir el impacto de todo el
curso.

“Los usuarios prestan mucha atención a las fotos y otras

imágenes que contienen información relevante, pero ignoran las
imágenes sin sentido que se usan para “decorar ” las páginas
web.” - Jakob Nielsen.

5) No empiece a diseñar sin su audiencia meta en mente

Cuando se enfoca demasiado en el tema del curso e-Learning,

puede ser fácil olvidar la importancia de los consumidores de tu
curso (SUS ESTUDIANTES). 

La importancia de comprender al público objetivo no se puede

enfatizar lo suficiente. Si no los conoce lo suficiente, ese es el
primer paso para crear cursos irrelevantes y aburridos.

¿Qué colores les gustaría? ¿El diseño debe ser formal o moderno
y fresco? Incluso si el diseño de su curso le parece bien, debe
pensar si logrará el resultado deseado y si su público objetivo se
sentirá atraído por éste.

Entonces, SIEMPRE empiece por identificar a sus alumnos, lo

que necesitan saber, hacer y sentir antes de seguir adelante con
el diseño.

6) Use la jerarquía visual para organizar tu contenido

La jerarquía es una de esas reglas básica de diseño gráfico que

debe saber. Al momento de diseñar una pantalla, debe organizar
los elementos de manera que indiquen su importancia. Esto
garantiza que se enfaticen sus puntos más importantes. 

Piense en cómo sus ojos se sienten atraídos por los elementos

más grandes en una página primero. A veces es lo único que lee.
No quiere que sus alumnos ignoren los puntos clave porque los
mostró en una tipografía más pequeña. Considere si sería más
impactante organizar su contenido en párrafos o viñetas y si
destacará los puntos clave con color o los colocará en un
recuadro. Además, no olvide dejar espacio en blanco para que
cada elemento tenga suficiente espacio a su alrededor.

7) Consistencia y repetición
La repetición es otro de los principios básicos del diseño
gráfico.  Este se encarga de unir todos los elementos en un curso
y crea armonía. Esto significa que todas las pantallas en su
diseño deben verse como si estuvieran juntas. Más allá de la
estética, la consistencia facilita que los alumnos fluyan con el
contenido. 

Piense en cómo un libro usa un tipo de fuente específica para el

texto del cuerpo y otra para los títulos de los capítulos. Piense en
cómo se numera cada página y no solo algunas. Si estas cosas
se hicieran de manera fortuita, probablemente estaría demasiado
distraído para consumir el contenido. Incluso puede darse por
vencido antes de terminar el libro. Así es como los estudiantes se
relacionarán con su curso si no usa la consistencia y la repetición.

Repetir elementos de diseño a lo largo de su curso como las

tipografías, los colores o tipo de icono es clave para lograr esta
armonía que buscan los estudiantes. Los botones, las fotografías
y otros gráficos deben tener también un mismo estilo que los haga
consistentes. A medida que adquiera más experiencia con el
diseño, esto saldrá de forma natural... pero por el momento
enfóquese en hacerlo de forma consciente ya que la consistencia
ayudará a que sus estudiantes estén enfocados en tomar el
curso. 

8) Diseño con puntos focales claros

Los estudiantes a menudo tienen un tiempo limitado para tomar

un cuero, por lo que debe asegurarse de que puedan captar los
puntos clave lo antes posible. Sus ojos serán atraídos hacia lo
más prominente en la pantalla primero, así que debe asegurarse
de que sea lo más valioso. Utilice el color, el tamaño y la
ubicación para resaltar los gráficos clave, fotos, frases, botones o
números. Dado que los alumnos pueden explorar el curso sin
detenerse en todas las pantallas, debe asegurarse de que los
puntos clave sobresalgan.
Consejo: Pídale a un compañero de trabajo u otra persona con
ojos frescos (que nunca hayan visto el curso antes) que revise su
curso. Entonces pregúntele sobre su primera impresión. Si estaba
aburrido o distraído por un blog o su teléfono inteligente, entonces
debe reconsiderar su diseño.

9) Use el contraste

Cuando desee que los ojos de sus estudiantes vean un elemento

en particular, puede usar herramientas de diseño como el
contraste para resaltarlo. Una versión muy básica de crear
contraste es cuando se pone una frase en negrita dentro de un
párrafo. Su ojo es instantáneamente atraído hacia esa diferencia.
También puede hacer esto el tamaño, y el color, por ejemplo. Los
colores están vinculados a la emoción y afectan a cómo se
sienten los estudiantes cuando interactúan con el contenido de su
curso. Esto significa que los tonos que usa pueden influir en la
percepción general de su curso.

Use formas y colores contrastantes y contraste entre texto

(tamaño y color) y fondo (color) para lograr los siguientes fines:

 Para hacer resaltar información crítica.

 Para crear puntos de interés visual.
 Llamar la atención sobre contenido específico.
 Para involucrar a los estudiantes y mantenerlos interesados
 No use el contraste en exceso: Obviamente, resaltar un
párrafo completo no es una gran idea, ni utilice múltiples
elementos de contraste en la misma pantalla. ¡Enfatice el
elemento más importante solamente!

Tip: Antes de contrastar elementos en el diseño de su pantalla,

pregúntese qué quiere lograr. ¿Qué quiero que vean o hagan mis
alumnos? Una vez que haya respondido eso, tome su elemento
primario y póngalo en un color brillante para contrastarlo con un
fondo más oscuro o más opaco o hágalo más grande para llamar
la atención de inmediato.
10) Nunca empiece a diseñar sin un guión o "storyboard"

La mayoría de las personas que son nuevas en el diseño de

cursos e-Learning no planifican antes de abrir la herramienta de
autoría. Comienzan a crear el curso sobre la marcha y luego
comienzan a pensar en lo que quieren lograr. Sin embargo, se
darás cuenta de que trabajará mucho más rápido si tiene un plan
implementado. Incluso un esquema general puede ayudarle
enormemente.

En e-Learning llamamos a
este "esquema" un "guión"o "storyboard". Algunos de los
beneficios de usar esta herramienta son:

 Mostrar cómo los contenidos y elementos se relacionan y

encajan entre sí
 Generar un plan claro para la gestión de proyectos
 Asegurar que usted, los clientes y los demás miembros del
equipo están todos en la misma página
 Documentar los cambios y las ideas anteriores 

Estas son solo algunas de las formas en que los nuevos

diseñadores instruccionales, pueden crear cursos que involucren
a los participantes y fomenten el aprendizaje. Incorpore estos
consejos en sus diseños y es probable que su curso sea mucho
más efectivo.

Diseño de e-Learning: Cómo crear

consistencia visual sin ser aburrido
Cientos de artículos, libros y blogs de diseño nunca dejan de
recordarnos lo importante que es ser consistente cuando se crea
cualquier pieza gráfica, ya sea una pieza publicitaria o un curso e-
Learning. No lo discutimos. Pero como diseñador instruccional,
usted sabe lo difícil que es pasar de las palabras a los hechos
cuando se trata de mantener un look-and-feel consistente a lo
largo del curso. Después de todo, somos gente creativa y artistas
en el corazón. Nuestros cerebros se cansan y gritan por un poco
de chispa en el momento en que diseñamos un par de
diapositivas.

Los beneficios de ser visualmente consistente

Hay una razón (en realidad varias) por las cuales los gurús del e-
Learning hacen énfasis en obtener coherencia visual. Aquí
enumeramos algunas de las formas en que puede beneficiar a su
curso:

 Aporta una sensación intuitiva: La consistencia visual

ayuda a los estudiantes a obtener un sentido de cómo
funciona un curso, cómo encontrar su camino alrededor de
él, dónde buscar los elementos de instrucción y de
navegación, y qué hacer con los diversos elementos
visuales. La consistencia le ofrece la familiaridad a la
interfaz, por lo que los alumnos se sienten seguros de
usarlo. ¡La familiaridad es reconfortante!
 Reduce la carga cognitiva: La consistencia reduce la carga
cognitiva de un curso por lo que es más fácil para el alumno
seguir adelante con el aprendizaje en lugar de desperdiciar
energía mental tratando de averiguar cómo llevar a cabo
una actividad o acceder al glosario. 
 Demuestra profesionalismo: Una mezcla de tipos de letra,
una variedad de iconos y elementos colocados al azar en la
pantalla dan a su curso una apariencia descuidada y poco
profesional. El "desorden" huele a falta de profesionalismo y
a pereza.
 Crea armonía: Hay belleza en el equilibrio. Cuando los
elementos visuales están diseñados para verse y funcionar
de forma armoniosa, hay un sentido de cohesión.

Cómo ser consistente sin ser aburrido

Ser consistente en el diseño de un curso no significa que
vayamos a ser percibidos como aburridos por el estudiante. 

Cinco reglas para ayudarle a crear un curso e-Learning

visualmente coherente que no traiga bostezos consigo:

1. Cree una fuerte jerarquía visual

Una fuerte jerarquía visual ayuda a dar una apariencia y

sensación consistente con el curso. Lo más importante, la
jerarquía visual facilita el aprendizaje mediante la creación de un
orden de visualización consistente en la pantalla que distingue
claramente entre títulos, subtítulos y cuerpo del texto, así como
entre elementos importantes y la información periférica (buena
pero no necesaria saber).

Aspectos que podrán ayudarle a crear una jerarquía visual:

 Divida el contenido para definir el orden de importancia en el

que deben aparecer los contenidos.
 Determine los tamaños de letra para los diferentes niveles
de contenido: título, subtítulo y cuerpo.
 Determine la ubicación de los distintos elementos (texto,
imágenes y botones que revelan capas de información), de
esta forma los ojos pueden leer de forma natural a través del
contenido en su orden de prioridad. Por ejemplo, el botón
que se abre al hacer clic en una pieza de información bonita
de saber (secundaria) se coloca después del contenido
principal y cerca de la parte inferior de la diapositiva.

2.  Utilice una combinación de colores armoniosa

Una paleta de colores coherente no sólo crea simetría visual, sino

también hace que el curso sea más fácil de utilizar por parte del
alumno. Se facilita el aprendizaje delineando el orden de
visualización de los elementos en la pantalla y ayuda a distinguir
entre elementos funcionalmente diferentes.
Esto es lo que hay que recordar cuando se utiliza un esquema de
color para su curso: 

 Elegir un esquema de color que tenga de 1-3 colores

primarios y 1-3 colores secundarios. Esto asegura que haya
variedad en el curso.
 Elija los colores que sea contrastantes y que además se
complementen entre sí. Esto asegura que la paleta de
colores no es opuesta para el ojo. Aprenda sobre la rueda
de los colores aquí.
 Tenga en cuenta la psicología del color al elegir los colores
de su paleta.
 Cree diversidad mediante el uso de diferentes tonos del
mismo color o ajustando el brillo y el contraste.
 Utilice colores uniformes para los elementos relacionados.
 No sacrifique la visibilidad por el bien de la utilización de
colores. Asegúrese de que los fondos de pantalla a color no
hagan el texto ilegible.

3.  Repita ciertos elementos visuales para facilitar el uso del

curso

Los siguientes son algunos de los elementos visuales que puede

repetir consistentemente sin transformar el curso en una
experiencia molesta o aburrida:

 Iconos: Los iconos representan las ideas complejas y temas

generales dentro de un espacio limitado y permiten el
reconocimiento rápido. Iconos como el correo electrónico o
de impresión no necesitan ser explicados. Si va utilizar otro
icono no tan reconocible, asegúrese de que se relacione con
el tema de su curso y que explique su significado al principio
del curso. Por ejemplo, si incluyó un escenario sobre el
cambio climático, se puede utilizar un icono ilustrado de la
tierra que los estudiantes pueden presionar para volver a
repasar el escenario.
  Tipos de letra: No utilice demasiados tipos de letra. Elija
una familia de letras con muchos estilos que le permita crear
un aspecto diferente con el texto sin sacrificar la coherencia.
 Botones y pestañas: No cambie los estilos de éstos. Sus
botones y pestañas pueden tener diferentes colores, pero
deben ser similares para que parezca que pertenecen el
mismo curso. Por ejemplo, si utiliza un estilo de botón con
relieve, adhiérase a él durante todo el curso. Además,
asegúrese de que los botones o pestañas que tienen
funciones similares se parezcan entre sí.

4. Sepa cuando ser inconsistente

Introduzca un elemento de sorpresa para condimentar un poco las

cosas sin sacrificar el aspecto armónico de su curso e-Learning.
Alguna inconsistencia de vez en cuando va a añadir un punto de
interés en el curso. La inconsistencia es como un accesorio
llamativo que anima atuendos simples y evita que se convierta en
algo aburrido.

La clave está en encontrar un equilibrio y la regla de oro es: sea

inconsistente con moderación y con un propósito, no sólo porque
quiera divertirse. De lo contrario va a terminar con un curso de e-
Learning que es caótico en apariencia y confuso para el
estudiante.

La inconsistencia funciona bien en los casos siguientes: 

 Para llamar la atención: Lo que está fuera de lo ordinario

llama la atención al instante y nos mantiene enganchados.
Sea inconsistente para destacar y llamar la atención sobre
las partes más críticas del material en una diapositiva.
Puede utilizar un toque de color, un tipo de letra diferente o
un icono exclusivo para que los alumnos presten atención.
 Para distinguir entre los diversos elementos: Al igual que
elementos similares deben parecerse entre sí, elementos
dispares deben tener un aspecto diferente también. No se
amarre tanto a la consistencia de modo que las actividades
 de arrastrar y soltar en su curso no se diferencien de una
tabla estática que presenta la información.

5. Cree una guía de estilo 

Esto puede no parecer tan importante como la creación de una

fuerte jerarquía visual o pegarse a un esquema de color a lo largo
del curso, pero una guía de estilo es clave para mantenerse
alineado con el tema visual del curso. Una guía de estilo es muy
práctica y sirve como una calculadora automática cuando varios
diseñadores trabajan en un curso o que tendrán que crear varios
cursos como parte de una serie. 

A muchos diseñadores de e-Learning les gusta crear una guía de

estilo y compartirlo con sus estudiantes. Esto da a los
participantes una idea de cómo se va a ver su curso.

Cómo evitar la sobrecarga visual en

cursos e-Learning
¿Con qué frecuencia se ha sentido frustrado tomando un curso en
línea o viendo una presentación porque no sabe ni dónde volver a
ver en la pantalla?

¿Con qué frecuencia se ha sentado a ver una presentación con

los ojos entrecerrados porque no puede distinguir desde el
asiento de la quinta fila lo que el presentador había agregado en
la parte inferior de la pantalla?

Lamentablemente, estas historias de horror son más frecuentes

de lo que nos imaginamos porque incluso los diseñadores
instruccionales más bien intencionados han sido culpables de
crear pantallas de eLearning desordenadas y sobrecargadas.
Esto podrían darse porque no se ha estructurado el contenido con
anticipación o porque colocan demasiados elementos en un
espacio limitado.

Consejos para evitar el diseño de pantallas de e-Learning

desorganizadas y sobrecargadas:

1) Tome en cuenta las necesidades de la audiencia

El curso está dirigido para ser tomado por sus alumnos. Suena
obvio pero a veces lo más obvio no es lo más fácil de llevar a
cabo. O bien, ¿por qué habría tantos cursos de aprendizaje en
línea que andan por ahí, tratan sobre el mismo tema, dan vueltas
y vueltas en círculos y contienen demasiada información que los
alumnos no están interesados en conocer?

Teniendo en cuenta las necesidades de la audiencia cuando crea

sus cursos, se asegurará de que no estás perdiendo el valioso
tiempo y las energías de su audiencia. Su objetivo debe ser crear
cursos centrados en la información CLAVE teniendo en cuenta los
siguientes puntos:

 Realice un análisis exhaustivo de la audiencia para

determinar lo que sus alumnos ya saben y lo que
necesitan saber.Estas ideas le ayudarán a descubrir si lo
que va incluir en el curso no sea repetitivo e irrelevante.
 Realice también un análisis de contenido
completo.Clasifique la información bajo los encabezados
“Importante de saber” y “Agradable de saber”. Incluya todo
el contenido que ha categorizado como "información
agradable de saber" en capas (que se revelará al usuario
cuando haga clic sobre un botón, una pestaña, una imagen
o una palabra o frase en particular). Incluya en la pantalla
solamente la información "Importante de saber".
 Pregunte por qué.¿Por qué a la audiencia le importa la
información que desea incluir en su curso? Si su curso tiene
que ver con el lanzamiento de un nuevo producto, la
 respuesta a esta pregunta debería ser la misma razón por la
que eso lo impulsó a lanzar el producto. No pienses en el
diseño a primera hora cuando estés en la herramienta de
autoría. Reflexione sobre las expectativas de su audiencia.
En su afán por crear un curso "llamativo", terminará creando
una pantalla abarrotada y donde la multitud de elementos
visuales ahogan el por qué.

2) Siempre utilice un "Storyboard" 

Crear un storyboard antes de desarrollar el curso es lo mejor que

puede hacer. El storyboard o guión gráfico le permitirá organizar
el contenido para que pueda crear pantallas "limpias" y
organizadas.

También al realizar este planeamiento de lo que irá en cada

pantalla con anticipación, le dará una idea de cómo se verá el
curso. Por ejemplo, podrá determinar si algunas pantallas están
demasiado cargas y necesitan dividirse en más pantallas - o ya
sea eliminar contenido que no es necesario. 

Consejos para ayudarle a aprovechar al máximo el proceso de

creación de Storyboard:

 Asegúrese de haber definido los objetivos de

aprendizaje y la estrategia instruccional antes de
comenzar a hacer storyboard.Es básico trabajar con
enfoque a los objetivos y con una estrategia clara. Al ir
definiendo lo que va en cada pantalla, podrá ir viendo si el
contenido de cada pantalla corresponde a los objetivos
planteados al inicio. Si empieza a notar que el contenido se
sale de esa linea, será momento de considerar eliminarlo. 
 Use el storyboard para definir el esquema de contenido
y / o la historia que se contará a través del curso.El
proceso de creación de un storyboard le brindará la
oportunidad y el espacio para reflexionar sobre el flujo de
información a través del curso. Le ayudará a organizar la
información en el orden correcto.
3) Adopte el enfoque de "menos es más"

Con tantos elementos compitiendo por la atención del alumno en

una pantalla sobrecargada, las personas se ven obligadas a
dividir su atención entre leer, concentrarse y analizar la
información. Al ver tantas cosas sucediendo en una pantalla, los
estudiantes se confunden y no pueden enfocarse en lo que es
verdaderamente importante de aprender. El cerebro humano no
puede funcionar de manera óptima si está desarrollando múltiples
tareas al mismo tiempo. Es difícil para los ojos encontrar el punto
focal y captar la información más importante cuando hay mucho
elementos compitiendo por la atención.

Consejos para ayudarle a simplificar sus pantallas:

 Trate de explicar una sola idea por pantalla.Los

diseñadores instruccionales también tienen que ser
curadores de contenido. Asegúrese de resaltar los datos
críticos, por ejemplo, con listas de viñetas. Puede poner en
negrita las partes clave de un elemento de viñeta, sin
embargo, restrinja esta parte resaltada a solo unas pocas
palabras. ¡Demasiado énfasis puede ser una exageración!
 Reduzca el número de frases y oraciones largas que
utiliza.Simplifique el lenguaje para que su audiencia pueda
procesar la información de forma rápida y sin
ambigüedades.
 Utilice la narración para proporcionar instrucciones.Esto
facilita el aprendizaje y elimina la necesidad de tener
demasiado texto en la pantalla. Sin embargo, asegúrese de
que el audio no sea una réplica de la información
presentada como texto en pantalla. Utilice el audio para
dirigir al alumno a leer el texto; NO debe ser al revés.
 Represente la información visualmente siempre que sea
posible.En lugar de utilizar grandes trozos de texto para
describir un producto o una escena o un evento, utilice
imágenes. Por ejemplo, un diagrama o una gráfica son
 formas más efectivas de transmitir la relación subyacente
entre dos objetos que unas cuantas oraciones.
 Desarrolle un modelo para simplificar información
compleja.Los modelos son poderosos y pegajosos porque
ayudan a las personas a entender el mundo que los rodea,
las relaciones entre los objetos, los patrones subyacentes a
los eventos y las tendencias comunes en múltiples
situaciones, con solo una mirada casual. Aquí hay algunas
ideas sobre cómo crear modelos:
o "Chunking":Esto implica agrupar elementos comunes
en un segmento o grupo. Asegúrese de señalar sus
similitudes y diferencias.
o Secuencia:ordene los elementos si ocurren en una
secuencia específica, como los pasos o etapas de un
proceso o el orden cronológico de los eventos.
o Diagramas de flujo:use diagramas de flujo para
ayudar a la audiencia a visualizar los pasos de un
proceso y los puntos de decisión involucrados en las
distintas etapas de un evento en particular.

4) Proporcione información en capas o niveles y deje que las

personas exploren el contenido

No es una buena practica colocar toda la información de un solo

en la pantalla. Lo recomendable es separar la información y dejar
que los alumnos la descubran poco a poco explorando la pantalla
e interactuando con los diversos elementos gráficos para revelar
la información. Por ejemplo, en lugar de incluir una gran porción
de texto y varias imágenes pequeñas que sobrecargarán la
pantalla, puede colocar un icono gráfico con una imagen
simbólica de la idea contenida en el texto. Los alumnos pueden
hacer clic en la imagen del icono para leer información más
detallada. 

Este es el método de exploración de contenido. No solo hace

que la pantalla esté más limpia y ordenada, sino que también
promueve la interacción de los alumnos al permitir que exploren
los elementos de la pantalla.

5) Deje espacio "en blanco"

Sabemos cómo es ... como diseñadores instruccionales, siempre

queremos ofrecerle al estudiante la mayor cantidad de
información posible. A veces cometemos en error de considerar
que TODO es importante.  Queremos que completen el curso con
nosotros sintiendo que saben TODO lo que hay que saber sobre
un tema. 

El resultado: desorden, saturación, y estudiantes confundidos y

frustrados.

Las pantallas sobre cargadas no solo son abrumadoras y

desordenadas a primera vista, sino que también reducen la
eficacia instruccional del contenido.

La solución: dejar más espacio "en blanco" en la pantalla.

El espacio en blanco ayuda a las personas a separar los

objetos  en una pantalla,  y, por lo tanto, elimina el desorden.

Consejos sobre cómo usar el espacio "en blanco" de manera

efectiva en sus diseños de pantallas e-Learning: 

 Equilibrio y la armonía.Si bien es necesario dejar espacios

en blanco en las pantallas, definitivamente esto tampoco
significa que más es mejor. Demasiado espacio en blanco le
da a la pantalla un aspecto seco y deja a las personas
preguntándose si olvidó incluir algo. Trate de lograr un
equilibrio entre el espacio en blanco y los otros elementos
visuales en la pantalla.
 Utilice espacios en blanco para crear una jerarquía
visual. Cuando hace que todo lo que aparece en la pantalla
parezca importante, los estudiantes se tienden a confundir
porque no pueden distinguir lo que es realmente importante
 y merece su atención y lo que no. Por lo tanto, es importante
PRIORIZAR. 
 Agrupe elementos similares y rodélos con espacio en
blanco. Esto los diferencia de los elementos que no son
iguales. 
 Llame la atención con espacios en blanco.Rodeé un
elemento en la pantalla con espacios en blanco si desea que
los alumnos lo noten primero. Por ejemplo, es posible que
desee que los alumnos primero observen a un personaje
antes de que comiencen a leer el texto.

¡Respete el tiempo de su audiencia! Ellos están tomando este

curso para satisfacer su necesidad de conocimiento, y su rol
debería de ayudarlos a cumplir sus objetivos de aprendizaje de la
forma más eficiente posible. Asegúrese de utilizar estos consejos
para no desmotivar a sus estudiantes con pantallas
sobrecargadas y desorganizadas.

Guía sencilla para diseñar

storyboard
No comience un curso e-Learning sin un camino claro en la
mente; como en cualquier otro esfuerzo, la planificación es la
clave. Para ello, un storyboard o guión didáctico puede ser muy
útil.

¿Qué es un storyboard o guión didáctico?

El término "storyboard" proviene de las producciones de películas,

donde los creadores esbozan una película en una serie de
imágenes fijas. Un storyboard en e-Learning es la antesala directa
del curso. Este engloba la estructuración y adecuación de
contenido del programa completo. Mas allá que una simple
descripción del contenido general incluye desde gráficos hasta
video.

¿Por qué es necesario crear un storyboard?

  Mostrar cómo los contenidos y elementos se relacionan y
encajan entre sí.
 Generar un plan claro para la gestión de proyectos.
 Asegura que usted, y sus estudiantes están en la misma
sintonía.
 Documentar los cambios y las ideas que han surgido en el
desarrollo del curso.

Estructura de un storyboard

Si bien se puede utilizar cualquier formato que funcione para el

diseñador instruccional, hay algunos elementos que tienen que
estar presentes para que un storyboard funcione con eficacia:

 Encabezado / Título: Incluye el nombre del proyecto, el

nombre del módulo, el nombre de la pantalla o el número, la
fecha y demás datos identificativos que se necesiten para
mantener los storyboards ordenados.
 Pantalla de texto: Es el texto, en su totalidad, que
aparecerá en la pantalla. Incluye las instrucciones que los
estudiantes verán, como "Haga clic en SIGUIENTE para
obtener más información". Esto permite que expertos en la
materia vean exactamente lo que se va a presentar.
 Audio: Incluye el guión, el nombre del archivo de música y
los efectos de sonido, en caso de que se reproduzcan en la
pantalla.
 Instrucciones de Navegación / Interacción: Es todo lo que
un alumno puede o debe hacer en la pantalla. Este ítem es
grande, pero es importante que todos sepan cómo se
interactuará con la lección. Incluye todos los árboles
interactivos, como los cuestionarios, junto con las diferentes
respuestas que se mostrarán. Asimismo, asegúrese de
especificar cómo los alumnos van de una página a la
siguiente. La forma lógica de programación puede ser de
utilidad aquí: utilice “si/entonces” siempre que sea posible.
 Gráfico / Medios: Son las imágenes o animaciones, así
como su posicionamiento en la pantalla. En esta parte
 incluso se pueden añadir bocetos en miniatura en vez de
describirlos textualmente. 

En general, un storyboard de e-Learning debe ser lo más

detallado y específico posible.

El Proceso de creación de un storyboard

La creación de un storyboard en e-Learning depende de usted,

pero aquí hay una guía a las preguntas importantes que debe
responder antes de abrocharse su cinturón y poner en marcha la
creación del guión:

1. Evaluación de necesidades: ¿Cuál es el público objetivo?

¿Cuál es su nivel de habilidad? ¿Tienen conocimiento
previo?   
2. Organizar los materiales: ¿Tiene contenido disponible en
este momento para empezar o lo tiene que recolectar? Del
que tiene… ¿Es todo importante? ¿O hay información
secundaria que podría dejar por fuera?
3. Definición de objetivos: ¿Cuáles son los objetivos de
aprendizaje? ¿Tiene objetivos secundarios? Es importante
que sus objetivos no solo comuniquen el qué, sino también
el porqué y cómo los estudiantes usarán ese conocimiento
en la vida real. 
4. Selección de técnica de instrucción: ¿Desea presentar
este contenido a través de la narración de cuentos, un
enfoque basado en escenarios, o algún otro método? 
5. Secuencia de contenido: ¿Cómo ordenará el contenido?
¿Qué temas deberán ir antes o después? ¿Existen unidades
o módulos que encajan entre sí de forma más natural que
otros? 

Esto puede parecer mucho trabajo, y lo es; hacer un storyboard

en su totalidad puede ser complicado para proyectos pequeños.
Pero en los más grandes, el esfuerzo inicial es más que
recompensado por una mayor eficiencia en el futuro.