Prototipado iterativo rápido en papel, Guillermo Ermel

2,012 views
1,890 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,012
On SlideShare
0
From Embeds
0
Number of Embeds
202
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • navegabilidad
    diseño de información
    redacción
    etc.
    Puede participar un equipo multidisciplinario (no sólo diseñadores o programadores)
    Como todo proceso de diseño en equipo, Fomenta la creación de un lenguaje común
  • (Este paso es común a otras formas de diseño y evaluación)
  • ¿El usuario usó la pagina de la forma en que ustedes habían pensado?
    ¿Qué dificultades encontraron? (tanto en el diseño como en test.)
    ¿Qué ventajas encontraron al usar papel frente a usar una computadora para diseñar?
    ¿Qué descubrieron con el test? ¿Qué aprendieron?
    ¿Qué cambios harían al prototipo antes de testear nuevamente?
  • navegabilidad
    diseño de información
    redacción
    etc.
    Puede participar un equipo multidisciplinario (no sólo diseñadores o programadores)
    Como todo proceso de diseño en equipo, Fomenta la creación de un lenguaje común
  • Prototipado iterativo rápido en papel, Guillermo Ermel

    1. 1. Prototipado iterativo rápido en papel Guillermo Ermel
    2. 2. • Guillermo Ermel, 33 años. • Usability Senior Analyst, MercadoLibre.com • ¿Ustedes? – Diseño – Marketing – Sistemas – Usabilidad – Otros... Presentémonos
    3. 3. • La mayor plataforma de compras y ventas por Internet de América Latina. • Nació de un proyecto universitario mientras Marcos Galperín terminaba su maestría. • Empresa pública,cotiza en Nasdaq. Acerca de MercadoLibre
    4. 4. • +1000 empleados. • +47 millones de usuarios registrados en 12 países. • Dentro de los 50 sitios con más páginas vistas del mundo, según informe de comScore Networks. • La mayor plataforma de negocios por Internet de América latina. • El volumen de transacciones fue de U$S 2.750 millones en 2009. Acerca de MercadoLibre
    5. 5. 1. Introducción 2. Diseño grupal de sitio web 3. Test con usuarios Hoja de ruta
    6. 6. Prototipado en papel
    7. 7. • Simulación de la funcionalidad de un diseño – para poder evaluarlo • Herramienta de comunicación – Para poder discutirlo ¿Qué es un prototipo de papel?
    8. 8. Ejemplos
    9. 9. Ejemplos
    10. 10. Ejemplos
    11. 11. • Rápido y económico • Facilita modificación y evaluación • Puede participar un equipo multidisciplinario • Fomenta la creatividad • Es divertido :-) Ventajas de prototipar en papel
    12. 12. Cómo hacer y testear un prototipo en papel
    13. 13. Guiarán el armado y testeo del prototipo. Paso 1: definir TUC Ejemplo Tarea: regalar flores y enviarlas a un ser querido Usuarios: 25 - 55 años, navegan diariamente, poca o ninguna experiencia en compras online. Contexto: navegan desde su trabajo (apurados y con interrupciones)
    14. 14. Dibujar “pantallas” en papel, con botones, links, etc... Paso 2: dibujar
    15. 15. Moderador/observador Usuaria (usando prototipo) Computadora (poniendo papelito)
    16. 16. Roles: – Moderador: • Explica mecánica del test al usuario • Le da consignas • Lo anima a pensar en voz alta – Usuario: • usa pantallas para cumplir consigna del moderador. • "clickea" botones, links, etc. con los dedos • "tipea" escribiendo con lápiz – "Computadora": • Cambia pantallas en respuesta a "clicks" y "tipeos" Paso 3: probar con usuarios
    17. 17. • Luego de varios usuarios, surgirán patrones de problemas • Modificar lo que anduvo mal • Volver a testear las veces que haga falta Paso 4: iterar
    18. 18. Un test de usabilidad en ML
    19. 19. ¡A diseñar y testear!
    20. 20. Sitio web de 1 a 4 páginas (¡porque hay poco tiempo!). ¿Qué vamos a diseñar?
    21. 21. Intercambio post-test ¿Ocurrió algo inesperado durante el test?
    22. 22. • Ajustar el prototipo con lo aprendido en el test. • Volver a probar con usuarios para verificar si los problemas mejoraron o desaparecieron. • A esto llamamos “Iterar el diseño” Iterar
    23. 23. • paperprototyping.com • nngroup.com/reports/prototyping/ Recursos
    24. 24. usabilidad@mercadolibre.com
    25. 25. Prototipado iterativo rápido en papel Guillermo Ermel

    ×