ESTRUCTURA DEL SITIO Usabilidad Web.

Presentación del tema: "ESTRUCTURA DEL SITIO Usabilidad Web."— Transcripción de la presentación:

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:

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:

8 Buscadores Son herramientas que se insertan en algunas Páginas Web para localizar contenidos. Hay dos tipos de buscadores: Direcciona a Google Buscador interno con una Base de Datos Ejemplo:

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:

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