www.deciencias.net
Web docente departamental
 
> web docente > diseño web dpto > orientaciones website
 
Orientaciones metodológicas - Estructura del sitio

La estructura es importante

La estructura de un conjunto de páginas web es muy importante, ya que una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara, mientras que un conjunto de páginas web con una mala estructura producirá en el lector una sensación de estar perdido, no encontrará rápidamente lo que busca y terminará por abandonar nuestro sitio.

Planifique la estructura antes de empezar.

Antes de crear un conjunto de páginas web uno ha de tener una idea clara de cómo va a ser la estructura de dichas páginas, es conveniente hacer algún esquema sencillo, para la mayoría de los casos una hoja de papel y un lapicero bastará, pero si el emplazamiento va a albergar un gran número de páginas es recomendable usar algún tipo de programa que permita manejar estructuras de tipo grafo.

La estructura depende del contenido.

No es lo mismo crear una estructura de navegación para un sitio que desea publicar información al estilo de un libro cuya estructura estará formada por capítulos, este tipo de información se adapta bastante bien a una estructura lineal como jerárquica. Mientras que un sitio donde se expone un tutorial o un tour es más apropiada una estructura de tipo lineal.

Tipos de Estructuras

Jerárquica
La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo a una lista de subtemas que pueden o no dividirse.

Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, además de saber que, con forme se adentra en la estructura obtiene información más específica y que la información más general se encuentra en los niveles superiores.

Lineal
La estructura lineal es la más simple de todas, la manera de recorrerla es la misma que si estuviésemos leyendo un libro, de manera que estando en una página, podemos ir a la siguiente página o a la anterior.

Esta estructura es muy útil cuando queremos que el lector siga un camino fijo y guiado, además impedimos que se distraiga con enlaces a otras páginas. Por otra parte podemos causar a lector la sensación de estar encerrado si el camino es muy largo o poco interesante. Este tipo de estructura sería válido para tutoriales de aprendizaje o tours de visita guiada.

Lineal con jerarquía
Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una forma lineal si se desea.

Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder acceder a toda la información de una manera lineal como si estuviésemos leyendo un libro. Estas páginas web siguen básicamente este tipo de estructura.

Red
La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente.

Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos mostrar.

Ciertamente, utilizar, el esquema de red, es eficaz, y será mucho mas eficaz, si lo combinamos con uno de tipo lineal o jerárquico, convirtiéndola así en mixto... . En una estructura jerárquica o piramidal la página principal ocupa el vértice (primer nivel) a partir de ahí tendremos las de segundo nivel, tercer nivel, ... Cada página apunta a varias del siguiente nivel aunque suelen estar hipervinculadas unas con otras varias veces (estructura lineal).

Navegación por el sitio web

Unos de los apartados más importantes en el diseño de páginas Web son los elementos de navegación. Ya que son los que nos permiten movernos a través de las diferentes páginas que hemos construido. Debemos ofrecer un esquema de navegación del sitio web claro, simple y razonable que informe con exactitud de la línea de trabajo y los contenidos del sitio y que propicie el acceso a los mismos de forma rápida. Es importante que el diseño sea homogéneo con sistemas de navegación similares en todas las páginas con una temática común.
Ej: www.irabia.org

Duplique los elementos de navegación si es necesario.
Si sus páginas tienen normalmente un tamaño superior al de una pantalla y media, considere la opción de duplicar los elementos de navegación al principio y al final de las páginas.

Añada un enlace al principio de la página.
Si la página es suficientemente larga proporcione al final de la página un enlace el principio de la misma.

No cree páginas que sean un callejón sin salida.
Al menos cada página Web ha de tener un enlace por el cual se pueda continuar la navegación.

Diseñe una estructura clara.
Asegúrese de que proporciona un camino cómodo para visitar todas las páginas Web de su sitio. Si no tiene en cuenta esto perderá la mayoría de los lectores tras las primeras páginas.

Use barras de navegación orientativas.
Es importante que el visitante sepa donde está navegando dentro del sitio. Esto lo facilita las barras de navegación que con una apariencia similar en todas las páginas además puede aportar hipervínculos que facilitan la navegación. Ej: www.educaragon.org.

Proporcione índices.
Si le es posible facilite un índice con el contenido del sitio. Procure que el índice sea fácilmente accesible, puede hacer un "frame" o una tabla y puede ponerlo al principio o al final de la página.

Si usa una paleta de navegación gráfica, proporcione enlaces de texto.
Si usa una paleta de navegación gráfica, el lector no puede moverse por las demás páginas hasta que el gráfico no esté cargado, pero si pone enlaces de texto el lector puede moverse antes y no tener que esperar.


Actividad: Localizar esquema de navegación

Con ayuda de un navegador accede a la siguiente página: (http://www.deciencias.net/disenoweb/disenyo/index.htm)
Observa el sistema, o sistemas, de navegación propuesto desde esta página de inicio y dibújalo sobre el papel.


Actividad: Ver organización web
En la siguiente página ( http://www.infor.uva.es/%7ejvegas/cursos/buendia/pordocente/node24.html ) tienes una muestra de la estructura lógica de una web docente universitaria (Jesús Vegas)


Anterior
 
Siguiente

© All rights reserved
Webmaster: Miguel Vaquero
| Web docente | Integración TIC | Diseño Web | Edición Web | Tutoriales diseño-web |    Envía tus comentarios
  El uso de esta Web significa que está de acuerdo con las condiciones de uso | 2010