Generar una interfaz usable implica lograr que esté centrada en las necesidades de los usuarios. La pregunta es ¿cómo medimos la facilidad de uso? En esta conferencia se presentarán los principios a tener en cuenta al momento de diseñar una interacción humano-computadora tales como el feedback, affordance, consistencia, call to action y la legendaria técnica para comenzar a medir su eficacia: pruebas de usabilidad personalizadas.

1. USABILIDAD
MOMENTO EUREKA!
Verónica Traynor @verotraynor

2. el marco.

3. metodología de la
investigación:
la cultura de la duda.

4. hipótesis
+ forma de validación
+ investigación
+ ratificación.

5. rectificación
corrección de un error
o defecto.

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

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

8. LO QUE LO QUE
LO QUE
INTERPRETAN DICEN
LES
QUE LES QUE LES
SUCEDIÓ
SUCEDIÓ SUCEDIÓ

9. ¿Trackeamos el
movimiento de los
ojos?

10. ¿Todos ven
esta palabra?
‫להמשיך‬

11. ¿... entonces
todos la
entienden?
‫להמשיך‬

12. VER
PRESTAR
ATENCIÓN
COMPRENDER

13. ¿Trackeamos el
movimiento del
mouse?

14. ¿Y si el usuario
hizo
movimientos
involuntarios?
¿Y si corrió el
mouse porque
le molestaba?

15. MOVER EL MOUSE
?
COMPRENDER

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

17. % DE SALIDA
?
RAZÓN
DE LA SALIDA

18. ¿Por qué?

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

20. MOMENTO
EUREKA !

21. ¿Se puede recrear
el momento
Eureka?

22. ¿Se puede volver
a ser virgen?

23. YA NO MIRAMOS
COMO USUARIOS

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

25. 1 de siete

26. MIRAR LO QUE PASA

27. técnica
de prototipado.

28. Prototipo (hipótesis)
● Estructural
● Económico
1 de siete
● Tirable

29. 1 de siete

30. Guión (forma de validarlo)
● Sencillo
● Que apunte
de siete
a los objetivos

31. Usuarios-humanos
● Externos al proyecto.
● Que no brinden una
1 de siete
opinión profesional.

32. ... y en silencio

33. Observamos
● Dónde buscan las cosas
1 cosas esperan encontrar
● Con qué cosas se confunden
de siete
● Qué
(expectativas de interacción)

34. Aprehendemos
● Entendemos el modelo mental del
usuario.
1 de siete
● Comprendemos su contexto y su
razonamiento.

35. MOMENTO
EUREKA !

36. Cuantificamos
TIEMPO + ERRORES
1 de siete
● PRIMER INTENTO
● SEGUNDO INTENTO (O MÁS)
● NUNCA LO RESOLVIÓ

38. Modificamos
los prototipos
(rectificamos).
1 de siete

39. ... y así
empezamos a iterar

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

41. ... mucho antes de
maquetar y programar

42. iteramos

43. ejemplos
de prototipado
y testing.

44. PROTOTIPO 1:
Buscá un hotel de 3 estrellas.

45. PROTOTIPO 1:
Buscá un hotel de 3 estrellas.
¡?

46. PROTOTIPO 2:
Buscá un hotel de 3 estrellas.

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

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

49. PROTOTIPO 3:
Buscá un hotel de 3 estrellas

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

51. Otra consigna: comprar un paquete

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

53. principios
de interacción
humano-
computadora.

54. 1/4 Call to action

55. Acción principal Acción secundaria

56. 2/4 Affordance

61. Esto es un texto,
pero esto es un link.

62. Esto no es un link
y esto confunde.

63. 3/4 Consistencia

64. Éste lo hizo
Juan
bot BOTON 1
bot BOTON 2
Éste lo hizo
Ricardo

65. (diseño
de interfaces
no es arte pop)

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

68. RESET
de la curva de
aprendizaje

69. 4/4 Feedback

71. MENSAJE: "GRACIAS POR
UTILIZAR NUESTROS SERVICIOS"
"No sé si se hizo el
trámite, prefiero
llamar" Usuario

73. metodología de la
investigación:
la cultura de la duda.

74. gracias :)
Verónica Traynor @verotraynor