taller de usabilidad udla

63
Taller de Usabilidad agosto de 2013 Interacción, Frustración y Navegación

Upload: eduardo-a

Post on 21-Jul-2015

127 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Taller de Usabilidad UDLA

Taller de Usabilidad

agosto de 2013

Interacción, Frustración y Navegación

Page 2: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo navegamos?

Taller de Usabilidad

¿Navegar?

Page 3: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo navegamos?

Taller de Usabilidad

Navegar: Acto de recuperar información en la web.

Superautopista de la información > Red de redes > Web¿De dónde $@&*! sacamos el concepto de “surfear” o “navegar”?

Page 4: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo navegamos?

Taller de Usabilidad

Recuperación de Información

La recuperación comienza cuando un usuario hace una consulta al sistema.

Una consulta es una necesidad formal de información.

Page 5: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo navegamos?

Taller de Usabilidad

Oh! ¿Cómo hago para ______?

Page 6: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo navegamos?

Taller de Usabilidad

¿Cómo hago para ______?

Page 7: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Lo que creemos

Taller de Usabilidad

Un usuario hace una pregunta

Pasan cosas misteriosas

El usuario recibe una respuesta

Page 8: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

La verdad

Taller de Usabilidad

Un usuario hace una pregunta

El usuario recibe una respuesta

Pasan cosas misteriosas

Page 9: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Necesidades de Información...

Taller de Usabilidad

● Búsqueda de Ítems Conocidos

● Búsqueda Exploratoria

● Búsqueda Exhaustiva

● Re-Búsqueda

Page 10: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

...o Tipos de Pesca

Taller de Usabilidad

● Búsqueda de Ítems Conocidos(Pesca con Mosca)

● Búsqueda Exploratoria(Pesca de Langosta)

● Búsqueda Exhaustiva(Pesca de Arrastre)

● Re-Búsqueda(Pesca con Arpón)

Page 11: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Recogiendo Bayas en el Bosque

Taller de Usabilidad

Ye’olde Berrypicking Model

Page 12: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Recapitulando

Taller de Usabilidad

Buscamos - Navegamos - Preguntamos

La preguntas es qué.

¡Y por qué!

Page 13: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Ejemplos

Taller de Usabilidad

Un menú de idiomas.

El menú de Sodimac.

¿El sitio de la UDLA?

Page 14: Taller de Usabilidad UDLA

Taller de Usabilidad

septiembre de 2013

¿Quiénes son los Usuarios?

Page 15: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Nos quedan un par de preguntas

Taller de Usabilidad

¿Qué quiere el Usuario?¿Por qué lo quiere?

Page 16: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

So...

Taller de Usabilidad

¿Quién $@&#∞ es el Usuario?

Page 17: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

El Usuario

Taller de Usabilidad

“El Usuario medio se encuentra en un sótano herméticamente sellado en la Oficina Internacional para la Normalización de

Ginebra.”

-Steve Krug (acaso lo creyeron?)

Page 18: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

El Usuario Medio

Taller de Usabilidad

En realidad, no existe el Usuario Medio.

Sólo existen los patrones de interacción.

Page 19: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Patrones de Interacción

Taller de Usabilidad

Page 20: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Patrones de Interacción

Taller de Usabilidad

Podríamos decir que nuestro entorno no es más que una entrada y salida de datos.

Page 21: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

IN-OUT

Taller de Usabilidad

Un usuario hace una pregunta

El usuario recibe una respuesta

Pasan cosas misteriosas

Page 22: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

¿Cómo entender?

Taller de Usabilidad

Preguntando.Observando.Testeando.

Page 23: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Formas de Preguntar

Taller de Usabilidad

EntrevistasFocus Groups

Encuestas

Page 24: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Formas de Observar

Taller de Usabilidad

MétricasLaboratoriosParticipación

Page 25: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

Formas de Testear

Taller de Usabilidad

Eye-TrackingTest de Usuario

Usabilidad de Guerrilla

Page 26: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki

En Concreto

Taller de Usabilidad

Evaluación de Usuarios

Page 27: Taller de Usabilidad UDLA

Taller de Usabilidad

septiembre de 2013

Evaluación de Usuarios

Page 28: Taller de Usabilidad UDLA

Evaluación de Usuarios

...NO es:

Una evaluación heurística (obvio!)Un focus group

Una evaluación de diseñoUn estudio de mercadoUn sondeo de opinión

Una encuestaUna entrevistaNi nada similar

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 29: Taller de Usabilidad UDLA

Las cosas son difíciles porque:

El desarrollo se enfoca en la máquina o el sistema.

El público objetivo cambia o se adapta.

Diseñar algo usable es difícil.

Los especialistas en el equipo de desarrollo no siempre trabajan en forma integrada.

Diseño e implementación no siempre van en sincronía.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 30: Taller de Usabilidad UDLA

¿Debemos testear?

Siguiendo una buena metodología de desarrollo,una buena UX debería ser el resultado final.

¿O no?

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 31: Taller de Usabilidad UDLA

¿Debemos testear?

La usabilidad óptima es transparente al usuario.

Sólo con ellos podemos comprobarlo.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 32: Taller de Usabilidad UDLA

¿Debemos testear?

La usabilidad no es cuantificable.

La falta de ella, sí.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 33: Taller de Usabilidad UDLA

Metodología básica

Empírica, le llaman.

La evaluación con usuarios es una ciencia.(Social, pero ciencia)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 34: Taller de Usabilidad UDLA

Metodología básica

Hipótesis

"Existe una relación entre el diseño del carro de compra y la tasa de abandono del proceso por parte de los usuarios"

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 35: Taller de Usabilidad UDLA

Metodología básica

Hipótesis(Mientras más específicas, mejor)

"El posicionamiento del botón "Comprar" confunde a los usuarios"

"El rótulo asociado a la acción de "Comprar" ("Agregar al carro") no es comprendido por los usuarios como acción transaccional"

"Los usuarios del sistema no poseen un nivel de alfabetización acorde con el lenguaje utilizado"

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 36: Taller de Usabilidad UDLA

Metodología básica

Muestra

¿Aleatoria, significativa, target, nacionalidad, HI?¿Cuántos?

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 37: Taller de Usabilidad UDLA

Metodología básica

Experiencia

Testear, equiparar condiciones, grupos de control

¿Pero es tan así?

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 38: Taller de Usabilidad UDLA

Metodología básica

No siempre podemos controlar las condiciones de una prueba de usuarios.

Cada persona es distinta.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 39: Taller de Usabilidad UDLA

Metodología básica

Siendo pruebas cualitativas,podemos sistematizar condiciones.

Siempre basados en la experiencia, claro.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 40: Taller de Usabilidad UDLA

Pruebas de Usabilidad

Wireframes

Maquetas / Prototipos

Interfaces acabadas

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 41: Taller de Usabilidad UDLA

Qué testear

Funcionalidades

Navegación

Objetivos de Conversión

entre otros =P

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 42: Taller de Usabilidad UDLA

Cómo testear

Ilustración clásica del "Don't Make Me Think" de Steve Krug

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 43: Taller de Usabilidad UDLA

Cómo testear

Entienda.

Preocúpese de entrevistar a la gente, conocer sus motivaciones y su background.

Muchas veces, el contexto es más importante que la interfaz.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 44: Taller de Usabilidad UDLA

Cómo testear

Observe.

La observación participante es la mejor herramienta del evaluador.

El contexto, nuevamente, es de importancia vital.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 45: Taller de Usabilidad UDLA

Cómo testear

Acompañe.

Guíe al usuario en su camino.(Pero déjelo ser!)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 46: Taller de Usabilidad UDLA

Cómo testear

Escuche.

Deje que el usuario exprese lo que piensa y lo que hace.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 47: Taller de Usabilidad UDLA

Dónde testear

En un Laboratorio, claro.Computador del usuario

Cámaras de videoComputador de evaluaciónRegistros de audio y videoMapa de calor Eyetracking

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 48: Taller de Usabilidad UDLA

El Laboratorio de Usabilidad

Laboratorio InterUX, Estonia (http://interux.com/Usability-Lab-Estonia-Tallinn.html)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 49: Taller de Usabilidad UDLA

El Laboratorio de Usabilidad

Laboratorio InterUX, Estonia (http://interux.com/Usability-Lab-Estonia-Tallinn.html)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 50: Taller de Usabilidad UDLA

Eyetracking

Jorge Barahona rindiéndole tributo a su Eyetracking Tobii

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 51: Taller de Usabilidad UDLA

La usabilidad es cara

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 52: Taller de Usabilidad UDLA

Condiciones de una Evaluación

Evaluaciones iterativas en cada fase

Muestra significativa

Laboratorio full equipo

Evaluadores y usuarios disponibles

Presupuesto ilimitado

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 53: Taller de Usabilidad UDLA

Condiciones reales de una Evaluación

Desarrollo acelerado: no hay tiempo para evaluar

Muestras reducidas

¿Laboratorio? Ja!

Un evaluador, asistente disponible

Presupuesto acotado, y qué decir el timing

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 54: Taller de Usabilidad UDLA

Eduardo Aguayo | @aguayoki | 3/21Evaluación de Usuarios - #DAIUX 2012

Condiciones reales de una Evaluación

Page 55: Taller de Usabilidad UDLA
Page 56: Taller de Usabilidad UDLA

Metodología

Discount Usabilityo cómo hacer mucho con poco.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 57: Taller de Usabilidad UDLA

Metodología

Usabilidad de Guerrillao cómo convertirse en el subcomandante Jakob.

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 58: Taller de Usabilidad UDLA

Usabilidad de Guerrilla

"Los tests de usabilidad elaborados son una pérdida de recursos. Los mejores resultados se obtienen testeando no más de 5 usuarios y ejecutando varias pruebas pequeñas, tantas como puedas realizar."

-Nielsen, Alertbox Marzo de 2000

5 usuarios son suficientes

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 59: Taller de Usabilidad UDLA

Usabilidad de Guerrilla

5 usuarios son suficientes

Jakob Nielsen, 2000 (http://www.useit.com/alertbox/20000319.html)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 60: Taller de Usabilidad UDLA

Usabilidad de Guerrilla

5 usuarios son suficientes

Jakob Nielsen, 2012 (http://www.useit.com/alertbox/number-of-test-users.html)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 61: Taller de Usabilidad UDLA

El laboratorio de usabilidad hoy

Podemos testear barato

http://www.techsmith.com/

(USD $1500 aprox)

(USD $300 aprox.)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 62: Taller de Usabilidad UDLA

El laboratorio de usabilidad hoy

Podemos testear barato

Video registrado con un MacBook Air + Screenflow

(USD $100 aprox.)

Eduardo Aguayo | @aguayokiTaller de Usabilidad

Page 63: Taller de Usabilidad UDLA

El testeo ágil con prototipos en papel.

Podemos testear barato

UsabilityGeek.com (http://usabilitygeek.com/an-introduction-to-website-usability-testing/)

Eduardo Aguayo | @aguayokiTaller de Usabilidad