Transcript
Page 1: USABILIDAD: ¡MOMENTO EUREKA!

USABILIDADMOMENTO EUREKA!Verónica Traynor @verotraynor

Page 2: USABILIDAD: ¡MOMENTO EUREKA!

el marco.

Page 3: USABILIDAD: ¡MOMENTO EUREKA!

metodología de la investigación:

la cultura de la duda.

Page 4: USABILIDAD: ¡MOMENTO EUREKA!

hipótesis + forma de validación

+ investigación + ratificación.

Page 5: USABILIDAD: ¡MOMENTO EUREKA!

rectificación

corrección de un error o defecto.

Page 6: USABILIDAD: ¡MOMENTO EUREKA!

¿cuál es la forma de validar la usabilidad de algo?

Page 7: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete ¿Le preguntamos a la gente qué opina de una página?

Page 8: USABILIDAD: ¡MOMENTO EUREKA!

LO QUE LES

SUCEDIÓ

LO QUE INTERPRETAN

QUE LES SUCEDIÓ

LO QUE DICEN

QUE LES SUCEDIÓ

Page 9: USABILIDAD: ¡MOMENTO EUREKA!

¿Trackeamos el movimiento de los ojos?

Page 10: USABILIDAD: ¡MOMENTO EUREKA!

להמשיך

¿Todos ven esta palabra?

Page 11: USABILIDAD: ¡MOMENTO EUREKA!

להמשיך

¿... entonces todos la entienden?

Page 12: USABILIDAD: ¡MOMENTO EUREKA!

VER

PRESTAR ATENCIÓN

COMPRENDER

Page 13: USABILIDAD: ¡MOMENTO EUREKA!

¿Trackeamos el movimiento del mouse?

Page 14: USABILIDAD: ¡MOMENTO EUREKA!

¿Y si el usuario hizo movimientos involuntarios?

¿Y si corrió el mouse porque le molestaba?

Page 15: USABILIDAD: ¡MOMENTO EUREKA!

MOVER EL MOUSE

COMPRENDER

?

Page 16: USABILIDAD: ¡MOMENTO EUREKA!

¿Hacemos hipótesis solamente mirando las métricas?

Page 17: USABILIDAD: ¡MOMENTO EUREKA!

% DE SALIDA

RAZÓN DE LA SALIDA

?

Page 18: USABILIDAD: ¡MOMENTO EUREKA!

¿Por qué?

Page 19: USABILIDAD: ¡MOMENTO EUREKA!

¿Hacemos un ejercicio mental y tratamos de pensar como un usuario?

Page 20: USABILIDAD: ¡MOMENTO EUREKA!

MOMENTOEUREKA !

Page 21: USABILIDAD: ¡MOMENTO EUREKA!

¿Se puede recrear el momento Eureka?

Page 22: USABILIDAD: ¡MOMENTO EUREKA!

¿Se puede volver a ser virgen?

Page 23: USABILIDAD: ¡MOMENTO EUREKA!

YA NO MIRAMOS COMO USUARIOS

Page 24: USABILIDAD: ¡MOMENTO EUREKA!

¿Qué podemos hacer para entender lo que pasó?

Page 25: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Page 26: USABILIDAD: ¡MOMENTO EUREKA!

MIRAR LO QUE PASA

Page 27: USABILIDAD: ¡MOMENTO EUREKA!

técnica de prototipado.

Page 28: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Prototipo (hipótesis)

● Estructural● Económico● Tirable

Page 29: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Page 30: USABILIDAD: ¡MOMENTO EUREKA!

Guión (forma de validarlo)

● Sencillo● Que apunte

a los objetivosde siete

Page 31: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Usuarios-humanos

● Externos al proyecto.● Que no brinden una

opinión profesional.

Page 32: USABILIDAD: ¡MOMENTO EUREKA!

... y en silencio

Page 33: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Observamos

● Dónde buscan las cosas● Con qué cosas se confunden● Qué cosas esperan encontrar

(expectativas de interacción)

Page 34: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Aprehendemos

● Entendemos el modelo mental del usuario.

● Comprendemos su contexto y su razonamiento.

Page 35: USABILIDAD: ¡MOMENTO EUREKA!

MOMENTOEUREKA !

Page 36: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Cuantificamos

TIEMPO + ERRORES

● PRIMER INTENTO● SEGUNDO INTENTO (O MÁS)● NUNCA LO RESOLVIÓ

Page 37: USABILIDAD: ¡MOMENTO EUREKA!
Page 38: USABILIDAD: ¡MOMENTO EUREKA!

1 de siete

Modificamos los prototipos(rectificamos).

Page 39: USABILIDAD: ¡MOMENTO EUREKA!

... y así empezamos a iterar

Page 40: USABILIDAD: ¡MOMENTO EUREKA!

... antes de hacer el diseño estético

Page 41: USABILIDAD: ¡MOMENTO EUREKA!

... mucho antes de maquetar y programar

Page 42: USABILIDAD: ¡MOMENTO EUREKA!

iteramos

Page 43: USABILIDAD: ¡MOMENTO EUREKA!

ejemplos de prototipado y testing.

Page 44: USABILIDAD: ¡MOMENTO EUREKA!

PROTOTIPO 1:Buscá un hotel de 3 estrellas.

Page 45: USABILIDAD: ¡MOMENTO EUREKA!

PROTOTIPO 1:Buscá un hotel de 3 estrellas.

¡?

Page 46: USABILIDAD: ¡MOMENTO EUREKA!

PROTOTIPO 2:Buscá un hotel de 3 estrellas.

Page 47: USABILIDAD: ¡MOMENTO EUREKA!

PROTOTIPO 2:Ahora, un hotel sólo de 2 estrellas.

Page 48: USABILIDAD: ¡MOMENTO EUREKA!

¡Desapareció! ¡Estaba acá! (usuario)

Page 49: USABILIDAD: ¡MOMENTO EUREKA!

PROTOTIPO 3:Buscá un hotel de 3 estrellas

Page 50: USABILIDAD: ¡MOMENTO EUREKA!

... el usuario elige lo que quiere, no des-elige lo que no quiere.

Page 51: USABILIDAD: ¡MOMENTO EUREKA!

Otra consigna: comprar un paquete

Page 52: USABILIDAD: ¡MOMENTO EUREKA!

¿Cómo hago para comprar las dos cosas juntas?? (Usuario)

Page 53: USABILIDAD: ¡MOMENTO EUREKA!

principios de interacción humano-computadora.

Page 54: USABILIDAD: ¡MOMENTO EUREKA!

1/4 Call to action

Page 55: USABILIDAD: ¡MOMENTO EUREKA!

Acción principal Acción secundaria

Page 56: USABILIDAD: ¡MOMENTO EUREKA!

2/4 Affordance

Page 57: USABILIDAD: ¡MOMENTO EUREKA!
Page 58: USABILIDAD: ¡MOMENTO EUREKA!
Page 59: USABILIDAD: ¡MOMENTO EUREKA!
Page 60: USABILIDAD: ¡MOMENTO EUREKA!
Page 61: USABILIDAD: ¡MOMENTO EUREKA!

Esto es un texto, pero esto es un link.

Page 62: USABILIDAD: ¡MOMENTO EUREKA!

Esto no es un link y esto confunde.

Page 63: USABILIDAD: ¡MOMENTO EUREKA!

3/4 Consistencia

Page 64: USABILIDAD: ¡MOMENTO EUREKA!

Éste lo hizo Juan

botBOTON 1

botBOTON 2

Éste lo hizo Ricardo

Page 65: USABILIDAD: ¡MOMENTO EUREKA!

(diseño de interfaces no es arte pop)

Page 66: USABILIDAD: ¡MOMENTO EUREKA!
Page 67: USABILIDAD: ¡MOMENTO EUREKA!

¿Cuál es el riesgo de la falta de consistencia?

Page 68: USABILIDAD: ¡MOMENTO EUREKA!

RESET de la curva de aprendizaje

Page 69: USABILIDAD: ¡MOMENTO EUREKA!

4/4 Feedback

Page 70: USABILIDAD: ¡MOMENTO EUREKA!
Page 71: USABILIDAD: ¡MOMENTO EUREKA!

MENSAJE: "GRACIAS POR UTILIZAR NUESTROS SERVICIOS"

"No sé si se hizo el trámite, prefiero llamar" Usuario

Page 72: USABILIDAD: ¡MOMENTO EUREKA!
Page 73: USABILIDAD: ¡MOMENTO EUREKA!

metodología de la investigación:

la cultura de la duda.

Page 74: USABILIDAD: ¡MOMENTO EUREKA!

Verónica Traynor @verotraynor

gracias :)