1. Consejos gráficos para el
diseño de recursos
educativos digitales

2. O Los materiales educativos creados por empresas de
contenidos o editoriales son puro diseño y los
creados por profesores son diseño didáctico (con
algunas excepciones)
O Los profesores no tienen educación visual y mucho
menos una formación sobre accesibilidad y
usabilidad por ello es que es difícil que al profesor
en sus contenidos se le centre atención a el
contenido y que no distraiga al lector.
O 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

3. O
O forma aburrida
TIPO A
mejor forma de explicación
Del tema TIPO B

4. ESTRUCTURA DE UN BUEN GRAFICO PARA DISEÑO :
Existen muchas páginas donde se pueden descargar layout o grid
sobre los que diseñar. Muchos editores de HTML llevan
incorporadas plantillas que podemos utilizar. Si vas a diseñar con
programas como Photoshop, Gimp, Inkscape, Illustrator o
Freehand te puedes bajar grids en todos los formatos
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.
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).

5. O La tipografía: 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.
O 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
O 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.
O Peso de las imágenes. Procura que tus imágenes pesen
lo menos posible

6. 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.
Tipo C, en 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.

7. TIPO C

8. O CÓMO ESCRIBIR CONTENIDOS DIGITALES
EFECTIVOS
O pautas básicas: 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.
O Desde luego, no hay excusa para faltas de
ortografía, errores gramaticales o información
‘pasada de fecha’. No voy a entrar en técnicas para
mantener la atención del lector, qué ritmo o
entonación utilizar, qué palabras escoger, etc. sino
que voy explicar unas sencillas directrices para
atraer la atención del visitante:

9. O TIENES QUE TENER EN CUENTA :
O Antes de empezar a escribir, necesitas
comprender el mensaje que vas a exponer
O Hacer Textos cortos y concisos
O Conocer a tu cliente
O Repite el mensaje
O Destaca entre los demás
O Planifica, comprueba y modifica

10. O Características especiales : material digital
diferente al material tradicional
O 1. es multimedia
O 2. es hipertextual
O 3. no es cerrado
O 4. puede ser reutilicado,actualizado y adaptado a
costo bajo .

11. O Seguir las 3 ces del periodismo: lenguaje claro,
conciso y correcto:
O Crear contenidos legibles y fáciles de entender. Utiliza un
lenguaje claro, evitando la terminología técnica. Si no hay
más remedio que usarla, podemos, por ejemplo, explicar
de qué hablamos y luego poner entre paréntesis su
nombre técnico.
O Cuidar la ortografía, muchas faltas y errores son como
puñetazos. Y no olvides las tildes, aunque parezca obvio
es más habitual de lo que parece.
O Evitar o restringir el uso de abreviaturas y acrónimos y, si
se han de usar varias veces en la página, la primera vez
que se haga debe contener una descripción de los
mismos. No lo des por sobreentendido, pues no todos los
usuarios tienen los mismos niveles culturales o
tecnológicos

12. O Cuidar la extensión. Cuando hayas acabado de redactar,
revisa lo escrito y todo lo superfluo ¡fuera!. Seguro que
puedes reducir al menos un tercio su extensión, aunque
lo ideal es dejarlo en la mitad. Si a pesar de ello, tienes
artículos muy largos, organízalos bien y pagínalos,
profundizando un poco más en cada página para que el
usuario decida si quiere o no seguir leyendo.
O Crear una estructura clara que permita al usuario
encontrar fácilmente lo más importante. Divide el texto en
partes y párrafos, no demasiado largos, pero no de
cualquier manera: cada uno debe expresar una idea.
O Dirigir la mirada del usuario-lector y su "escaneo" hacia lo
que te interesa destacar por medio de titulares, negritas,
viñetas...

13. O Conclusiones:
O Estos contenido no enseñan solos
O Son motivadores, entretenidos y creativos
O Pueden ser abiertos , gratuitos, adaptables y
reutilizables
O Formatos abortos y estándares mejoran su
accesibilidad
O Siempre están bajo algún tipo de licencia, es
recomendable decidir y explicitar
O En la red son abundantes pero no funcionan como
productos masivos, sino que se adaptan al
contexto y las necesidades de cada publico y
situación

14. Y, en general, para toda la web:
O Cuida todas las páginas como si fueran la portada pues,
gracias a los buscadores, los usuarios pueden entrar por
cualquiera de ellas. Si no son atractivas e interesantes,
no verán el resto de tu web.
O Actualiza frecuentemente los contenidos e indícalo.
O Elimina lo desfasado y caducado. No queda bien entrar
en una web y que la información sea de la Edad de
Piedra.
O Evita las páginas en construcción. Además de
desorientar ¡cabrean! Si no lo tienes, no lo pongas.
Anúncialo: añade un post bien visible e indica tus
próximas novedades, cuándo estarán disponibles y qué
beneficios aportarán al usuario. Con ello tal vez vuelva a
visitarte en vez de añadirte a mi lista negra.

15. O Crea libros de estilo para la web: por legibilidad y
accesibilidad. Dará unidad a la web y es... cuestión
de estilo.
O Parafraseando al maestro Nielsen: No me hagas
pensar. El orden de navegación y lectura debe ser
lógico e intuitivo, y evitar saltos innecesarios dentro
de la página.
O No olvides poner un título descriptivo e informativo
de la página web, eso ayudará a saber dónde
estamos y a encontrarnos mejor en los
buscadores.