Crea tu Web: Indice de diseño

Indice Visión general Previos Estructura Diseño Herramientas Recursos


Estructura del sitio
Ya has preparado el contenido de tu web, o al menos. el contenido inicial. Ahora es el momento de comenzar a pensar en como vas a organizar tu sitio. Esta estrucutra puede venirte dada por el tema que trates en tu sitio, pero al definirla debes pensar en facilitar al máximo la navegación por tu web de los visitanes. Nunca olvides que tu puedes conocer muy bien tu web, pero quienes lleguen a él por primera vez no. Te mostramos las estructuras básicas de cualquier sitio web. Ojo esta página es un poquito larga, pero sumamente útil:
Arbol

En esta estructura existe una página principal (la home page en terminología inglesa) desde la que se puede llegar a otras páginas de la web. Estas otras páginas a su vez son un nodo para llegar a otro grupo de páginas. De esta manera llegaremos a tener las páginas agrupadas en niveles, de manera que para llegar desde el primero al último se deben atrvesar los intermedios. Es una estructura muy jerarquizada y algo compleja y dificil para navegar. Puede ser útil para estructurar nuestro sitio en canales o grupos de páginas independientes. En cualquier caso no conviene que el número de niveles sea excesivo, nunca más de 3. Piensa que si queremos ir de una página a otra en el mismo nivel en otra rama del arbol, debemos retroceder hasta la raiz para luego alacanzar la página de destino. Esta imagen te aclarará la estructura

Listas

Esta forma de organizar el sitio es totalmente opuesto al anterior. Realmente no existe una página raiz o principal, lo que tenemos es una especie de lista de páginas donde cada una tiene dos vecinas: una a la izquierda y otra a la derecha, excepto las páginas de los extremos. Una variante presentaría las páginas primera y última enlazadas. Esta forma de organizar un sitio es muy parecido a un libro donde cada página sería un capítulo del mismo. Pasamos del primer al último capítulo a través de los intermedios. Es una impelmentación muy adecuada para manuales o para procesos donde el usuario deba recorrer forzosamente una serie de páginas.

Mixta

Esta estructura aprovecha las ventajas de las dos anteriores. Las páginas están jerarquizadas en niveles, pero dentro de cada nivel se organizan como listas, de forma que podemos recorrer todas las páginas de un mismo nivel sin sin tener que salir de él. En realidad ni el arbol puro ni las listas puros son del todo eficientes, por lo que es habitual mezclar ambas estructuras.

 

Red

Las páginas del sitio también pueden estar totalmente interconectadas, es decir, desde cada página podemos ir a cualquier otra del sitio. Realmente la interconexión de absolutamente todas las páginas sería un caso extremo. Es una estructura de apariencia algo anárquica en la que hay que cuidar mucho de no dejar enlaces abiertos, es decir, apuntando a una página inexistente. Además debemos evitar que el usuario se pierda en una maraña de enlaces. Por todo esto ello es necesario planificarla muy bien.

 
¿Que estructura escoger?

Dependerá del sitio, pero esto tampoco quiere decir que tengas que elegir una de estas. Es muy probable que tu sitio presente una mezcla de estas estructuras. Por ejemplo si tienes un sitio donde se publican cursos de programación es probable que cada curso forme una estructura tipo mixto y todos los cursos juntos estén organizados como un árbol (una rama para cada curso). Sin embargo si tienes un sitio dedicado al hardware del ordenador, donde cada página se dedica a un elemento del mismo, lo recomendable podría ser una topología de red de forma que un visitante pueda ir ir directamente a cualquier elemento del ordenador. Un regla de oro: procura que un visitante nunca esté a más de cuatro clicks de la página a la que quiera llegar.

Si un visitante necesita pinchar en muchos enlaces para llegar a una página dentro de tu sitio lo más probable es que se vaya y no regrese.

Estas topologías se construyen en la práctica con las llamadas barras de navegación, una lista de enlaces habitualmente alineados en horizontal o vertical. Cuando el número de enlaces pueda ser muy grande se recurre a sistemas de menus desplegables donde se agrupan las opciones, como se hace en los menus de opciones de la mayoría de los programas.

Habrás visto que en algunas páginas junto a las barras de navegación o los menús se usan frames. Bueno pues lo más aconsejable es irse olvidando de ellos. No son elementos demasiado profesionales, empequeñecen el área útil de la ventana del explorador, suelen dar problemas para los contadores y son un fuerte obstáculo para los robots buscadores.

Estructura de los sitios web
Las imágenes en tu página

 

Diseño Web | Plantillas Web | Guia de Estilo | Lenguaje HTML

Comunidad Virtual. Alojamiento web gratis