Prototipado y testing de usabilidad rápido - @ThinkLeanEdu / Universidad de Palermo
Descargar como PPTX, PDF6 recomendaciones969 vistas
El documento describe la metodología de pruebas de usabilidad mediante prototipos en papel, destacando su enfoque en la evaluación de diseños por parte de usuarios representativos. Se presentan ventajas como la rapidez y coste reducido, así como desventajas como la incapacidad de generar código y la posibilidad de no identificar todos los problemas. Además, se detalla el proceso para crear un prototipo en papel y probarlo con usuarios, incluyendo pasos específicos desde la definición de tareas hasta la iteración basada en feedback recibido.
Prototipado y testing de usabilidad rápido - @ThinkLeanEdu / Universidad de Palermo
- 1. Guillermo Ermel guillermo.ermel@mercadolibre.com Tests de usabilidad rápidos mediante prototipado iterativo en papel
- 2. ¿Qué es un test de usabilidad?
- 3. ¿Qué es un test de usabilidad? Pedirle a usuarios representativos que intenten tareas representativas usando el diseño a testear. Observar lo que hacen, con qué tienen exito y qué problemas tienen con la interfaz. (¡sin ayudarlos!) https://www.nngroup.com/articles/usability-101-introduction-to-usability/
- 5. ¿Qué es un prototipo? Simulación de una funcionalidad para evaluarla Soporte de discusión Herramienta de comunicación
- 6. ¿Qué es el prototipado en papel? Es una variación del testeo de usabilidad en la que usuarios representativos hacen tareas realistas interactuando con una versión en papel de la interfaz, manipulada por una persona “que hace de computadora”. http://paperprototyping.com/what.html
- 9. ¿Qué ventajas obtengo? Rápido y económico Facilita modificación y evaluación Permite refinar la UI antes de implementar Puede participar un equipo multidisciplinario Fomenta la creatividad Bajo compromiso emocional con el diseño Es divertido :-) http://paperprototyping.com/what_prosandcons.html
- 11. ¿Qué desventajas? No produce código No encuentra todas las clases de problemas* Puede afectar la forma de interactuar con la UI Algunos equipos temen lucir “poco profesionales” *¡Al igual que cualquiera de los otros métodos! Fuente: http://paperprototyping.com/what_prosandcons.html
- 12. ¿Cómo hacer un prototipo en papel y probarlo con usuarios?
- 13. Paso 1: Definir preguntas y tareas ¿Logran hacer una compra con envío? Le querés regalar una docena de rosas a tu tía y que le lleguen a su casa Pregunta Tarea (Las tareas nos dirán cuáles pantallas dibujar) (Qué queremos entender con la prueba) https://www.nngroup.com/articles/task-scenarios-usability-testing/
- 14. Paso 2: Dibujar pantallas Dibujar a mano alzada, de manera rápida y clara Dibujar solo aquellas pantallas que aporten valor a la prueba Lápiz y Papel Sólo lo necesario (No olvidar las pantallas de feedback, status, etc) (Evitar detalles innecesarios para esta etapa)
- 15. Paso 3: Probar con usuarios Computadora Cambia pantalla en respuesta a clicks y tipeos Usuario Moderador/Observador Computadora
- 16. Paso 4: Iterar Surgirán patrones de problemas Modificar las pantallas que los causaron Luego de 2-3 usuarios: Una vez identificados los problemas Las veces que haga falta / lo que permita el presupuesto / tiempos Volver a testear
- 17. Ej. Proceso de pagos de Mercado Libre
- 18. Ej. MercadoShops
- 19. Ej. Mobile app Taller de prototipado ISA15, Córdoba, Argentina
- 26. https://loft.io/guide/dfa/reference/build/lo-fi-paper-prototyping/ Transparencias
- 31. ¡A diseñar y testear! Sitio o app que resuelva un problema puntual
- 32. Ahora con sus proyectos Redactar una tarea para testear alguna parte de sus proyectos Comenzar un prototipo Compartir
- 33. | | Recursos Sketching user experiences workbook by Bill Buxton Libro Paper prototyping by Carolyn Snyder y su sitio web paperprototyping.com Libro Prototyping by Todd Zaki Warfel DVD nngroup.com/reports/prototyping Video: ejemplo cómo pensar en voz alta para un test de usabilidad (para participantes) bit.ly/pensar-en-voz-alta Kit+tutorial: cómo hacer un test de usabilidad de principio a fin (by MercadoLibre User Research Team)
Notas del editor
- #2: Vamos a poner en práctica 2 herramientas de investigación fundamentales que aplicamos en Mercado Libre en las etapas tempranas del desarrollo de productos: hacer un prototipo en papel de casi cualquier interfaz, y hacer un test de usabilidad simple con usuarios.
- #3: Alguien tuvo la oportunidad de hacer tests de usabilidad alguna vez? A ver a qué llegamos juntos...
- #4: Usuarios representativos son:L
- #5: Alguien acá hizo prototipos alguna vez? A ver a qué podemos llegar juntos de qué es un prototipo...
- #6: Hay muchas otras funciones, pero estas son las 3 que creo son más importantes para las etapas tempranas de un proyecto de tecnología.
- #8: Ejemplo de una sesión de test con un prototipo en papel. Sumemos a esto que el usuario esté pensando en voz alta mientras usa la interfaz.
- #9: Veamos a qué llegamos juntos sobre ventajas y desventajas. Primero las ventajas, porque me gustan más que las desventajas.
- #11: Algo malo tenía que tener, al fin y al cabo son papelitos y una persona que se cree computadora ¿No?
- #12: Estas son las 4 que más he escuchado como oposición.
- #14: Tareas: Realistas, accionables, no dan pistas ni describen los pasos para realizar la tarea.
- #16: Moderador: Explica mecánica del test al usuario Le da consignas Lo anima a pensar en voz alta (y si puede, también observa y toma notas) Computadora: Cambia pantalla en respuesta a clicks y tipeos Usuario: Usa pantallas para cumplir consignas Clickea con los dedos Tipea con lápiz
- #18: Vamos a ver algunos ejemplos de Mercado Libre...
- #23: Templating / framing
- #26: Para escribir encima también
- #27: Para escribir encima también
- #28: Post-its for movable parts