INTRODUCCIÓN A POP

“Prototyping On Paper”

2015
 SESIÓN 7

2018
Prototipado Sobre Papel
Es una técnica para realizar
pruebas de usabilidad de
diversos tipos de aplicaciones:

WEB, Móviles o de Escritorio.

¡No se limita a solo
Software!
 Prototipado Sobre Papel
La primera Macintosh (1984) fue prototipado
con esta técnica:

 Diseño de íconos.
 Rutinas de Software.
 Hardware.
 Interfaz de Usuario.
 Prototyping On Paper (POP)
¿En qué consiste?
Se caracteriza por usar materiales sencillos para
crear una simulación basada en papel de la
interfaz del sistema.

Con el objetivo de explorar los requerimientos de

usuario.
El producto obtenido se denomina prototipo de
baja fidelidad
 Prototyping On Paper (POP)
Ventajas:
 Rápida iteración: Cambios rápidos en el
prototipo.
 Barato: Menor costo en comparación con
software especializados.
 Aumenta la creatividad: Mayor libertad a los
diseñadores.
 Documentación Automática: No hace falta
documentarlos, en sí mismos son un
entregable.
 Prototyping On Paper (POP)
Desventajas:

 No hay interacción.
 Falta de Realimentación: No todos tienen gran
imaginación para comprender el prototipo.
 Pasos extra: Generalmente hay que pasarlos a
prototipos que generen alguna reacción.
 Prototyping On Paper (POP)
 Existen plantillas para los diferentes tipos de
aplicaciones a prototipar:
 Prototyping On Paper (POP)
http://www.tripwiremagazine.com/free-
printable-sketching-wireframing-templates/
 Prototyping On Paper (POP)
En la actualidad existes Apps que permiten
transformar el prototipo de papel, en un
prototipo funcional (con interacción):
 POP Marvel App
En la actualidad existes Apps que permiten
transformar el prototipo de papel, en un
prototipo funcional (con interacción):
 POP Marvel App (Tutorial)
Ingresar a: https://marvelapp.com/pop/ o
descargar la App.
 POP Marvel App (Tutorial)
Crear una cuenta:
 POP Marvel App (Tutorial)
Crear nuevo proyecto:
 POP Marvel App (Tutorial)
Especificar nombre y seleccionar dispositivo:
 POP Marvel App (Tutorial)
Agregar Imágenes y seleccionar origen:
 POP Marvel App (Tutorial)
Cargar las imágenes:
 POP Marvel App (Tutorial)
Seleccionar cada imagen y asociarla con alguna actividad:
 POP Marvel App (Tutorial)
Seleccionar cada imagen y asociarla con alguna actividad:
 POP Marvel App (Tutorial)
Probar su POP:
 POP Marvel App (Tutorial)
Compartir: https://marvelapp.com/621fd0h
Actividad
Actividad: (Seguimiento)

1. Crear un POP de su PPI (Al menos 6 portrait y 3

landscape).
2. Agregar comentarios (los que crean necesarios)
como: Orden de las pantallas, nombre,
funcionalidad, …
3. Por medio de la herramienta POP Marvel, crear un
prototipo que interactúe con el usuario.
4. Compartir el enlace en EDMODO especificando los
integrantes del equipo.