Usabilidad Web

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. 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.

4. 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.

5. 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.

6. Í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/

7. 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/

8. 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

9. 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/

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