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

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

O O forma

aburrida TIPO A

mejor forma de explicación Del tema TIPO B

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).

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

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.

TIPO C

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:

O TIENES QUE TENER EN CUENTA :O Antes de empezar a escribir, necesitas

comprender el mensaje que vas a exponerO Hacer Textos cortos y concisosO Conocer a tu clienteO Repite el mensajeO Destaca entre los demásO Planifica, comprueba y modifica

O Características especiales : material digital diferente al material tradicional

O 1. es multimedia O 2. es hipertextualO 3. no es cerrado O 4. puede ser reutilicado,actualizado y

adaptado a costo bajo .

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

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...

O Conclusiones:O Estos contenido no enseñan solos O Son motivadores, entretenidos y creativos O Pueden ser abiertos , gratuitos, adaptables y

reutilizablesO Formatos abortos y estándares mejoran su

accesibilidadO Siempre están bajo algún tipo de licencia, es

recomendable decidir y explicitarO 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

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.

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.