Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
ESTRUCTURA DEL SITIO
Usabilidad Web
Usabilidad Web
El término usabilidad hace referencia a la facilidad que tienen los
usuarios para navegar por un Website, e...
Cabezote
Es un elemento grafico que aparece en la parte superior de las páginas
web. Generalmente están acompañadas del di...
Botones
Características de los botones:
• Deben estar siempre visibles para facilitar la navegación en el sitio.
• Deben t...
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 ...
Tipos de Botones
Icónicos:
Transmiten información a través de un imagen, no necesitan texto.
Se utilizan para ahorrar espa...
Índices
Son menús ordenados por niveles o subniveles, se utilizan para
catálogos de productos para visualizar de forma ord...
Mapas Web
Representan de forma gráfica la estructura del sitio, permitiendo al
usuario fácilmente ubicarse en un lugar den...
Buscadores
Son herramientas que se insertan en algunas Páginas Web para
localizar contenidos.
Hay dos tipos de buscadores:...
Widgets
Son miniprogramas o pequeñas aplicaciones que facilitan al usuario
tareas dentro de la Web. Ejemplo: Calculadoras ...
Redes sociales
Son un conjunto de botones que permiten al usuario
desplazarse hasta las comunidades sociales del sitio que...
EJEMPLOS DE SITIOS WEB
• http://www.degusta.com.co/
• http://www.cssmania.com/
Nächste SlideShare
Wird geladen in …5
×

Elementos estructura de un sitio - Usabilidad

1.122 Aufrufe

Veröffentlicht am

Elementos estructura de un sitio - Usabilidad

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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/

×