El documento describe los elementos estructurales clave de un sitio web accesible y usable, incluyendo la página principal, el cabezote, los botones, índices, mapas web, buscadores, widgets y redes sociales. Explica que estos elementos deben facilitar la navegación para que los usuarios puedan acceder fácilmente a los contenidos y servicios ofrecidos.

1. ESTRUCTURA DEL SITIO
Usabilidad Web

2. Usabilidad Web
El término usabilidad hace referencia a la facilidad que tienen los
usuarios para navegar por un Website, es decir, se trata de que los
potenciales clientes accedan de forma fácil a los contenidos y no
abandonen la navegación sin ver o comprar los productos o
servicios ofrecidos.
La página principal o Index debe ser atractiva, fácil de visualizar y
muy comunicativa del contenido interior del resto del sitio.

3. Cabezote
Es un elemento grafico que aparece en la parte superior de las páginas
web. Generalmente están acompañadas del distintivo visual de la
empresa, y por información general sobre ella o algún producto o
servicio que se ofrece.
Es muy común encontrar en el cabezote el botón de búsqueda y las
opciones de inicio de sesión.

4. Botones
Características de los botones:
• Deben estar siempre visibles para facilitar la navegación en el sitio.
• Deben tener el mismo tamaño (ancho y alto)
• Deben utilizar el mismo tipo y tamaño de letra
• No deben tener degradados y utilizar colores planos.
• Si tienen animación que no sea muy exagerada.
• al abrirse la página del botón seleccionado, éste debe cambiar de color o de
forma, con el fin de indicarle al usuario que está activo dicho botón.

5. Tipos de Botones
Textuales:
Sólo llevan texto y se recomienda que sea una sola palabra,
máximo dos. Son los más usuales y están dentro de una forma
geométrica.
Cuando se quiera realizar una acción se debe utilizar verbos en
infinitivo, como por ejemplo: Guardar, Buscar, Eliminar, entre otros.

6. Tipos de Botones
Icónicos:
Transmiten información a través de un imagen, no necesitan texto.
Se utilizan para ahorrar espacio y deben conservar todos el mismo
tamaño.

7. Índices
Son menús ordenados por niveles o subniveles, se utilizan para
catálogos de productos para visualizar de forma ordenada, los
productos o servicios ofertados por la empresa.
Ejemplo: http://www.falabella.com.co/

8. Mapas Web
Representan de forma gráfica la estructura del sitio, permitiendo al
usuario fácilmente ubicarse en un lugar dentro del sitio.
Ejemplo: http://www.exito.com/

9. Buscadores
Son herramientas que se insertan en algunas Páginas Web para
localizar contenidos.
Hay dos tipos de buscadores:
1. Direcciona a Google
2. Buscador interno con una Base de Datos
Ejemplo: http://politecnicojic.edu.co

10. Widgets
Son miniprogramas o pequeñas aplicaciones que facilitan al usuario
tareas dentro de la Web. Ejemplo: Calculadoras – Videos de
Youtube – El tiempo
Ejemplo: http://www.13.cl/

11. Redes sociales
Son un conjunto de botones que permiten al usuario
desplazarse hasta las comunidades sociales del sitio que
esta visitando.
Generalmente estos botones tienen vínculos a Facebook,
twitter, google +, youtube, pinterest, entre otras redes
sociales.

12. EJEMPLOS DE SITIOS WEB
• http://www.degusta.com.co/
• http://www.cssmania.com/