Página Inicial
Inicio .

  Objetivos
Nuevas Tecnologías en el Aula
....Ventajas e inconvenientes
....El papel del profesor
Buscar la Información

Organizar la Información

Diseño de un sitio Web
....Diseño pedagógico
....Diseño estructural
....Diseño formal
Equipamiento Necesario
....Escáner
Fuentes Multimedia
....PProgramas Multimedia
....PInternet
Evaluación de la Unidad
....PAl terminar el diseño
....PTras trabajar la unidad
 
  ....Antes de ponernos ante el ordenador para crear el diseño nuestro sitio Web aún hay otra tarea que realizar. Es imprescindible tener las ideas claras:

¿Cómo vamos a repartir los contenidos?
Dependiendo de los distintos grupos de alumnado, el estilo de aprendizaje particular para cada alumno, etc., ¿qué posibles caminos vamos a establecer para recorrerlos?
¿Qué señales de situación vamos a poner para que nuestra unidad no sea un laberinto?
¿Qué enlaces a otros sitios Web queremos que aparezcan?.

....Frente a la habitual utilización de esquemas (estructura lineal) para distribuir los contenidos, el diseño web es más eficiente con una estructura de árbol. Una herramienta fácil de manejar que puede ayudar a construirlo es el Power Point.

....Un problema propio del hipertexto (del ordenador) frente al texto impreso tradicional es su homogeneidad: todas las páginas son iguales. Cuando leemos un libro tenemos constancia de dónde nos encontramos. Cuando leemos un hipertexto es difícil conocer la situación exacta y podemos llegar a una situación que se ha descrito como "perdido en el hiperespacio". Este tipo de síndrome se produce cuando el lector:

"a) No sabe dónde se encuentra ahora.
b) No sabe cómo volver a algún lugar conocido.
c) No sabe cómo buscar la información que necesita o desea.
d) Tiene la sensación de que, a pesar de sus esfuerzos, se está perdiendo algo importante."

....Para evitar la sensación de perdidos en el hiperespacio el profesor Landow propone dedicar especial atención a estos tres items:

1. Un diseño claro de la estructura del hipermedia, de la que se debe hacer consciente al usuario (incluyendo meta-información, por ejemplo).
2. Una elaboración cuidadosa de las páginas que tenga en cuenta los diferentes tipos de usuarios potenciales y que incluya la suficiente metainformación para que el lector pueda decidir entre las diversas opciones que se le ofrecen.
3. Un conjunto de dispositivos de navegación que permitan a los lectores: a) determinar su localización actual, b) hacerse una idea de la relación de tal localización con otros materiales, c) volver al punto de partida, y d) explorar materiales no directamente vinculados a los que se encuentra en este momento.

....Para conseguir un diseño claro recurriremos, en tiempo de diseño formal, a la diferenciación con títulos y subtítulos, colores, fondos, etc., de las diferentes secciones o partes lógicas del documento, para ayudar a encontrar de nuevo el camino (y ser consciente de cuando se deja para entrar en otro). Otra técnica es distinguir ciertos nodos respecto a los cuales el usuario pueda situarse y ubicar la información: de la misma manera que en una ciudad desconocida ciertos lugares significativos nos sirven para orientarnos y situar otros, uno o varios lugares "clave" a los que se pueda volver desde cualquier sitio con facilidad (la portada, los índices de cada sección, etc.) ayudan a ubicarse al lector.

....Otra pista de situación para el navegante son los indicadores de situación. En las señales de tráfico de la carretera no pone "Usted ha llegado aquí". En las páginas web pondremos rótulos, botones y/o etiquetas con el título de la sección visitada y su situación relativa dentro del resto de la unidad.

....En el diseño de un web público, al crear una página hay que pensar que puede ser la primera que vea el visitante. Hay que dar una identidad a cada página que la identifique como parte de un sistema y la diferencie de las otras. La repetición de un diseño, un logotipo, una combinación de colores,... da sensación de seguridad, como al entrar en dos oficinas de la misma entidad bancaria o dos supermercados de la misma cadena.

....Un buen sistema de navegación empieza con un mapa de contenidos en la página principal. En cada página colocaremos un rótulo que la identifique y unos botones gráficos o iconos que nos permitan movernos por el resto de la unidad. La utilización de los iconos ha de ser especialmente cautelosa. Si bien pueden ser un elemento que proporcione entidad a todas las páginas, su significado ha de ser claro e inequívoco. Es una buena costumbre acompañarlos de etiquetas de texto. Otra alternativa es el empleo de rótulos pequeños de todas las localizaciones del mapa, diferenciando el rótulo de la posición actual.

....Un problema añadido, propiciado por la libertad que se da al alumno para elegir su camino de aprendizaje es la posibilidad real de que al llegar a una página no todos han tenido que pasar por el mismo sitio. Ahora bien, si nuestra unidad ha de ser un web pedagógico, ¿cómo garantizar que todos los alumnos han recorrido los nodos principales y no se han perdido en el laberinto de relaciones hipertextuales? Evidentemente, limitando de alguna manera los caminos secundarios en esta fase del diseño del hipertexto.

Pistas para elaborar el diseño estructural

  • Una vez preparado el texto con los contenidos que vamos a exponer (diseño pedagógico), llega el momento de estructurarlo. Es importante tener en todo momento presente la característica no lineal de la tecnología que vamos a utilizar. Podemos, y debemos, dividir el contenido en unidades separadas que se conecten entre sí, de manera que desde un nudo inicial podamos acceder a distintos subnudos, desde los que podremos volver al inicial o "navegar" a otros que tengan conexión con el actual:
  • Dividir la información (parcelación en páginas web).
  • Definir de las relaciones entre las entre las páginas web.
  • Definir los enlaces, nodos o hipervínculos que establecerán los recorridos potenciales del alumno por el material.
  • La estructura final debe ser clara. Hay que evitar que los alumnos se sientan perdidos o desorientados. Una buena ayuda es poner frecuentes enlaces "arriba" o al "mapa de contenidos".
  • Asímismo la unidad debe ser consistente, evitando que alguno de los temas quede aislado o desconectado del resto, y permitiendo distintos recorridos, para que cada alumno pueda adaptarla a su propio ritmo de aprendizaje.
  • En la investigación realizada para obtener información seguro que hemos encontrado sitios interesantes y, a ser posible, atractivos que tratan sobre nuestro mismo tema o algún otro que guarda relación con él. Resulta elegante, y honesto, que desde nuestro web facilitemos el acceso a estos sitios mediante el enlace correspondiente. Es el momento de decidir dónde pondremos los enlaces: ¿todos juntos en un apartado específico?, ¿cada enlace junto al texto que tiene relación? ¿Una solución mixta?. Sólo porque el hipertexto permite crear vínculos entre las páginas no se debe aprovechar cada oportunidad para hacerlo.
  • Si optamos por poner varios enlaces juntos bajo el original epígrafe "Enlaces" [Links], es una buena costumbre organizarlos por temas: Más información sobre [ ], Recursos, Organismos,...
    • En el diseño de materiales didácticos es forzoso pensar en la evaluación, tanto del material como del proceso de aprendizaje de los alumnos.
  • Para la evaluación del aprendizaje: ¿Pondremos un test único al "final" de la unidad? ¿es preferible colocar un test breve al final de cada tema tratado?. La primera opción permite que profesor y al alumno conozcan si se han asimilado los contenidos de una manera global. La segunda "acompaña" al alumno en el proceso de aprendizaje.
    En cualquiera de las dos soluciones la tecnología hipermedia facilita el repaso inmediato de aquellas cuestiones que no se han asimilado, pero también permite la trampa de mirar la respuesta correcta antes de responder. Debemos motivar a los alumnos para que utilicen los tests como herramienta de aprendizaje. El profesor tiene otros instrumentos para comprobar el grado de aprendizaje y el único engañado es el propio alumno.
  •  

    Página Inicial
    Inicio


    Diseño Pedagógico


    Diseño Formal


    Arriba

     
    1