Una Web es más que código - ¿Cómo se puede estructurar un sitio web?

6 - ¿Cómo se puede estructurar un sitio web?

[editar]
Curso gratis creado por t0m|ta, Pimienta y Amanda. Extraido de: http://www.tomatoma.ws/subsecciones.php?forum_id=22&catid=22
07 de Marzo de 2006
Si sólo se tiene una vaga idea de cómo se relacionan las distintas secciones de una Web, si no se tiene sentido claro de la organización y la narrativa, los usuarios lo percibirán inmediatamente.

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.

Incluso para los sitios más pequeños, 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 es grande, 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 formado por capítulos que se adapta bastante bien tanto a una estructura lineal como a una 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
1. Secuencial o lineal: Es la forma más simple de organizar la información, que presentando una narrativa lineal. La información que fluye de forma natural como cómo una narrativa lineal o con un orden lógico es perfecta para este tipo de tratamiento.

estructura lineal


La estructura secuencial puede ser cronológica, una serie de temas ordenados lógicamente de lo más general a lo más específico o incluso ordenado alfabéticamente.

Sin embargo, este tipo de organización sólo suele funcionar para sitios pequeños; a medida que la narrativa se torna más compleja, necesita una mayor estructuración para seguir siendo comprensible.

2. Parrilla: Muchos manuales de procedimientos, listados de cursos universitarios, descripciones médicas de casos… se adaptan perfectamente a este tipo de estructura.

estructura de parrilla


Las parrillas son una buena forma de asociar variables, en una serie de categorías standard como "eventos", "tecnología", "cultura"…

Para tener éxito con este tipo de estructura es necesario que las unidades individuales de una parrilla, compartan una estructura de temas y subtemas absolutamente uniforme.

Sin embargo las parrillas pueden ser difíciles de comprender si el usuario no consigue establecer la relación entre las diferentes categorías de información, y quizá más apropiadas para audiencias experimentadas que ya poseen un conocimiento básico del tema y de su organización.

En estas estructuras, resultan muy útiles los mápas gráficos del "Site".

3. Estructura jerárquica: es quizá la mejor manera de organizar información compleja. Este tipo de estructura está especialmente bien adaptada para los Web "Sites", que siempre parten de una única página de inicio.

estructura jerárquica


La mayor parte de los usuarios están familiarizados con los diagramas jerárquicos, y les resulta fácil de comprender cómo esquema de navegación.

Además, la organización jerárquica impone disciplina a la hora de analizar el contenido, ya que las jerarquías sólo funcionan bien cuando el material está perfectamente actualizado.

Dado que las estructuras jerárquicas son tan habituales en las oficinas e instituciones resulta fácil para los usuarios contruirse modelos mentales.

4. Web: Estas estructuras imponen pocas restricciones en el patrón de la información.

estructura web


En este caso el objetivo es imitar el pensamiento asociativo y la libre circulación de ideas; los usuarios siguen sus intereses en una secuencia única para cada usuario del Sitio.

Este tipo de estructura se utiliza en sitios con una estructura de enlaces internos y externos muy densa. La meta es explotar al máximo el poder del hipertexto en la Web, pero este tipo de estructuras confunden al usuario fácilmente, por lo que, irónicamente, resultan muchas veces poco apropiadas para WebSites.

Funcionan mejor en Webs pequeñas, en los que predominan los listados de enlaces y que están dirigidas a usuarios muy instruidos o a usuarios experimentados buscando profundizar en su educación, pero no para logarar un entendimiento básico de un tema o producto.

5.- La estructura mixta: Los estudios de "funcionalidad" indican que los usuarios recuerdan mejor la información con este tipo de estructura (jerárquica con enlaces cruzados del tipo estructura Web), puesto que la estructura jerárquica resulta demasiado restrictiva y la no lineal ofrece demasiada información y lleva a la confusión.

estructura jerárquica




Jacob Nielsen nos da las dos reglas más importantes sobre la estructura de un sitio web:

1.- Puede parecer obvia pero no lo es tanto: tener una estructura y conseguir que refleje el contenido de sitio y sus relaciones.

2.- La estructura no debe reflejar en ningún caso la organización de su compañía. Al usuario no le interesa su organización sino su Web. La estructura debe deperminarse por las tareas, incluso si eso significa que varios departamentos tienen que colaborar para realizar un sólo documento.
[editar]

13 opiniones

basura

mala
Http://unidadlocal.com/?s=paginasweb.

Puedo hacer un menu animado solo con ccs
para evitar usar javascript ya que varios usuarios no lo tienen activado ?.
Una web es más que un código.

Muy buen trabajo. Excelente. Accesible y útil. Lilly.
Gran ayuda.

Hola, con datos técnicos claros y bien explicados. Me fue de gran ayuda con el tema de los robots de búsqueda ya que estaba algo desorientado en el tema. Si sabes que es lo que buscas, este es tu recurso !!.
Hola.

Muy bueno.
1 2 3 | siguiente >

Cursos gratis relacionados con 'Una Web es más que código'

En la ingenieria del software existe trabajo repetitivo que se puede automatizar. Unas sugerencias para... Más »
Los buscadores son grandes aliados en la promoción de sitios web: atraen tráfico, la mayoría... Más »
Perl es un lenguaje interpretado optimizado para la lectura y extraccion de información de archivos... Más »
Hacer que miles de visitantes lleguen a nuestro sitio web es muy sencillo si gastamos... Más »
Una gran parte del tráfico que recibe un sitio Web proviene de los buscadores, de... Más »

Autor y licencia de 'Una Web es más que código'


Curso gratis de t0m|ta, Pimienta y Amanda. Extraido de: http://www.tomatoma.ws/subsecciones.php?forum_id=22&catid=22 CopyLeft
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.