Este documento proporciona consejos para crear contenidos digitales efectivos, incluyendo estructurar el contenido de manera coherente, usar fondos de color sólido en lugar de imágenes, seleccionar una paleta de colores limitada, usar fuentes legibles comunes, optimizar el peso y tamaño de las imágenes, y evitar elementos innecesarios como música o flash.

1. Consejos para crear contenidos
digitales
Paula Alejandra Vargas Susa
Angie Vanessa cabrera
1102

2. La mayoría de docentes no ha tenido una educación
visual y mucho menos una formación sobre
accesibilidad y usabilidad de contenidos interactivos.
Por esto, es comprensible que nos encontremos muy
buenos materiales didácticos con un diseño gráfico
pésimo que, además de dar una mala sensación,
dificultan su comprensión y uso.

3.  LA ESTRUCTURA.
Todo lo que hagas debe seguir una maquetación
coherente. La simetría, el orden y la compensación de
los espacios le da coherencia al diseño y ayuda al lector
a situar rápidamente las distintas partes del contenido.
Si pones las cosas donde te parece, sin ninguna
planificación previa, el resultado final tendrá mal
aspecto y hará que el lector se pierda con facilidad en
un caos de gráficos y texto. Esto se puede solucionar de
una forma sencilla.

4.  EL FONDO.
No uses imágenes de fondo, sólo colores planos. Estás
haciendo una actividad didáctica en la que lo
importante es el contenido. Los fondos de
imágenes repetidas o grandes imágenes dificultan la
visualización del texto además de que añaden un peso
considerable.

5.  LOS COLORES.
Un consejo sencillo, no pongas en una pantalla una combinación de colores
que no llevarías puesta. Cuando vayas a elegir los colores piensa que estás
delante del armario eligiendo la ropa que te vas a poner. Según el tipo de
ropa y el contexto elegirás unos colores u otros. (Un verde manzana quizá no
quede muy bien en una americana pero si en una camiseta para ir a la playa,
cada situación tiene sus colores).
Normalmente un diseñador no elige los colores sobre la marcha sino que
trabaja sobre una paleta que ha elegido previamente. Crea una paleta de 3 a
5-6 colores y construye todo el material sobre esos colores.
Para ayudarte en la elección hay herramientas como kuler.adobe.com donde
puedes crear tus propias paletas de colores y buscar dentro de las que ya han
creado otros usuarios.
Supongamos que nuestro material trata sobre “la primavera”. Nos vamos
a Kuler y ponemos en la caja de búsqueda “spring” (sí, hay que buscar en
inglés si quieres encontrar algo). Aparecerán toda una serie de paletas de
colores creadas por los usuarios para la palabra primavera.

6.  LA TIPOGRAFÍA.
La tipografía es un elemento muy importante del diseño. Aunque te pueda
parecer que cualquiera vale esto no es así.
Lo primero que debes tener en cuenta es que si tu actividad se va a ver en un
navegador tienes que usar una serie de fuentes determinadas. Si usas un tipo
de fuente que el usuario no tiene instalada la sustituirá por la fuente por
defecto del navegador y tu diseño ya no aparecerá tal como lo hiciste.
No hay fuentes más bonitas que otras, cada una de ellas puede quedar muy
bien en un contexto y fatal en otro. En nuestro caso las fuentes deben
ser sencillas y muy legibles y usar como mucho dos tipos de fuentes en un
mismo material.
En esta web puedes ver las fuentes más usadas y que sistemas operativos las
traen de serie.
Como habrás comprobado son pocas las fuentes que se pueden usar con
seguridad de que cualquiera las tendrá instaladas. Pero son suficientes para
hacer muy buenos diseños y además son las más legibles.
Por último, recuerda no utilizar un tamaño de fuente menor de 12.

7.  LAS IMÁGENES.
 Gifs animados. Tus alumnos juegan en la consola a juegos en 3D
desde que nacieron. Han visto explosiones y efectos especiales de
todo tipo en cine y televisión. No los vas a impresionar con un gif
animado de un perro bailando. Además, no tiene ninguna finalidad
didáctica. Totalmente prohibidos los gifs animados.
 Imágenes con transparencias. Si vas a usar este tipo de imágenes
utiliza imágenes PNG en lugar de GIF. Los gifs dejan un borde
blanco alrededor de la imagen que queda fatal. Si tu fondo no es
blanco utiliza imágenes png y esos molestos píxeles no aparecerán.
 Peso de las imágenes. Procura que tus imágenes pesen lo menos
posible. Esto ralentizan la carga y muchas veces no tiene
justificación alguna (las vas a poner en un tamaño pequeño y no
necesitas una gran resolución para que se vean bien). Tampoco
debes agrandar las fotos pues éstas quedan pixeladas al aumentar
de tamaño dificultando la visión y dando un mal aspecto a tu
material.

8.  Multimedia.
 La musiquilla de fondo. Esto es una carga innecesaria
para una página y además de distraer molesta. Hay
que eliminar todo aquello que no sea necesario para
la actividad. No hay que adornar.
 Flash. De esto hablaremos más profundamente en un
post pero como adelanto te aconsejo que lo evites
siempre que puedas. No es accesible y requiere de
mucho trabajo, no merece la pena.