CONSEJOS GRAFICOS PARA EL

DISEÑO DE RECURSOS

EDUCATIVOS DIGITALES

SI NO QUIERES CAER EN EL LADO

OSCURO (TIPO A), AHÍ VAN UNOS

PEQUEÑOS CONSEJOS:

Esta imagen representa el lado

oscuro, todo lo que no se debe hacer

en una pagina web, tiene mal

aspecto, lo cual no es llamativo y se

torna aburrido el texto, por el color

de su fondo, la letra etc.

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.

Existen muchas páginas donde se pueden descargar layout

o grid sobre los que diseñar.

LA ESTRUCTURA

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.

EL FONDO

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.

LOS COLORES

Lo primero que debes tener en cuenta es que si tu actividad se va aver en un navegador tienes que usar una serie de fuentesdeterminadas. Si usas un tipo de fuente que el usuario no tieneinstalada la sustituirá por la fuente por defecto del navegador y tudiseño ya no aparecerá tal como lo hiciste. En esta web puedes ver lasfuentes más usadas y que sistemas operativos las traen de serie.

Como habrás comprobado son pocas las fuentes que se pueden usarcon seguridad de que cualquiera las tendrá instaladas. Pero sonsuficientes para hacer muy buenos diseños y además son las máslegibles.

Un consejo más, nunca uses la fuente “Comic sans”. Sólo hay unacosa que un diseñador odie más que Internet Explorer 6 y es la fuenteComic Sans.

Por último, recuerda no utilizar un tamaño de fuente menor de 12.

LA TIPOGRAFIA

Gifs animados: tiene que ser algo muy llamativo, asi que no pondras

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 las imágenes pesen muy poco. 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

LAS IMAGENES

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.

MULTIMEDIA

Esta imagen sigue unas premisas

básicas para un diseño funcional y

accesible. Un diseño que centre la

atención en el contenido, que no

distraiga al lector, en este caso, al

alumno.

TIPO B

n el que me salto algunos de los

consejos que te he dado. Podría ser

una buena opción para situaciones

determinadas pero sin duda elegiría

el Tipo B como material para la

escuela. El Tipo B tiene mucho

menos peso (las conexiones de las

escuelas no son muy buenas) y el

contenido queda mucho más limpio y

claro.

TIPO C

6 CONSEJOS BÁSICOS PARA

ESCRIBIR CONTENIDOS

DIGITALES EFECTIVOS

Las pautas básicas que hay que tener en cuenta a la hora de escribir contenido

digitales efectivos en cualquier soporte digital son: conocer el tema sobre el

cual vas a redactar y los puntos esenciales que pueden interesar a tu lector

potencial, utilizar párrafos cortos y directos, analizar el estilo de redacción que

vas a utilizar teniendo en cuenta quien lo va a leer, reforzar tu mensaje con

todas las herramientas a tu alcance, innovar para captar la atención y utilizar

una estructura lógica que haga más fácil la lectura.

PAUTAS BASICAS

Las pautas básicas que hay que tener en cuenta a la hora de escribir contenido

digitales efectivos en cualquier soporte digital son: conocer el tema sobre el

cual vas a redactar y los puntos esenciales que pueden interesar a tu lector

potencial, utilizar párrafos cortos y directos, analizar el estilo de redacción que

vas a utilizar teniendo en cuenta quien lo va a leer, reforzar tu mensaje con

todas las herramientas a tu alcance, innovar para captar la atención y utilizar

una estructura lógica que haga más fácil la lectura.

El lenguaje debe inclinare mas a lo coloquial.

TEXTOS CORTOS Y CONCISOS

Vigila el vocabulario y lenguaje que utilizas. No será lo mismo escribir para el

grupo de usuarios entre 50-60 que buscan un plan de pensiones, que para

adolescentes interesados en juegos para teléfono móvil.

CONOCE A TU CLIENTE

Para reforzar el mensaje, conviene repetir el mismo en varias ocasiones.

Ojo, no me refiero a escribir la misma frase palabra por palabra, sino repetir la

idea principal.

REPITE EL MENSAJE

Una vez publicados los textos es muy importante continuar haciendo tests

para comprobar su funcionamiento y asegurarnos que cumplen con la misión

para la que fueron redactados. Y si no es así, pues escribirlos de nuevo. Mejor

eso que tener un texto que no funciona.

Pon en práctica estos consejos y verás como la calidad de tus textos mejora.

PLANIFICA, COMPRUEBA Y

MODIFICA

En internet, el mensaje tiene que ser comunicado rápidamente. Así que trata

de ser innovador y creativo con el texto.

En internet, el mensaje tiene que ser comunicado rápidamente. Así que trata

de ser innovador y creativo con el texto.

DESTACA ENTRE LOS DEMÁS

CREAR, REUTILIZAR Y

COMPARTIR CONTENIDOS

EDUCATIVOS

Es multimedia

Es hipertextual

No es cerrado

Puede ser reutilizado, actualizado y adaptado a un costo muy bajo

MATERIAL DIGITAL ≠ MATERIAL TRADICIONAL

CARACTERÍSTICAS ESPECIALES

• Los contenidos educativos no enseñan solos.

• Pueden ser motivadores, entretenido y creativos.

• Pueden ser abiertos, gratuitos, adaptables y reutilizables.

• En la red son abundantes, pero no funcionan como productos masivos

sino que se adaptan al contexto y las necesidades de cada publico

CONCLUSIONES

1. Ser usuario: pensar cómo y en el usuario

2. Humaniza tu imagen y evita los comunicados de empresa

3. Escucha a los usuarios: utiliza herramientas de opinión o calificación.

CÓMO CREAR CONTENIDOS WEB

DE CALIDAD

• Crear contenidos legibles y fáciles de entender.

• Cuidar la ortografía.

• Evitar o restringir el uso de abreviaturas y acrónimos

• Cuidar la extensión

• Dirigir la mirada del usuario-lector

SEGUIR LAS 3 CES DEL PERIODISMO:

LENGUAJE CLARO, CONCISO Y

CORRECTO.

Utilizar alguna imagen para ilustrar los textos.

Poner un título interesante.

Cuando hayas terminado, intenta sintetizar lo más importante del artículo o

texto en cuatro líneas y ponlo como resumen o, mejor, como encabezado

del artículo, pues eso es lo que determinará que nuestros usuarios sigan

leyendo o se vayan.

NO OLVIDES