Descripción

Los niños tienen habilidades, preferencias y necesidades diferentes al adulto, que además van cambiando conforme crecen. A este hecho hay que sumarle que en esta etapa de la vida, las diferencias de género en la relación, uso y consumo de las nuevas tecnologías son mayores que nunca, por tanto, debemos tener en cuenta que los niños representan un tipo de estudiantes muy heterogénea, para los que no existe una receta mágica de diseño.

Algunas diferencias entre niños y adultos en el uso y desarrollo de páginas web nos pueden dar pistas para saber cómo diseñar con niños:

• Los sonidos y las animaciones son apreciados de forma positiva por los niños.
  La mayoría de autores coinciden en señalar que factores emocionales como la diversión juegan un papel crucial en el diseño de páginas web usables para niños, motivándolos en la interacción y en la consecución de objetivos. 
   

• Los niños suelen recorrer la pantalla con el puntero, ya sea para ver qué zonas son cliquiables o simplemente para disfrutar de los efectos de sonido que reproducen los diferentes elementos del interfaz al ser sobrevolados. 
   

• Las metáforas de navegación geográficas funcionan.
  El objetivo del uso de metáforas en el diseño es hacer familiar y comprensible lo desconocido. Además, el uso de metáforas visuales - ya sean geográficas o de otro tipo - es una acertada decisión de diseño para niños, ya que éstos presentan menos conocimiento, habilidad y capacidad para la lectura. 
   

• Los niños no suelen utilizar la barra de scroll. Este hecho, que en un principio también se daba en usuarios adultos, es posible que cambie con el tiempo - por la proliferación de ratones con rueda de scroll-, aunque por el momento sugiere que en un diseño orientado a niños funcionarán mejor las páginas cortas. 
   

• Los menores son más propensos a leer las instrucciones de uso que los adultos.
   

• Aún así, cualquier sección de ayuda debería ser redactada de la forma más sintetizada posible.

Conclusiones

Involucrar a niños en el proceso de desarrollo de páginas Web pensadas, diseñadas y orientadas a niños, es la única forma de asegurar un diseño final usable, accesible y entendible por los niños. Además, como hemos visto, en este tipo de diseños cobran especial importancia aspectos emocionales como la diversión durante la interacción, por lo que elementos que en un sitio Web orientado a adultos resultarían superfluos y molestos, para esta audiencia pueden resultar muy motivadores y divertidos.  

• Temario a desarrollar

Introducción

Como iniciar un sitio. Trabajar con formato básico de texto. Trabajar con imágenes. Trabar con tablas. 

Vínculos. Marcos. Capas. Biblioteca.

Adobe Dreamweaver

- Herramienta para la creación y el diseño de sitios Web.

- En este módulo aprenderán a desarrollar y publicar sitios Web dinámicos.

- Cubriendo los principales aspectos de planeación y organización de un sitio Web.

- Ventana de documento. 

- Panel de activos. 

- Barra de estado. 

- Paleta de objetos: objetos caracteres, objetos comunes, objetos para formularios, objetos para marcos, objetos head, objetos invisibles, objetos especiales. 

- El lanzador, inspector de propiedades, paleta historia, paleta de referencias. 

- Ventana documento, ventana sitio, crear y guardar páginas. 

Adobe Flash

Programa de animación Web que permite, entre muchas otras cosas, realizar películas animadas. Este módulo está orientado a las animaciones con efectos especiales, les permite conocer las técnicas básicas de diseño utilizando el programa Adobe Flash, incluyendo sus características y herramientas. El alumno aprenderá a crear diferentes tipos de animaciones, utilización de efectos, manejo de sonido y video. Finalmente, aprenderá a publicar sus películas con las características de Flash Movies.

- Pantalla de trabajo. 

- Películas.

- Dibujo en flash.

- Colores. 

- Objetos. 

- Textos. 

- Biblioteca de símbolo.

- Animaciones. 

- Imágenes. 

- Sonido. 

- Interactividad.

- Publicar películas 

   
Adobe Fireworks

Con Adobe Fireworks es posible realizar botones, recuadros y lìneas con una gran calidad gráfica que  enriquecerá el diseño de cualquier página. Mediante los comportamientos es posible crear menús y mensajes en diferentes partes del navegador, también se puede utilizar para crear, editar y animar gráficos Web, añadir interactividad y optimizar imágenes en entornos profesionales, en Fireworks es posible crear y modificar imágenes vectoriales y de mapa de bits en una sola aplicación, todo es modificable en todo momento  el flujo de trabajo puede automatizarse para satisfacer las necesidades de cambio y actualización que de otra forma exigirían una enorme dedicación.

- Pantalla de trabajo. 

- Trabajar con lienzos.

- Trabajos con capas. 

- Trazos con rellenos. 

- Herramientas de dibujo. 

- Trabajar con textos. 

- Efectos.

- Utilizar mapas de imagen y animaciones.

- Fotogramas y símbolos.

- Crear botones. 

- Comportamientos. 

- Importa y exportar archivos.
 

Proyecto final
Durante el transcurso del curso, el alumno irá desarrollando el proyecto final.