Guía para diseñadores gráficos

Guía para diseñadores gráficos > Estructura de una página web > Estructuras estándares

Estructura de una página web

Estructuras estándares

Uno de los aspectos más importantes de las estructura de una página web es decidir dónde posicionaremos los menús de navegación y enlaces a otras páginas web y dónde posicionaremos el contenido que van a consultar los navegantes. Existen diversos tipos de estructuras estándares de páginas web que especifican la posición de los menús de navegación y el contenido, manteniéndose esta estructura y diseño durante toda la navegación por el sitio web.

 Sin que sea sorprendente, los menús de navegación acostumbran a posicionarse en los márgenes de la página, dejando los contenidos en el centro. Por defecto, las estructuras estándares posicionan los menús de navegación arriba o en los laterales, pero también existen otras posibilidades:

 

Bloque de navegación a la izquierda:

Permite presentar muchos menús o enlaces, pues cada línea puede ser un enlace (por ejemplo, el menú de navegación de esta guía). Tampoco supone mucho problema que los menús se extiendan fuera de la pantalla, porque el usuario puede visualizarlos con la barra de desplazamiento vertical. Este método es ideal si los menús son administrables, pues el diseño no se verá muy afectado si aumentan o disminuyen el número de enlaces.

Ejemplo de bloque de navegación a la izquierda: guiadiseño.com

 

Bloque de navegación arriba:

Ideal si el sitio web no tiene demasiadas secciones. Los menús se sitúan en línea y ocupan mucho espacio. Es fácil si los menús se despliegan con otros submenús (es más fácil la navegación que si los submenús se abren lateralmente)

Ejemplo de bloque de navegación arriba: http://www.apple.es

 

Bloque de navegación derecha:

Las mismas ventajas que el menú a la izquierda pero menos usado.

Ejemplo de bloque de navegación a la izquierda: http://www.narfstuff.co.uk

 

Combinación de los anteriores:

Si tenemos muchos enlaces a presentar, siempre podemos utilizar cualquier combinación de los anteriores (arriba e izquierda; izquierda y derecha; arriba, izquierda y derecha;…), sobre todo si los menús se pueden agrupar en dos o tres grandes grupos.

Ejemplo de combinación de bloques: http://www.apple.es

 

Pie de página

El pie de página acostumbra a tener una gran importancia en las estructuras de los webs actuales, donde se pueden repetir los menús de navegación (para que el usuario no deba subir por la página), situar los enlaces al aviso legal, copyright, redes sociales: facebook, RSS, twitter o los datos de dirección y contacto.

 

Ejemplos de pie de página:

Ejemplo de pie de página: http://bristolarchiverecords.com

Ejemplo de pie de página: http://yuruinspires.com

Ejemplo de pie de página: http://splitdadiz.com

Ejemplo de pie de página: http://www.mecannical.com

Ejemplo de pie de página: http://bitsamppixels.com

Otros ejemplos web de pies de página: http://www.javajan.com/news.php?id=205-guia

 

Página principal

La página principal es un caso especial, para la cual no existe una estructura estándar. Aunque la página principal también se puede estructurar de un modo estándar, en la mayoría de sitios web, la página principal no se diseña para presentar contenido, y más bien se imagina como escaparate de la empresa, en el que también se presentan los menús o enlaces a las diferentes páginas o secciones del web.

 

Ejemplos de página principal:

Ejemplo de página principal: http://www.coullon.com

Ejemplo de página principal: http://www.luhsetea.com

Ejemplo de página principal: http://dotmick.com

Ejemplo de página principal: http://gnosh.co.uk

Ejemplo de página principal: http://wearecupcup.com

Ejemplo de página principal: http://www.mcfarlanechangemanagement.com.au

Estructuras estándares >>
JAVAJAN [somos maquetadores y programadores web]. Webs for designers & you. www.javajan.com © 2012 | Avís legal
TwitterFacebookRSSe-mail