Todo lo que hagas debe seguir unamaquetación coherente. La simetría,el orden y la compensación de losespacios le da coherencia al diseño yayuda al lector a situarrápidamente las distintas partes delcontenido

Ninguna planificación previa, elresultado final tendrá mal aspectoy hará que el lector se pierda confacilidad en un caos de gráficos ytexto.

LA

ESTRUCTUTA

Existen muchas páginas donde se puedendescargar layout o grid sobre los quediseñar. Muchos editores de HTMLllevan incorporadas plantillas quepodemos utilizar.

Si vas a diseñar con programas comoPhotoshop, Gimp, Inkscape, Illustratoro Freehand te puedes bajar grids entodos los formatos.

Estas plantillas para maquetación sepueden aplicar a cualquier diseño quehagas ya sea una página web, un flash, unpdf, etc.

PLANTILLAS

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

Un consejo sencillo, no pongas enuna pantalla una combinación decolores que no llevarías puesta.

Buscar la paleta decolores procura que unossean claros y otros oscuros.Utiliza los claros para losfondos y los oscuros para eltexto pero ante todo asegúrate deque dispones de suficientescolores para crearvarios contrastes.

LOS COLORES

Crea una paleta de 3 a 5-6colores y construye todo elmaterial sobre esos colores.

Para ayudarte en la elecciónhay herramientascomo kuler.adobe.com dondepuedes crear tus propiaspaletas de colores y buscardentro de las que ya hancreado otros usuarios.

EJEMPLOS

La tipografía es un elemento muy

importante del diseño.

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.

NOTA: nunca uses la fuente “Comic sans” Ya

como sabemos las personas odia internet

LA

TIPOGRAFIA

GIFS ANIMADOS:

Los niños juegan en la consola de juegosen 3D desde que nacieron. Han vistoexplosiones y efectos especiales de todotipo en cine y televisión. No los vas aimpresionar con un Gifs animado de unperro bailando. Además, no tiene ningunafinalidad didáctica. Totalmenteprohibidos los Gifs animados.

LAS

IMAGENES

IMÁGENES CON TRANSPARENCIA

Si vas a usar este tipo de imágenesutiliza imágenes PNG en lugar deGIF. Los Gifs dejan un bordeblanco alrededor de la imagenque queda fatal. Si tu fondo no esblanco utiliza imágenes png y esosmolestos píxeles no aparecerán.

PESO DE LAS IMÁGENES

Procura que tus imágenes pesen lomenos posible. Esto ralentizan lacarga y muchas veces no tienejustificación alguna (las vas a poneren un tamaño pequeño y no necesitasuna gran resolución para que se veanbien). Tampoco debes agrandar lasfotos pues éstas quedan pixeladas alaumentar de tamaño dificultando lavisión y dando un mal aspecto a tumaterial.

LA MUSIQUILLA DE FONDO

Esto es una carga innecesaria para unapágina y además de distraer molesta.Hay que eliminar todo aquello que nosea necesario para la actividad. No hayque adornar.

MULTIMEDIA

FLASH

De esto se hablara másprofundamente en un postpero como adelanto teaconsejo que lo evitessiempre que puedas. No esaccesible y requiere demucho trabajo, no merecela pena.

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

PAUTAS

BASICAS

El visitante tiene que leer y entenderel mensaje en cuestión de segundos.Como ya sabéis los usuarios no leenpalabra por palabra, sino queescanean el texto. Aunque hayexcepciones, es muy probable que untexto largo sea desestimado deforma inmediata.

TEXTOS CORTOS Y

CONCISOS

CONOCE A QUIEN VA DIRIGIDO

EL TRABAJO:

CONOSCAMOS EL TIPO DE

LENGUAJE POR QUE NO ES LO

MISMO DIRIGIRNOS A

JOVENES QUE A ADULTOS O A

NIÑOS.

DESTACA ENTRE

LOS DEMÁS

Nota: utiliza slogan y frases

impactantes para atraer la

atención del lector.

No puede estar más claro, ¿verdad?

Hay que planificar que es lo que se

va a escribir, donde irá colocado y a

quién va dirigido.

Una vez publicados los textos es muy

importante continuar haciendo test

para comprobar su funcionamiento y

asegurarnos que cumplen con la

misión para la que fueron

redactados. Y si no es así, pues

PLANIFICA,

COMPRUEBA Y

MODIFICA

El alumno como protagonista

(explora, descubre,

experimenta) El docente, tutor

como motivador (anima,

estimula, pregunta).

LOS CONTENIDOS

NO ENSEÑAN

SOLOS

Promover el “aprender

haciendo”- Enseñar a partir de

historias, casos y ejemplos-

Poner a disposición la

información relevante en el

momento en que se necesita

Generar motivación e interés

por la materia- Permitirle al

alumno cometer errores en

¿QUÉ ROLES

JUEGAN LOS

CONTENIDOS?

Permitir al estudiante

controlar su proceso

de aprendizaje a su

propio ritmo.

Procurar que la

tecnología se mantenga

“invisible”: lo que ayuda

a aprender son los

contenidos

1 Es multimedia

2 Es hipertextual

3 No es cerrado

4 reutilizado, actualizado

adaptado a costo muy bajo.

MATERIALES

DIGITALES

Comprende todo tipo de

archivo digital: texto, página

web, audio, video, etc.- Puede

ser incorporado y combinado

en cualquier unidad o módulo

de un curso- Es una unidad de

contenido reconocible,

estandarizada e

interoperable.

¿OBJETO DE

APRENDIZAJE?

Es recomendable almacenar los

contenidos en un formato que puede ser

abierto en diferentes sistemas sin

necesidad de convertirlos a otros

formatos- No exigir a los estudiantes

usar aplicaciones y herramientas que no

son libres o que son inaccesibles para

leer el formato de los materiales-

Priorizar los formatos abiertos (por

ejemplo, documentos PDF o RTF)- En

aplicaciones y actividades: priorizar los

formatos que corren en la web y que son

accesibles desde distintos navegadores,

FORMATOS

Copyrigth: todo lo que

publicamos tiene por defecto

esta licencia- Distinto tipo de

licencias abiertas: Creative

Commons (para especificar

diversas condiciones de uso),

GNU (software libre), etc.-

Dominio Público.

OPCIONES

En lo posible, usar contenido original

o contenido de terceros seleccionado

y remezclado por nosotros.- Copiar,

pegar y reutilizar es válido, siempre

con creatividad, credibilidad y

sentido crítico- Citar, usar enlaces,

crear bibliografías y referencias-

Buscar y utilizar contenido bajo

licencias Creative Commons o de

dominio público- Incrustar contenido

multimedia (se aloja en servidores de

RECOMENDACIO

NES

Incentivar a los

docentes en la creación

de contenidos digitales,

en las diferentes áreas

mediante herramientas

gratuitas y de fácil

manejo, útiles para

integrar las Tecnologías

de la Información y la

Tiene características especial que

lo diferencian del material

didáctico tradicional: Es

multimedia: Combina texto,

imagen, audio, video). Necesitamos

múltiples dispositivos y

herramientas para conseguir el

material y editarlo. Es

hipertextual. Está vinculado a

otros recursos por medio de

EL MATERIAL

DIGITAL

ACTIVIDADES DE LA

DIGITALIZACIÓN

Para elaborar contenidos digitales,

se necesitan varias herramientas

combinadas. Las imprescindibles son:

Procesador de texto

Programa de presentaciones

Editor de fotos e imágenes

Editores sencillos de audio y video

Convertidor a formato PDF, para

publicarlo en un formato accesible.

ALGUNAS HERRAMIENTAS

HABITUALES

Texto conciso y escaneable

Lenguaje neutral: usar listas, diagramas, imágenes

Pirámide invertida: Comenzar por lo más importante y terminar con el contexto y lo complementario

Aprovechar las ventajas del hipertexto: Como Glosarios, bibliografía, indices.

DOCUMENTOS DE

TEXTO

Las presentaciones en e-learning: Las

presentaciones pueden combinar

texto, imagen, audio, video y

animación, por lo que son una

herramienta de comunicación

versátil y potente.

Si se va a usar en una web

conferencia o videoconferencia, se

debe usar poco texto, fondos claros

y letras oscuras.

Si se trata de un show de imágenes y

audio, puede ser automática e incluir

PRESENTACIO

NES