Elementos básicos de un sitio Web

La estructura del sitio web debe ser visualmente intuitiva y fácil de utilizar

Es importante que, de un simple vistazo, se puedan identificar los siguientes elementos de una forma clara y consistente a lo largo del sitio:

• Encabezado
  • Logotipo (no borroso, no mal recortado, no pixeleado)
  • Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.
• Barra de navegación.
  Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.
• Área de contenido principal.
  Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información.
• Barra lateral de contenido (opcional).
  En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.
• Pie de página.
  Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas. Ejemplo:

Esta página tiene como objetivo proporcionar información acerca de la diabetes, las novedades en tratamientos, y los cuidados a seguir con éstas personas. En la imagen podemos apreciar su simplicidad para cumplir con dicho objetivo: Las noticias están en la parte central, arriba (área 1) hay una cabecera simple, justo debajo (área 2) encontramos un menú con las secciones y herramientas que proporciona la web, y la publicidad queda relegada a un pequeño espacio en la derecha (área 3) donde no llama la atención.