![Page 1: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/1.jpg)
ESTRUCTURA DEL SITIO
Usabilidad Web
![Page 2: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/2.jpg)
Usabilidad WebEl 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.
![Page 3: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/3.jpg)
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.
![Page 4: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/4.jpg)
BotonesCaracterí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.
![Page 5: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/5.jpg)
Tipos de BotonesTextuales: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.
![Page 6: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/6.jpg)
Tipos de BotonesIcó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.
![Page 7: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/7.jpg)
ÍndicesSon 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/
![Page 8: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/8.jpg)
Mapas WebRepresentan 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/
![Page 9: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/9.jpg)
BuscadoresSon herramientas que se insertan en algunas Páginas Web para localizar contenidos.Hay dos tipos de buscadores:1. Direcciona a Google2. Buscador interno con una Base de Datos
Ejemplo: http://politecnicojic.edu.co
![Page 10: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/10.jpg)
WidgetsSon 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/
![Page 11: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/11.jpg)
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.
![Page 12: Elementos estructura de un sitio - Usabilidad](https://reader033.vdocumento.com/reader033/viewer/2022061201/54790ed9b4af9fc3158b46fc/html5/thumbnails/12.jpg)
EJEMPLOS DE SITIOS WEB
• http://www.degusta.com.co/• http://www.cssmania.com/