Este documento discute la importancia de la usabilidad y las pruebas de usabilidad. Explica que probar con usuarios reales ayuda a identificar problemas y mejorar el diseño de manera temprana. Como ejemplo, se describen las pruebas de usabilidad realizadas con 15 personas para el módulo Ubercart de Drupal, lo que llevó a varios cambios como separar la navegación y simplificar el proceso de compra. El documento enfatiza que probar es más valioso que no probar y que se debe centrar en las necesidades de

1. Ubercart, usabilidad guerrilla style
Drupaleada Agosto 2012

2. José Leiva
twitter: @leivajd
Drupal: jleiva

3. Que veremos hoy...
• Porqué la Usabilidad es importante
• Excusas para no probar
• En quién nos estamos centrando
• Ubercart como ejemplo

5. Filosofía.
• Less features
• Less options/preferences
• Less promises
http://gettingreal.37signals.com/ch02_Build_Less.php

6. "the guru of Web page usability"

7. Mr. Don’t Make Me Think

8. ¿Qué es la Usabilidad?

9. Usability means making sure something works well,
and that a person of average ability or experience
can use it for its intended purpose without getting
hopelessly frustrated.
- S. Krug

10. Beneficios.

11. • ayuda a informar al proceso de diseño
• descubrir problemas desconocidos o inesperados
• solucionar los problemas al principio del proceso
• probar supuestos
Beneficios.

12. • Identifica funcionalidades innecesarias
• Provee objetividad, y argumentos para ganar
batallas
• el usuario medio NO existe
• es tan barato y fácil, que es estúpido no hacerlo
Beneficios.

13. Excusas para no probar.

14. • No tenemos tiempo.
• No tenemos dinero.
• No tenemos experto.
• No tenemos laboratorio.
• No sabemos interpretar resultados.

15. Como lo resolvimos.
• 1 iteración. DIY
• 2 iteración. Colegas.
• 3 iteración. Tres partes, 5 usuarios.

16. Porque solo 5?
• Tiempo.
• Recomendado por expertos.
• Probar e informar el mismo día.
• Menos notas.
• Enfoque en problemas importantes.
http://www.useit.com/alertbox/20000319.html

17. En quién nos estamos
centrando.

18. • Centrado en el diseñador.
• Centrado en el desarrollador.
• Centrado en el cliente.

19. Centrado en el usuario/personas.
Implica involucrar a los usuarios durante todo
el proceso, no solo para el diagnóstico, sino
como co-diseñadores.

20. Como lograrlo?
• La Usabilidad es parte del camino.
• Probar temprano y seguido.
• Usuarios reales.
• Iterar.

21. Herramientas.*
• Personas.
• Pruebas de Usabilidad.
*Menciono las que use en el desarrollo del proyecto.

22. Personas.
• Elaborar fichas.
• Escenario.
• Necesidades.
• Atributos clave.
• Factores de riesgo.

23. Pruebas de usabilidad.
• Usuarios reales.
• Realizar tareas.
• Pensar en voz alta.
• Observar.

24. Ubercart como ejemplo

25. http://drupal.org/project/ubercart

26. Pruebas de usabilidad a 15 personas
• Categorizar productos (menús)
• Encontrar si hacen cambios o reembolsos.
• Proceso de Compra de una camiseta.
Tiempo aproximado: 20 - 40min.

27. Algunos resultados.
• +80% quiere carrito en todo el sitio.
• +80% tres fields por item.
• -50% ha usado Paypal.
• Casi 100% confianza es importante.
• +-70% confusión en botones/mensajes.
• +70% confusión ingresar.

28. • 80% separar navegación.
• 90% comprar sin cuenta.
• 90% formulario muy largo.
• Pocos pasos.
• Lista deseos.
• Recomendar.
• Comentarios/rating.

29. Que se cambio antes de las
pruebas?

30. • Tablas, out.
• Catálogo default, out.
• Traducciones.

31. Que se cambio después de las
pruebas?

42. Resumen.

43. • Es mejor probar que no probar.
• Hágalo, no pida permiso.
• Observar más que escuchar.
• El usuario medio no existe.
• Asumir es un gran, gran error.
• Revisar, implementar ASAP.
• ¡Sí podemos!

44. Bonus.

45. http://www.lukew.com/ff/entry.asp?1579

46. http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu

47. http://developer.android.com/design/style/writing.html

48. http://www.estudiomanati.com/drupal-day

49. Cupón 10% off :)
LMAFAN