Usabilidad en Sitios Web

Estudiante:Yessenia Martínez

Licenciatura en Desarrollo de Software

Ingeniería de Software IIProfesor

Leslie Rowe

Perder al Usuario

• http://www.kwcontinente.com

• Elegido porque contiene demasiada información y el usuario al intentar encontrarla, se pierde o no la encuentra.

No perder al Usuario

• https://www.bancosantander.es

• La información se encuentra bien organizada y permite al usuario leer sin perderse.

Incoherencia del Diseño

• http://www.dokimos.org/ajff/• La página de inicio y el de

contenido sufre un cambio tan radical, que uno no se da cuenta de que se está en la misma página web.

Coherencia del Diseño

• http://www.enfemenino.com/• Al ingresar a alguna de las

subsecciones de esta página web, su diseño y combinación de colores se sigue manteniendo.

Jerarquía Visual

• http://www.altenpohl.de/• No se muestra una

jerarquía visual concreta, por lo que no se sabe a ciencia cierta en qué sección de la página web uno se encuentra.

Jerarquía Visual

• http://www.facundo.es/• Se muestra la jerarquía

visual, por lo que el visitante sabe en qué sección de la página web se encuentra

Página sin BreadCrumbs

• http://www.coolfmpanama.com• No posee breadcrumbs, por lo que

el usuario no se puede guiar para regresar a la sección anterior.

Uso de BreadCrumbs

• http://simuproc.softonic.com/

• El usuario sabe con mayor facilidad en qué sección de la página se encuentra.

Adelante, Atrás, e Inicio

• http://www.movistar.es• A pesar que esta página web está bien

diseñada, no posee esta función.

Adelante, Atrás e Inicio

• http://truco95.jimdo.com

• Si posee esta función, por lo que es más fácil regresar a los temas anteriores o a la página de inicio.

Mapa del Sitio

•http://www.cerious.com/sp/sitemap.shtml

• Es simple, pero permite el acceso a la

información de manera rápida

Mapa del Sitio

• http://www.mundodeportivo.com/index.html

• No posee mapa del sitio, así que si el usuario necesita ver X página, demorará más.

Abuso de pop-ups y anuncios

• http://diariodepontevedra.galiciae.com/

• Posee demasiada publicidad

Abuso de Pop Ups y Anuncios

• http://www.nikoscafe.com• No tiene mucha publicidad y la información

está bien organizada

Facilidad de Uso• http://www.wao975.fm• La página no necesita de mucho

desplazamiento y las opciones siempre están disponibles en la página web.

Facilidad de Uso

• http://www.nacionalquerido.com/• La información no se encuentra

organizada, lo que hace que el usuario se desplace verticalmente para encontrar lo que busca

Mala combinación de colores

• http://www.angelfire.com/super/badwebs/

• Los colores no combinan y hacen que una parte del texto no se pueda ver.

Buena combinación de colores

• http://www.anmtvla.com• Aunque la página posee mucho azul, no es el

mismo tipo de color, así que los colores combinan.

• http://www.ingenfeld.de/• Contenido desorganizado, mala combinación de

colores, demasiadas animaciones, etc.

La Peor página Web

• http://www.nokia.es• Cumple con la mayoría de los requisitos de

usabilidad web.

La mejor página web

Gracias