Upload
profecesde
View
233
Download
3
Embed Size (px)
DESCRIPTION
Elementos estructura de un sitio - Usabilidad
Citation preview
ESTRUCTURA DEL SITIO
Usabilidad Web
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.
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.
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.
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.
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.
Í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/
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/
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
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/
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.
EJEMPLOS DE SITIOS WEB
• http://www.degusta.com.co/• http://www.cssmania.com/