Taller sobre Usabilidad

1. Usabilidad: el software, como la
comida, entra por los j s.
Por: Lisandra Armas
@lisyarmas
lisandra.armas@abstracta.com.uy

3. Organización
Estética
Ingredientes

5. “El Plato”

8. $%^*&^
%
JHJ^%%&(T
%R%R
$%^*&^
%
JHJ^%%&(T%R
%R
Ell@s no piensan como nosotros.

9. 3 Niveles de
interacción
Métodos de evaluación
de Usabilidad
10 reglas
heurísticas
Análisis Heurístico –
Documentación
Libros de
interés
Agenda

11. Tetera para masoquistas
Jaques Carelman
Mecedora lateral, recordará a
los amantes del mar el dulce
movimiento de una
embarcación.
Jaques Carelman

12. Mesa de ping-pong “Todas Direcciones”. Aumenta el placer del juego por los
inesperados rebotes de la pelota.
Jaques Carelman

14. Tres niveles de interacción
Miro y entiendo
1/3

15. Tres niveles de interacción
Miro y entiendo
1/3
Intuición
La habilidad para
conocer, comprender o
percibir algo de manera
clara e inmediata, sin la
intervención de la razón.

16. Tres niveles de interacción
Miro y entiendo
1/3
Intuición

17. Tres niveles de interacción
Miro y entiendo
1/3
https://abstracta.us/agile-testing/not-convinced-yet-shift-left-testing/

18. Tres niveles de interacción
Leo y entiendo
2/3

19. Tres niveles de interacción
Leo y entiendo
2/3

20. Tres niveles de interacción
Pienso y entiendo
3/3

21. Tres niveles de interacción
Pienso y entiendo
3/3

22. Tres niveles de interacción
Miro y
entiendo
Leo y
entiendo
Pienso y
entiendo
Si funcionan como un todo el usuario no se percatará en
que nivel obtuvo la información que deseaba.

23. Cuanto más cerca de
miro y entiendo, más
fácil de usar
La estructura y la
navegación no deben
pasar de leo y
entiendo
Manejar
cuidadosamente la
interacción entre los
niveles
PAUTAS

24. Nuestros Productos:
Impresoras
Chorros de tinta
Matriz de puntos
Láser
Cartuchos
Cargas láser
Drivers
Mantenimiento
On site
Carry on
Respuestos
Ejemplo

25. Nuestros Productos
Impresión
• Impresoras de Chorro de tinta
• Impresoras de Matriz de punta
• Impresoras Láser
Suministros
• Cartuchos para chorro de tinta
• Cargas para impresoras laser
• Derivers y actualizaciones de software
Servicio Técnico
• Mantenimiento en nuestro taller
• Repuestos
Ejemplo

26. A nuestra mente no le gusta pensar…
No me hagas pensar – Steve Krug 2da edición 2006

27. Cuando miramos una página que no nos hace pensar…
No me hagas pensar – Steve Krug 2da edición 2006

28. Cómo hacemos pruebas de Usabilidad?

29. Métodos de evaluación de Usabilidad
Pruebas con
usuarios en
páginas web

30. Métodos de evaluación de Usabilidad
Pruebas con
usuarios en
dispositivos
móviles

31. Métodos de evaluación de la Usabilidad

32. 10 reglas heurísticas de
usabilidad de Jakob Nielsen
http://www.nngroup.com
Métodos de evaluación de la Usabilidad
Jakob Nielsen

33. 1. Visibilidad del contexto del sistema.

34. http://www.antel.com.uy/
2. Relación entre el sistema y el mundo real.
https://www.visanetpagos.com.uy/
https://cabify.com/

35. 3. Libertad y control por parte del usuario.

36. 4. Consistencia y estándares.

37. 5. Prevención de errores.

38. 6. Reconocer antes que recordar.

39. 6. Reconocer antes que recordar.

40. 7. Flexibilidad y eficiencia en el uso.

41. 8. Diseño estético y minimalista.
“Todo lo que no aporta, estorba”

42. 9. Ayuda a los usuarios a reconocer,
diagnosticar y recuperarse de los errores.

43. 10. Ayuda y documentación.

44. Análisis Heurístico - ¿Qué documentar?
1. Imagen
2. Qué Heurística viola y severidad
3. Problema, causa y consecuencias
4. Recomendación

45. Análisis Heurístico - Severidad
• Severidad 1 - Problema GRAVE de Usabilidad. Es
imperativa su solución antes de liberar el sistema
o de inmediato si el sistema está en producción.
• Severidad 2 - Problema MAYOR de Usabilidad. Es
importante su solución y debería asignársele alta
prioridad.

46. Análisis Heurístico - Severidad
• Severidad 3 - Problema MEDIO de Usabilidad.
Solucionar el problema es relevante, debería ser
incorporado a las tareas de mantenimiento.
• Severidad 4 - Problema MENOR de Usabilidad.
La solución puede esperar al próximo proceso de
rediseño de la interfaz.

47. Análisis Heurístico - Ejemplo
1

48. Análisis Heurístico - Ejemplo

49. Análisis Heurístico - Ejemplo
Imagen #1.
Heurística 5 – Prevención de errores
Severidad 1
Problema: No se le indica al usuario cuáles serían los campos obligatorios.
Los mensajes de error lanzados cubren toda la interfaz de la página.
Recomendación: Indicar cual serían los campos obligatorios para que el
usuario los complete al crear el calendario. Se recomienda visualizar debajo
de los campos de texto un mensaje de error que oriente al usuario.

50. Métodos de evaluación de Usabilidad
1. Realizar un análisis heurístico
2. Determinar las áreas de conflicto
3. Testear con usuarios
10 heurísticas

51. Libros interesantes

52. Que aprendimos hoy?
Miro y
entiendo
Leo y
entiendo
Pienso y
entiendo
Tres niveles de interacción
Métodos de evaluación de Usabilidad
Análisis heurístico Test con usuarios
10 heurísticas

53. Ejercicio de usabilidad
1. Aplicar la Mini-Checklist de Usabilidad
basada en las 10 heurísticas de Nielsen a la
aplicación Pedidos Ya desde sus celulares.
2. Analizar los resultados obtenidos con los
miembros del equipo.

54. Usabilidad: el software, como la
comida, entra por los j s.
Por: Lisandra Armas
@lisyarmas
lisandra.armas@abstracta.com.uy