Usabilidad

70
Usabilidad Harold Maduro http://www.flickr.com/photos/ellasdad/425813314/

description

Introducción a la usabilidad; análisis del sitio del Instituto Smithsonian de Investigaciones Tropicales, explicación de las funciones de una interfaz gráfica, como el detalle de los diferentes elementos de navegación.

Transcript of Usabilidad

Page 1: Usabilidad

UsabilidadHarold Maduro

http://www.flickr.com/photos/ellasdad/425813314/

Page 2: Usabilidad

¿Usabilidad?

Jackob Nielsen

wikipedia.org

Jackob Nielsen definió Usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.

Page 3: Usabilidad

http://havenworks.com

Page 4: Usabilidad

algunos tips:

Tus usuarios no son tontos.¿Por qué tu sitio los hace sentir de esa manera?

http://jjg.net

Page 5: Usabilidad

Haz el sitio para satisfacer al público objetivo,no a la junta directiva

Page 6: Usabilidad

El sitio debe ser fácil de usar para todos,no sólo para los usuarios más avanzados del

Internet.

Page 7: Usabilidad

La información debe ser fácil de encontrar.

Page 8: Usabilidad

El sitio debe verse bien en la mayor variedad de computadoras* posibles, no sólo en la tuya.

(*) navegadores, resoluciones distintas de pantallas y sistemas operativos

Page 9: Usabilidad

El contenido (texto) debe estar bien organizado y legible.

Page 10: Usabilidad

Reduce el texto de contenido en un 50%. Luego, redúcelo nuevamente.

Page 11: Usabilidad

No utilices animaciones innecesarias, demasiado movimiento desconcentra al usuario

de lo que realmente esta buscando.

Page 12: Usabilidad

Evita usar pop-ups o abrir nuevas ventanas.

Page 13: Usabilidad

Si tu sitio va a ser todo en flash, que no rompa la forma como funciona un sitio corriente, como el

botón de back, por ejemplo.

Page 14: Usabilidad

Si vas a usar íconos que representen conceptos o contenidos, asegúrate que comuniquen

correctamente tu mensaje.

Page 15: Usabilidad

¡Nunca, nunca, nunca, nunca, nunca incluyas un “splash screen”!

Page 16: Usabilidad

Escoge bien los colores: que exista un buen contraste entre el color de fondo y color

de texto

No uses fondos muy complicados o cargados.

Page 17: Usabilidad

http://mamascheesies.com/

Page 18: Usabilidad

no seamos losmalos de la película.

Page 19: Usabilidad

¡No hagas al usuario pensar!

Page 20: Usabilidad

Diseño centrado en el usuario

En términos generales, el diseño centrado en el usuario es una filosofía y proceso de diseño en el que las necesidades, los deseos y las limitaciones del usuario final de una interfaz toman una atención y relevancia considerable en cada nivel del proceso de diseño.

Page 21: Usabilidad

diseño centrado en el usuario = UX

http://www.alexrossart.com/

Page 22: Usabilidad
Page 24: Usabilidad

stri.org

Page 25: Usabilidad

ten en cuenta a tu audiencia

Page 26: Usabilidad

stri.org

Page 27: Usabilidad
Page 28: Usabilidad

interfaz

La interfaz permite al usuario navegar y usar el sitio web o medio digital para realizar una tarea o consumir contenido.

Page 29: Usabilidad

interfazLa interfaz debe responder algunas preguntas:

¿Dónde estoy?

Page 30: Usabilidad

dónde estoy: imagen de marca

Page 31: Usabilidad

patrones de recorrido del ojo en forma de F

Page 32: Usabilidad

dónde estoy: los colores también comunican la marca

Page 33: Usabilidad

dónde estoy: la fotografía también comunica la marca

Page 34: Usabilidad

dónde estoy: la fotografía también comunica la marca

Page 35: Usabilidad

dónde estoy: la fotografía también comunica la marca

Page 36: Usabilidad

dónde estoy: la fotografía también comunica la marca

Page 37: Usabilidad

interfazLa interfaz debe responder algunas preguntas:

¿Hacia dónde puedo ir?

Page 38: Usabilidad

hacia dónde puedo ir: navegación y búsqueda

Page 39: Usabilidad

hacia dónde puedo ir: más contenido

Page 40: Usabilidad

hacia dónde puedo ir: banners

Page 41: Usabilidad

hacia dónde puedo ir: búsquedas especializadas

Page 42: Usabilidad

hacia dónde puedo ir: enlaces a herramientas

Page 43: Usabilidad

hacia dónde puedo ir: navegación por audiencia

Page 44: Usabilidad

hacia dónde puedo ir: pie de página o footer

Page 45: Usabilidad

elementos de navegación: las páginas 404

Page 46: Usabilidad

elementos de navegación: las páginas 404

Page 47: Usabilidad

elementos de navegación: navegación local

Page 48: Usabilidad

elementos de navegación: navegación local

Page 49: Usabilidad

elementos de navegación: navegación local

Page 50: Usabilidad

navegación: también te dice dónde estás

Page 51: Usabilidad

navegación: también te dice dónde estás

1

2

34

Page 52: Usabilidad

elementos de navegación: rutas navegadas

Page 53: Usabilidad

elementos de navegación: mapa del sitio

Page 54: Usabilidad

elementos de navegación: el logo (te lleva al home)

Page 55: Usabilidad

elementos de navegación: búsqueda

Page 56: Usabilidad

interfazLa interfaz debe responder algunas preguntas:

¿Qué hay aquí?

Page 57: Usabilidad

contenido

Page 58: Usabilidad

contenido

enlaces a más contenidos

noticias

búsqueda especializada

fotos / banners

Page 59: Usabilidad

contenido

Page 60: Usabilidad

contenido

fechas de eventos

banners (promociones,

eventos)noticias

Page 61: Usabilidad

contenido

Page 62: Usabilidad

contenido

mapas

Page 63: Usabilidad

¡el contenido es el rey!

Page 65: Usabilidad

mtsobek.com

Page 66: Usabilidad

tropicstar.com

Page 67: Usabilidad

puntacaracol.com.pa

Page 68: Usabilidad

Usabilidad es tener un avanzado sentido común

Page 70: Usabilidad

harold maduro

[email protected]

tel. (507) 6674.1605

gracias.