Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Elementos estructura de un sitio - Usabilidad

1,123 views

Published on

Elementos estructura de un sitio - Usabilidad

Published in: Education
  • Be the first to comment

  • Be the first to like this

Elementos estructura de un sitio - Usabilidad

  1. 1. ESTRUCTURA DEL SITIO Usabilidad Web
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 12. EJEMPLOS DE SITIOS WEB • http://www.degusta.com.co/ • http://www.cssmania.com/

×