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