Usabilidad

Post on 15-Dec-2014

631 views 0 download

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

UsabilidadHarold Maduro

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

¿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.

http://havenworks.com

algunos tips:

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

http://jjg.net

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

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

Internet.

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

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

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

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

No utilices animaciones innecesarias, demasiado movimiento desconcentra al usuario

de lo que realmente esta buscando.

Evita usar pop-ups o abrir nuevas ventanas.

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.

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

correctamente tu mensaje.

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

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.

http://mamascheesies.com/

no seamos losmalos de la película.

¡No hagas al usuario pensar!

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.

diseño centrado en el usuario = UX

http://www.alexrossart.com/

stri.org

ten en cuenta a tu audiencia

stri.org

interfaz

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

interfazLa interfaz debe responder algunas preguntas:

¿Dónde estoy?

dónde estoy: imagen de marca

patrones de recorrido del ojo en forma de F

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

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

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

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

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

interfazLa interfaz debe responder algunas preguntas:

¿Hacia dónde puedo ir?

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

hacia dónde puedo ir: más contenido

hacia dónde puedo ir: banners

hacia dónde puedo ir: búsquedas especializadas

hacia dónde puedo ir: enlaces a herramientas

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

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

elementos de navegación: las páginas 404

elementos de navegación: las páginas 404

elementos de navegación: navegación local

elementos de navegación: navegación local

elementos de navegación: navegación local

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

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

1

2

34

elementos de navegación: rutas navegadas

elementos de navegación: mapa del sitio

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

elementos de navegación: búsqueda

interfazLa interfaz debe responder algunas preguntas:

¿Qué hay aquí?

contenido

contenido

enlaces a más contenidos

noticias

búsqueda especializada

fotos / banners

contenido

contenido

fechas de eventos

banners (promociones,

eventos)noticias

contenido

contenido

mapas

¡el contenido es el rey!

mtsobek.com

tropicstar.com

puntacaracol.com.pa

Usabilidad es tener un avanzado sentido común

harold maduro

harold@epiphycorp.com

tel. (507) 6674.1605

gracias.