Prototipado iterativo rápido en papel - Taller
-
Upload
movimientodisenoinclusivo -
Category
Design
-
view
1.008 -
download
2
description
Transcript of Prototipado iterativo rápido en papel - Taller
Prototipado iterativorápido en papelGuillermo Ermel
@guillermoermel
• Guillermo Ermel, 34 años.
• Usability Senior Analyst, MercadoLibre.com
• ¿Ustedes?– Diseño
– Marketing
– Sistemas
– Usabilidad
– Otros...
Presentémonos
• 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
• +1000 empleados.
• +58 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.
Acerca de MercadoLibre
1. Introducción
2. Diseño grupal de sitio web
3. Test con usuarios
Hoja de ruta
Prototipado en papel
• 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?
Ejemplos
Ejemplos
Ejemplos
• 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
Cómo hacer y testear un prototipo en papel
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)
Dibujar “pantallas” en papel, con botones, links, etc...
Paso 2: dibujar
Moderador/observador
Usuaria(usando prototipo)
Computadora (poniendo papelito)
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
• 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
Un test de usabilidad en ML
¡A diseñar y testear!
Sitio web de 1 a 4 páginas(¡porque hay poco tiempo!).
¿Qué vamos a diseñar?
Intercambio post-test
¿Ocurrió algo inesperado durante el test?
• 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
• paperprototyping.com
• nngroup.com/reports/prototyping/
Recursos
No deje de completar su evaluación online
disenoinclusivo.org.ar/encuesta¡Muchas gracias!
Prototipado iterativo rápido en papel
Guillermo Ermel