1. CONSEJOS GRAFICOS PARA ELDISEÑO DE
RECURSOS DIGITALES
La gran diferencia de un material educativo creado por una empresa o una
editorial y el material educativo creado por un docente es:
 Los primeros son puros diseños gráficos
 Los segundos puros diseños didácticos
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.
CONSEJITOS
CONSEJOS PRÁCTICOS páginas donde se pueden
Existen muchas
descargar layout o grid sobre los que diseñar. HTML
 El diseño debe ser interesante con el fin llevan incorporadas plantillas que podemos utilizar.
de que centre toda la atención del lector en el
contenido
 El contenido debe ser interesante para que así no se distraiga el lector en este caso el
estudiante
 El diseño grafico que se le aplique a un contenido debe ir de acuerdo a lo que usted
quiere mostrar, puede ser el mismo texto pero todo puede cambiar de acuerdo al diseño
que usted le ponga.
 En 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.
 Tu contenido, gráficos y demás material que quieras aplicarle a tu presentación debe
tener una planificación previa.
 En el fondo No uses imágenes de fondo, sólo colores planos.

2.  En una actividad didáctica lo importante es el contenido
 Las imágenes no deben ser respetivos ni muy grandes para que no dificulten la
visualización del texto.
 no pongas en una pantalla una combinación de colores que no llevarías puesta
 Cuando vayas a elegir los colores date cuenta que contrasten con el contenido
 normalmente un diseñador no elige los colores sobre la marcha sino que trabaja sobre
una paleta que ha elegido previamente.
 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.
 Utiliza los claros para el fondo y los colores oscuros para el texto
 Antes de elegir los colores asegúrate de que dispones de suficientes colores para hacer
contrastes, para eso tener una paleta de colores.
 La tipografía es un elemento muy importante aunque no lo consideren así.
 Si deseas que tu actividad se vea en el navegador debes utilizar 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.
 Las fuentes deben ser sencillas y muy legibles y máximo utilizar dos fuentes.
 No utilizarla fuente menos de 12.
 Si vas a utilizar imágenes de transparencia utiliza imágenes PNG en lugar de
GIF, porque los GIFS dejan un borde blanco alrededor de la imagen que queda
fatal.
 Procura que tus imágenes pesen lo menos posible.
 La musiquilla de fondo es innecesaria.
 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

3. herramientas a tu alcance, innovar para captar la atención y utilizar
una estructura lógica que haga más fácil la lectura.
 no hay excusa para faltas de ortografía, errores gramaticales o información
‘pasada de fecha’.
 Antes de empezar a escribir, necesitas comprender el mensaje que vas a exponer.
 Si estás familiarizado con el tema del que vas a escribir, te será mucho más
sencillo llegar a ‘conectar’ con el lector.
 Conviene visitar foros, blogs o comunidades para entender que es lo que mueve a
los potenciales clientes.
 Textos cortos y concisos
 Conoce a tu cliente
 Repite el mensaje
 Planifica,comprueba y modifica
 Promover el aprendizaje
 Enseñar a partir de historias, casos yejemplos
 Poner a disposición la información relevante en el momento que se necesita
 Generar motivación e interés por la materia
 Permitirle al alumno cometer errores en entornos seguros
 Permitir al estudiante controlar su proceso de aprendizaje a su propio ritmo
 Implicar diferentes sonidos
 Incorporar emociones
 Hacer que la tecnología se mantenga
multimedia
Hipertextual
No es cerrado

4. Puede ser reutilizado, actualizado y adaptado
Un objeto de aprendizaje comprende todo tipo de archivo digital puede ser
incorporado y combinado en cualquier unidad o modulo de un curso.
Es una unidad reconocible, estandarizada e interoperable.
 Permite un desarrollo e contenidos mas flexibles y a menor costo
 Admite una actualización constante
 Requiere ciertos datos para ser contextualizados
 Ser accesibles
 Interoperables
 Cumplir los estándares
los materiales son importantes el maestro es moderador y animador, aprovechar la
variedad de medios y recursos, crear materiales accesibles
Como crear contenidos web digital
 Humaniza tu imagen y evita los comunicados de empresa y el autobombo: transmite y
comunica, establece conexión con los usuarios, habla de temas y asuntos que puedan serles
de interés, muestra qué beneficios obtendrá al elegirte, no le digas sólo que eres el mejor.

5.  Escucha a los usuarios: utiliza herramientas de opinión o calificación (como
cuestionarios, formularios, sistemas de votaciones o redes sociales) y de análisis web (tipo
Google Analitycs) que te aportarán gran cantidad de información sobre los usos y visitas
de la web, y aprovéchalo para reestructurar tu site, destacar lo que más interesa al
usuario y escribir sobre ello.
 Crea, innova y personaliza los contenidos:
 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.
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.
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.
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.
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.
Dirigir la mirada del usuario-lector y su "escaneo" hacia lo que te interesa destacar por medio
de titulares, negritas, viñetas...
Además, pon atención al estilo de los textos:
No uses, o al menos no abuses, de las mayúsculas. En medios digitales es como GRITAR
ALGO.
Evita justificar textos, tanto por legibilidad como por accesibilidad, pues se crean ríos en blanco
que dificultan la lectura y que, en ocasiones, puede llegar a impedirla, como ocurre a personas
con determinados grados de dislexia.
Tipografía y fuentes bien escogidas: un tamaño, contraste y color adecuados (ni demasiado
grandes ni demasiado pequeñas, legibles, claras, no estridentes...). Esto también es importante
por razones de accesibilidad.