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

usabilidad@mercadolibre.com

No deje de completar su evaluación online

disenoinclusivo.org.ar/encuesta¡Muchas gracias!

Prototipado iterativo rápido en papel

Guillermo Ermel